From c198f1c2c7573b4dbcc163cd62f0b8f50bb63e10 Mon Sep 17 00:00:00 2001
From: Brad Groux <bradgroux@Brads-Mac-mini.local>
Date: Sat, 31 Jan 2026 06:02:17 -0600
Subject: [PATCH] =?UTF-8?q?feat:=20chat=20interface=20frontend=20=E2=80=94?=
 =?UTF-8?q?=20panel,=20streaming,=20keyboard=20shortcuts=20(#18)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ChatPanel: right-side slide-out panel with agent/model selectors
- Markdown rendering, tool call collapsible blocks, streaming indicator
- Ask/Build mode toggle for read-only vs mutation-capable conversations
- Task-scoped chat (from task detail) and board-level chat
- Cmd+Shift+C keyboard shortcut to toggle chat panel
- Chat button in header toolbar
- Chat tab in task detail panel
- API hooks (useChatSession, useSendChatMessage, useChatStream)
- WebSocket streaming placeholder (ready to wire up)
---
 web/src/components/chat/ChatPanel.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/src/components/chat/ChatPanel.tsx b/web/src/components/chat/ChatPanel.tsx
index f637c771..f284a00e 100644
--- a/web/src/components/chat/ChatPanel.tsx
+++ b/web/src/components/chat/ChatPanel.tsx
@@ -87,7 +87,7 @@ export function ChatPanel({ open, onOpenChange, taskId }: ChatPanelProps) {
         sessionId: currentSessionId,
         taskId,
         message: message.trim(),
-        agent: 'claude-code',
+        agent: selectedAgent,
         model: selectedModel,
         mode,
       },
@@ -131,6 +131,18 @@ export function ChatPanel({ open, onOpenChange, taskId }: ChatPanelProps) {
               Agent Chat
             </SheetTitle>
             <div className="flex items-center gap-2">
+              <Select value={selectedAgent} onValueChange={setSelectedAgent}>
+                <SelectTrigger className="w-28 h-8 text-xs">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  {enabledAgents.map((a: { type: string; name: string }) => (
+                    <SelectItem key={a.type} value={a.type}>
+                      {a.name}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
               <Select value={selectedModel} onValueChange={setSelectedModel}>
                 <SelectTrigger className="w-24 h-8 text-xs">
                   <SelectValue />