From 9e2b981f93a42046860c469c0ac3b1727745f909 Mon Sep 17 00:00:00 2001 From: shrimbly Date: Tue, 27 Jan 2026 10:07:25 +1300 Subject: [PATCH] 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 | 7 ++++--- .planning/STATE.md | 22 +++++++++++++--------- src/components/ChatPanel.tsx | 2 +- 3 files changed, 18 insertions(+), 13 deletions(-) diff --git a/.planning/ROADMAP.md b/.planning/ROADMAP.md index 4d037f3a..321a25bf 100644 --- a/.planning/ROADMAP.md +++ b/.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 | - | diff --git a/.planning/STATE.md b/.planning/STATE.md index 7f01400d..2225d058 100644 --- a/.planning/STATE.md +++ b/.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) diff --git a/src/components/ChatPanel.tsx b/src/components/ChatPanel.tsx index f52b9e04..b07019a8 100644 --- a/src/components/ChatPanel.tsx +++ b/src/components/ChatPanel.tsx @@ -27,7 +27,7 @@ export function ChatPanel({ isOpen, onClose }: ChatPanelProps) { if (!isOpen) return null; return ( -
+
{/* Header */}

Workflow Assistant