Skip to content

✨ chat panel UI — agent chat interface, batch review, settings [2/2]#1390

Closed
ibolton336 wants to merge 3 commits intokonveyor:mainfrom
ibolton336:feature/agent-chat-panel-ui
Closed

✨ chat panel UI — agent chat interface, batch review, settings [2/2]#1390
ibolton336 wants to merge 3 commits intokonveyor:mainfrom
ibolton336:feature/agent-chat-panel-ui

Conversation

@ibolton336
Copy link
Copy Markdown
Member

Summary

User-facing chat panel for interacting with coding agents directly inside VS Code.

What's included

New ChatPage components:

  • ChatPage.tsx — main chat interface with message history, streaming responses, input
  • AgentFileReview.tsx — inline file diff review within chat
  • AgentSettings.tsx — agent provider configuration panel
  • CompactBatchReview.tsx — condensed multi-file review UI (replaces old BatchReview)
  • CompactMigrationScope.tsx — migration scope display in chat context
  • PermissionReviewMessage.tsx — tool permission approval UI
  • ThinkingIndicator.tsx — streaming "thinking" animation
  • ResourceBlock.tsx / ResourceLink.tsx — rich content components

Webview updates:

  • App routing with ChatPage
  • Extended webview store for agent/chat state
  • Updated hooks: useVSCodeMessageHandler, useScrollManagement, useContainerWidth
  • ResolutionsPage updates for agent message types

Removed:

  • Old ResolutionsPage/BatchReview/ components (replaced by compact versions)

Stack order

