<feed xmlns='http://www.w3.org/2005/Atom'>
<title>claude-flow.git/renderer/src/components/DocumentPane.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:36:32+00:00</updated>
<entry>
<title>feat: Thread optional `phase` param into `db/sessions.ts::cre… (+7 more)</title>
<updated>2026-03-05T05:36:32+00:00</updated>
<author>
<name>bndw</name>
<email>ben@bdw.to</email>
</author>
<published>2026-03-05T05:36:32+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=73d2680b83ccbdbd8dfec2d319533e98b379b830'/>
<id>urn:sha1:73d2680b83ccbdbd8dfec2d319533e98b379b830</id>
<content type='text'>
- ✅ Thread optional `phase` param into `db/sessions.ts::createSession()`
- ✅ Thread optional `phase` param into `ipc/handlers.ts` sessions:create handler
- ✅ Thread optional `phase` param into `preload.ts` createSession API
- ✅ Update Plan phase system prompt to gracefully handle missing research.md
- ✅ Update Implement phase system prompt to gracefully handle missing plan.md
- ✅ Create `renderer/src/components/NewSessionModal.tsx`
- ✅ Update `App.tsx`: add modal state, split handler, add modal JSX
- ✅ Add modal CSS to `globals.css`
</content>
</entry>
<entry>
<title>Restyle UI with light/dark theme support</title>
<updated>2026-02-28T23:21:27+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T23:21:27+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=a9ae7c65c387bcf144de8df0a13dbbfd7496cc1e'/>
<id>urn:sha1:a9ae7c65c387bcf144de8df0a13dbbfd7496cc1e</id>
<content type='text'>
- Add light/dark theme toggle with localStorage persistence
- Add 'Claude Flow' wordmark in header
- Switch to monospace font (SF Mono, Cascadia Code, etc.)
- Update accent colors (lighter blue)
- Add theme-aware CodeMirror styling (oneDark vs defaultHighlightStyle)
- Update window title to 'Claude Flow'
- Refine spacing and visual polish throughout
- Add .claude-flow/ artifacts from self-restyling session
</content>
</entry>
<entry>
<title>Fix CodeMirror line wrapping and container overflow</title>
<updated>2026-02-28T22:47:43+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T22:47:43+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=4bd42f9c508345391806eb7c5c2ed39863764695'/>
<id>urn:sha1:4bd42f9c508345391806eb7c5c2ed39863764695</id>
<content type='text'>
- Add EditorView.lineWrapping for soft word wrap
- Fix container CSS to prevent horizontal overflow
- Add min-width: 0 to document-pane for proper flex shrinking
- Add overflow: hidden to contain the editor
</content>
</entry>
<entry>
<title>Add CodeMirror 6 for markdown editing</title>
<updated>2026-02-28T21:51:38+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T21:51:38+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=812702aa9afbfe8de7672520852a6066341a4dc0'/>
<id>urn:sha1:812702aa9afbfe8de7672520852a6066341a4dc0</id>
<content type='text'>
- Install CodeMirror 6 with markdown language support
- Add MarkdownEditor component with:
  - Syntax highlighting for markdown
  - Line numbers
  - Active line highlighting
  - History (undo/redo)
  - One Dark theme
  - Code block language highlighting
- Keep react-markdown for preview mode
- Add CSS for CodeMirror integration
</content>
</entry>
<entry>
<title>Replace custom markdown renderer with react-markdown</title>
<updated>2026-02-28T21:48:34+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T21:48:34+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=c386a1acfab0db99af57a9a18a49c72b89184f15'/>
<id>urn:sha1:c386a1acfab0db99af57a9a18a49c72b89184f15</id>
<content type='text'>
- Add react-markdown and remark-gfm dependencies
- Remove hacky regex-based renderMarkdown function
- Full GFM support: tables, task lists, strikethrough, autolinks
- Update CSS for react-markdown output (task lists, blockquotes, hr)
- Cleaner, more maintainable code
</content>
</entry>
<entry>
<title>Add markdown table rendering support</title>
<updated>2026-02-28T21:45:59+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T21:45:59+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=afe1cd0918e182b8107ffa81b9f9d6cdec4615ae'/>
<id>urn:sha1:afe1cd0918e182b8107ffa81b9f9d6cdec4615ae</id>
<content type='text'>
- Add renderTable() function to parse markdown tables
- Process tables before other markdown transformations
- Handle header row, separator row, and body rows
- Add table CSS styling (borders, alternating row colors, padding)
</content>
</entry>
<entry>
<title>Add onboarding screen for first-time users</title>
<updated>2026-02-28T16:11:41+00:00</updated>
<author>
<name>Clawd</name>
<email>ai@clawd.bot</email>
</author>
<published>2026-02-28T16:11:41+00:00</published>
<link rel='alternate' type='text/html' href='https://code.northwest.io/claude-flow.git/commit/?id=e4b1b26c1d61854b93c2cc3cba1714df2d7417d5'/>
<id>urn:sha1:e4b1b26c1d61854b93c2cc3cba1714df2d7417d5</id>
<content type='text'>
- Show welcome view when no project is selected
- Explain the Research → Plan → Implement workflow
- Include ANTHROPIC_API_KEY setup instructions
- List getting started steps (add project, create session, describe work)
- Explain iteration workflow with Review/Submit buttons
- Add CSS styling for onboarding content
</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>
