<feed xmlns='http://www.w3.org/2005/Atom'>
<title>claude-flow.git/renderer/src/components/ChatPane.tsx, branch claude-flow-v1</title>
<subtitle>A document-centric coding assistant</subtitle>
<id>https://code.northwest.io/claude-flow.git/atom?h=claude-flow-v1</id>
<link rel='self' href='https://code.northwest.io/claude-flow.git/atom?h=claude-flow-v1'/>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/'/>
<updated>2026-03-05T05:21:22+00:00</updated>
<entry>
<title>feat: replace header dropdowns with collapsible sidebar tree</title>
<updated>2026-03-05T05:21:22+00:00</updated>
<author>
<name>bndw</name>
<email>ben@bdw.to</email>
</author>
<published>2026-03-05T05:21:22+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=b6405dd6a4ba65fc5dc6746db7be7be7d0bb29f3'/>
<id>urn:sha1:b6405dd6a4ba65fc5dc6746db7be7be7d0bb29f3</id>
<content type='text'>
- Add Sidebar.tsx: project/session tree with inline rename, collapse/resize
- App.tsx: load all sessions at startup, sync selectedProject on session click
- Header.tsx: strip project/session UI, keep only right-side controls
- globals.css: add .main-layout, sidebar, item, and activity-dot styles
- Chat pane: move toggle button to left, use triangle icons matching sidebar
</content>
</entry>
<entry>
<title>feat: Add `activityStatus` state and `handleCancel` to App.ts… (+4 more)</title>
<updated>2026-03-01T16:10:35+00:00</updated>
<author>
<name>bndw</name>
<email>ben@bdw.to</email>
</author>
<published>2026-03-01T16:10:35+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=afdf3d57cb7ae4cbf0a519d1b53872f151ecba87'/>
<id>urn:sha1:afdf3d57cb7ae4cbf0a519d1b53872f151ecba87</id>
<content type='text'>
- ✅ Add `activityStatus` state and `handleCancel` to App.tsx; update Escape handler
- ✅ Extend `onClaudeMessage` handler: tool_progress, task_progress, restructure result block
- ✅ Pass `activityStatus` and `onCancel` props to `&lt;ChatPane&gt;` in App.tsx
- ✅ Update ChatPane.tsx props interface and loading bubble render
- ✅ Add loading bubble CSS (flex layout, cancel × styles, pulse animation)
</content>
</entry>
<entry>
<title>feat: **`globals.css`** — Edit `.chat-pane`: remove `width: 3… (+7 more)</title>
<updated>2026-03-01T05:49:29+00:00</updated>
<author>
<name>bndw</name>
<email>ben@bdw.to</email>
</author>
<published>2026-03-01T05:49:29+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=454453788e759fa16442e755434fbb842fa1acab'/>
<id>urn:sha1:454453788e759fa16442e755434fbb842fa1acab</id>
<content type='text'>
- ✅ **`globals.css`** — Edit `.chat-pane`: remove `width: 380px`, add `min-width: 0`, `overflow: hidden`, `transition: width 0.2s ease`
- ✅ **`globals.css`** — Insert `.chat-resize-handle`, `.chat-header`, `.chat-collapse-btn` rules after `.chat-pane` block
- ✅ **`globals.css`** — Append `::-webkit-scrollbar` rules at end of file
- ✅ **`ChatPane.tsx`** — Full rewrite: new props interface, header strip, conditional body, inline width style
- ✅ **`App.tsx`** — Add `chatWidth` + `chatCollapsed` state with lazy localStorage initialisers
- ✅ **`App.tsx`** — Add two `useEffect` persistence hooks
- ✅ **`App.tsx`** — Add `handleResizeMouseDown` function
- ✅ **`App.tsx`** — Update `.main-content` JSX: insert conditional resize handle div, pass new props to `&lt;ChatPane&gt;`
</content>
</entry>
<entry>
<title>Phase 4: React UI</title>
<updated>2026-02-28T15:30:40+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T15:30:40+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=6d70c5f8a3ed90564b08616a3fb041409916059c'/>
<id>urn:sha1:6d70c5f8a3ed90564b08616a3fb041409916059c</id>
<content type='text'>
- Add renderer/src/types.ts with Project, Session, Message, Phase types
- Add renderer/src/styles/globals.css with full styling
  - Dark theme with accent colors
  - Header, document pane, chat pane, action bar layouts
  - Phase indicator, token usage bar, buttons
- Add renderer/src/components/Header.tsx
  - Project/session dropdowns with create buttons
  - Phase indicator showing current workflow state
- Add renderer/src/components/DocumentPane.tsx
  - Markdown viewer/editor with toggle
  - Syntax highlighting for review comments
  - Task checkbox rendering
- Add renderer/src/components/ChatPane.tsx
  - Message list with auto-scroll
  - Input field with Enter to send
  - Loading state indicator
- Add renderer/src/components/ActionBar.tsx
  - Token usage bar with color coding
  - Review/Submit buttons for workflow
  - Permission mode toggle for implement phase
- Add renderer/src/App.tsx
  - Full state management for projects, sessions, messages
  - Claude message subscription
  - Workflow handlers (review, submit, phase advance)
- Update renderer/src/main.tsx to render App
</content>
</entry>
</feed>