This is PR 3 of 3 breaking up the feature/goose branch:

  1. Build improvements & agentic refactoring → ✨ build improvements, test updates & agentic refactoring [1/3 #1388
  2. Pluggable agent backend → ✨ pluggable agent backend — Goose, OpenCode, MCP server, orchestrator + chat panel UI #1389
  3. → Chat panel UI (this PR)

⚠️ Depends on #1388 and #1389 — merge those first.

Testing

  • Visual testing in VS Code webview
  • Build verified locally ✅

ibolton336 added 3 commits May 1, 2026 10:51
- CI workflow fixes for e2e tests
- Husky pre-commit hook
- Agentic package: refactored base node, improved caching, updated types
- Test fixtures updated for new provider configs
- E2E page objects refactored
- Build script improvements (collect-assets)
- Go/Java extension updates
- Removed stale changelog fragments, added new ones
- Package dependency updates

Signed-off-by: ibolton336 <ibolton@redhat.com>
Adds the complete pluggable agent backend infrastructure:

- Agent client interface with Goose and OpenCode implementations
- MCP bridge server for exposing analysis tools to agents
- Agent orchestrator with file tracking and batch review
- State management refactoring (StateChangeData pattern, extension store, sync bridges)
- Tool permission handler with policy-based access control
- Agent configuration and credential storage
- Shared agent types, actions, and message contracts
- Updated extension wiring for agent lifecycle management
- Modified file handler improvements for agent workflows
- Documentation and contributing guide

Signed-off-by: ibolton336 <ibolton@redhat.com>
Adds the user-facing chat panel for agent interactions:

- ChatPage with message history, streaming responses, input
- Agent file review for inline diffs in chat
- Agent settings panel for provider configuration
- Compact batch review replacing old BatchReview components
- Permission review UI for tool access approval
- Thinking indicator for streaming states
- Resource block/link components for rich content
- Updated webview store and hooks for agent state
- App routing with ChatPage
- ResolutionsPage updates for agent message types

Signed-off-by: ibolton336 <ibolton@redhat.com>
@ibolton336 ibolton336 requested review from a team as code owners May 1, 2026 16:08
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented May 1, 2026

Warning

Rate limit exceeded

@ibolton336 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 59 minutes and 35 seconds before requesting another review.

To keep reviews running without waiting, you can enable usage-based add-on for your organization. This allows additional reviews beyond the hourly cap. Account admins can enable it under billing.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: c82f0b3d-03fe-4c7d-bc7e-323b58c4ac7f

📥 Commits

Reviewing files that changed from the base of the PR and between 3d97606 and b36fb7e.

⛔ Files ignored due to path filters (1)
  • package-lock.json is excluded by !**/package-lock.json
📒 Files selected for processing (136)
  • .github/workflows/e2e-tests.yml
  • .husky/pre-commit
  • agentic/src/cache.ts
  • agentic/src/nodes/analysisIssueFix.ts
  • agentic/src/nodes/base.ts
  • agentic/src/nodes/diagnosticsIssueFix.ts
  • agentic/src/types.ts
  • changes/unreleased/1343-ignore-non-workspace-files.yaml
  • changes/unreleased/1349-java-retry-activation.yaml
  • changes/unreleased/1351-pluggable-agent-backend.yaml
  • changes/unreleased/1374-add-enavled-property-to-llmproxy-client.yaml
  • changes/unreleased/fix-duplicate-loading-indicators.yaml
  • changes/unreleased/fix-review-mode-continue-button-blocked.yaml
  • changes/unreleased/fix-solution-server-inline-edit-capture.yaml
  • docs/goose-acp-messaging-guide.md
  • mcp-server/package.json
  • mcp-server/src/index.ts
  • mcp-server/tsconfig.json
  • package.json
  • scripts/collect-assets.js
  • scripts/copy-dist.js
  • scripts/test-goose-streaming.sh
  • shared/src/types/actions.ts
  • shared/src/types/agent.ts
  • shared/src/types/agentActions.ts
  • shared/src/types/agentMessages.ts
  • shared/src/types/index.ts
  • shared/src/types/messages.ts
  • shared/src/types/types.ts
  • tests/.env.example
  • tests/docs/contrib/e2e-environment.md
  • tests/e2e/enums/output.enum.ts
  • tests/e2e/fixtures/provider-configs.fixture.ts
  • tests/e2e/fixtures/test-repos.json
  • tests/e2e/pages/vscode-web.page.ts
  • tests/e2e/pages/vscode.page.ts
  • tests/e2e/tests/base/plugin-settings.test.ts
  • tests/e2e/tests/ccm/llm-proxy.test.ts
  • tests/e2e/utilities/utils.ts
  • vscode/core/CONTRIBUTING-FEATURES.md
  • vscode/core/package.json
  • vscode/core/resources/sample-provider-settings.yaml
  • vscode/core/src/KonveyorGUIWebviewViewProvider.ts
  • vscode/core/src/__tests__/mocks.ts
  • vscode/core/src/agentConfigReader.ts
  • vscode/core/src/analysis/__tests__/batchedAnalysisTrigger.test.ts
  • vscode/core/src/analysis/batchedAnalysisTrigger.ts
  • vscode/core/src/analysis/runAnalysis.ts
  • vscode/core/src/api/mcpBridgeServer.ts
  • vscode/core/src/client/agentClient.ts
  • vscode/core/src/client/analyzerClient.ts
  • vscode/core/src/client/directLLMClient.ts
  • vscode/core/src/client/gooseClient.ts
  • vscode/core/src/client/opencodeClient.ts
  • vscode/core/src/clients/ProfileSyncClient.ts
  • vscode/core/src/commands.ts
  • vscode/core/src/data/loadResults.ts
  • vscode/core/src/diff/vertical/manager.ts
  • vscode/core/src/extension.ts
  • vscode/core/src/extensionState.ts
  • vscode/core/src/features/agent/__tests__/toolPermissionHandler.test.ts
  • vscode/core/src/features/agent/agentOrchestrator.ts
  • vscode/core/src/features/agent/batchReviewHandlers.ts
  • vscode/core/src/features/agent/fileChangeRouter.ts
  • vscode/core/src/features/agent/fileTracker.ts
  • vscode/core/src/features/agent/handlers.ts
  • vscode/core/src/features/agent/index.ts
  • vscode/core/src/features/agent/init.ts
  • vscode/core/src/features/agent/promptBuilder.ts
  • vscode/core/src/features/agent/toolPermissionHandler.ts
  • vscode/core/src/features/agent/toolPermissionPolicy.ts
  • vscode/core/src/features/featureRegistry.ts
  • vscode/core/src/features/index.ts
  • vscode/core/src/gooseConfig.ts
  • vscode/core/src/modelProvider/config.ts
  • vscode/core/src/modelProvider/providerConfigGenerator.ts
  • vscode/core/src/paths.ts
  • vscode/core/src/solutionWorkflowOrchestrator.ts
  • vscode/core/src/store/extensionStore.ts
  • vscode/core/src/store/syncBridges.ts
  • vscode/core/src/utilities/ModifiedFiles/handleFileResponse.ts
  • vscode/core/src/utilities/ModifiedFiles/handleModifiedFile.ts
  • vscode/core/src/utilities/ModifiedFiles/handleQuickResponse.ts
  • vscode/core/src/utilities/ModifiedFiles/processMessage.ts
  • vscode/core/src/utilities/ModifiedFiles/processModifiedFile.ts
  • vscode/core/src/utilities/ModifiedFiles/queueManager.ts
  • vscode/core/src/utilities/agentCredentialStorage.ts
  • vscode/core/src/utilities/configuration.ts
  • vscode/core/src/utilities/gooseCredentialStorage.ts
  • vscode/core/src/utilities/profiles/profileActions.ts
  • vscode/core/src/utilities/profiles/profileService.ts
  • vscode/core/src/webviewMessageHandler.ts
  • vscode/go/package.json
  • vscode/go/src/extension.ts
  • vscode/go/src/goExternalProviderManager.ts
  • vscode/go/src/pathUtils.ts
  • vscode/java/src/extension.ts
  • webview-ui/package.json
  • webview-ui/src/App.tsx
  • webview-ui/src/components/AnalysisPage/AnalysisPage.tsx
  • webview-ui/src/components/ChatPage/AgentFileReview.css
  • webview-ui/src/components/ChatPage/AgentFileReview.tsx
  • webview-ui/src/components/ChatPage/AgentSettings.tsx
  • webview-ui/src/components/ChatPage/ChatPage.css
  • webview-ui/src/components/ChatPage/ChatPage.tsx
  • webview-ui/src/components/ChatPage/CompactBatchReview.css
  • webview-ui/src/components/ChatPage/CompactBatchReview.tsx
  • webview-ui/src/components/ChatPage/CompactMigrationScope.tsx
  • webview-ui/src/components/ChatPage/CompactModifiedFile.css
  • webview-ui/src/components/ChatPage/CompactModifiedFile.tsx
  • webview-ui/src/components/ChatPage/PermissionReviewMessage.css
  • webview-ui/src/components/ChatPage/PermissionReviewMessage.tsx
  • webview-ui/src/components/ChatPage/ResourceBlock.tsx
  • webview-ui/src/components/ChatPage/ResourceLink.tsx
  • webview-ui/src/components/ChatPage/ThinkingIndicator.tsx
  • webview-ui/src/components/ChatPage/providerOptions.ts
  • webview-ui/src/components/ProfileManager/ProfileList.tsx
  • webview-ui/src/components/ResolutionsPage/BatchReview/BatchReviewExpandable.tsx
  • webview-ui/src/components/ResolutionsPage/BatchReview/BatchReviewFooter.tsx
  • webview-ui/src/components/ResolutionsPage/BatchReview/BatchReviewSummary.tsx
  • webview-ui/src/components/ResolutionsPage/BatchReview/batchReviewExpandable.css
  • webview-ui/src/components/ResolutionsPage/BatchReview/batchReviewFooter.css
  • webview-ui/src/components/ResolutionsPage/BatchReview/batchReviewSummary.css
  • webview-ui/src/components/ResolutionsPage/BatchReview/index.ts
  • webview-ui/src/components/ResolutionsPage/MessageWrapper.css
  • webview-ui/src/components/ResolutionsPage/ModifiedFile/useModifiedFileData.ts
  • webview-ui/src/components/ResolutionsPage/ReceivedMessage.tsx
  • webview-ui/src/components/ResolutionsPage/ResolutionsPage.tsx
  • webview-ui/src/components/ResolutionsPage/ToolMessage.tsx
  • webview-ui/src/components/ResolutionsPage/toolMessage.css
  • webview-ui/src/components/ViolationIncidentsList.tsx
  • webview-ui/src/hooks/actions.ts
  • webview-ui/src/hooks/useContainerWidth.ts
  • webview-ui/src/hooks/useScrollManagement.ts
  • webview-ui/src/hooks/useVSCodeMessageHandler.ts
  • webview-ui/src/store/store.ts
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share
Review rate limit: 0/1 reviews remaining, refill in 59 minutes and 35 seconds.

Comment @coderabbitai help to get the list of available commands and usage tips.

@ibolton336 ibolton336 changed the title ✨ chat panel UI — agent chat interface, batch review, settings [3/3] ✨ chat panel UI — agent chat interface, batch review, settings [2/2] May 1, 2026
@ibolton336 ibolton336 closed this May 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant