fix(32-01): fix chat panel scroll by adding overflow-hidden to container

- Add overflow-hidden to outer container for proper flexbox scrolling
- Ensures messages area scrolls correctly within fixed height

.planning/ROADMAP.md

@@ -463,10 +463,11 @@ Plans:
 **Depends on**: Phase 31
 **Research**: Likely (Vercel AI SDK, chat UI components)
 **Research topics**: Vercel AI SDK (ai package) integration, useChat hook, streaming responses, chat UI component patterns
-**Plans**: TBD
+**Plans**: 2 plans
 
 Plans:
-- [ ] 32-01: TBD (run /gsd:plan-phase 32 to break down)
+- [x] 32-01: ChatPanel component with useChat hook, WorkflowCanvas integration
+- [ ] 32-02: Chat context and workflow generation integration
 
 #### Phase 33: Workflow Edit Safety
 
@@ -650,7 +651,7 @@ Phases execute in numeric order: 1 → 2 → ... → 35 → 36 → 37 → 38 →
 | 29. Canvas Performance | v1.3 | 0/0 | Deferred | - |
 | 30. Small Fixes | v1.3 | 0/0 | Deferred | - |
 | 31. Workflow Proposal System | v1.4 | 2/2 | Complete | 2026-01-26 |
-| 32. Chat UI Foundation | v1.4 | 0/? | Not started | - |
+| 32. Chat UI Foundation | v1.4 | 1/2 | In progress | - |
 | 33. Workflow Edit Safety | v1.4 | 0/? | Not started | - |
 | 34. Agentic Workflow Editing | v1.4 | 0/? | Not started | - |
 | 35. Large Workflow Handling | v1.4 | 0/? | Not started | - |

.planning/STATE.md

@@ -9,19 +9,19 @@ See: .planning/PROJECT.md (updated 2026-01-09)
 
 ## Current Position
 
-Phase: 31 of 35 (Workflow Proposal System)
-Plan: 2 of 2 in current phase
-Status: Phase complete
-Last activity: 2026-01-26 - Completed 31-02-PLAN.md
+Phase: 32 of 35 (Chat UI Foundation)
+Plan: 1 of 2 in current phase
+Status: In progress
+Last activity: 2026-01-26 - Completed 32-01-PLAN.md
 
 Progress: ░░░░░░░░░░ 6%
 
 ## Performance Metrics
 
 **Velocity:**
-- Total plans completed: 28
+- Total plans completed: 29
 - Average duration: 7 min
-- Total execution time: 3.4 hours
+- Total execution time: 3.5 hours
 
 **By Phase:**
 
@@ -53,9 +53,10 @@ Progress: ░░░░░░░░░░ 6%
 | 27. Node Defaults Infrastructure | 1/1 | 15 min | 15 min |
 | 28. Node Defaults UI | 1/1 | 32 min | 32 min |
 | 31. Workflow Proposal System | 2/2 | 6 min | 3 min |
+| 32. Chat UI Foundation | 1/2 | 4 min | 4 min |
 
 **Recent Trend:**
-- Last 5 plans: 25 min, 15 min, 32 min, 4 min, 2 min
+- Last 5 plans: 15 min, 32 min, 4 min, 2 min, 4 min
 - Trend: Infrastructure plans (types, API) completing quickly
 
 ## Accumulated Context
@@ -140,6 +141,9 @@ Recent decisions affecting current work:
 - Validate proposal shape before returning to catch LLM errors early
 - Use createGoogleGenerativeAI factory for custom API key injection (AI SDK)
 - toTextStreamResponse for AI SDK v6 streaming (not toDataStreamResponse)
+- DefaultChatTransport with api option for useChat hook in AI SDK v6
+- Manage input state locally (AI SDK v6 removed built-in input state from useChat)
+- Use toUIMessageStreamResponse() for useChat hook compatibility
 
 ### Deferred Issues
 
@@ -169,6 +173,6 @@ Recent decisions affecting current work:
 ## Session Continuity
 
 Last session: 2026-01-26
-Stopped at: Completed 31-02-PLAN.md
+Stopped at: Completed 32-01-PLAN.md
 Resume file: None
-Next action: Plan Phase 32 (Chat UI Integration)
+Next action: Execute 32-02-PLAN.md (Chat context and workflow generation)

src/components/ChatPanel.tsx

@@ -27,7 +27,7 @@ export function ChatPanel({ isOpen, onClose }: ChatPanelProps) {
   if (!isOpen) return null;
 
   return (
-    <div className="fixed bottom-[220px] right-5 w-[380px] h-[450px] bg-neutral-800 border border-neutral-700 rounded-lg shadow-xl flex flex-col z-40">
+    <div className="fixed bottom-[220px] right-5 w-[380px] h-[450px] bg-neutral-800 border border-neutral-700 rounded-lg shadow-xl flex flex-col overflow-hidden z-40">
       {/* Header */}
       <div className="flex items-center justify-between px-4 py-3 border-b border-neutral-700">
         <h3 className="text-sm font-medium text-neutral-200">Workflow Assistant</h3>