aboutsummaryrefslogtreecommitdiffstats
path: root/renderer/src/components/DocumentPane.tsx
Commit message (Collapse)AuthorAgeFilesLines
* Restyle UI with light/dark theme supportClawd2026-02-281-2/+8
| | | | | | | | | | | - 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
* Fix CodeMirror line wrapping and container overflowClawd2026-02-281-1/+3
| | | | | | | - 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
* Add CodeMirror 6 for markdown editingClawd2026-02-281-6/+94
| | | | | | | | | | | | | - 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
* Replace custom markdown renderer with react-markdownClawd2026-02-281-124/+59
| | | | | | | | - 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
* Add markdown table rendering supportClawd2026-02-281-1/+66
| | | | | | | - 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)
* Add onboarding screen for first-time usersClawd2026-02-281-0/+37
| | | | | | | | | - 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
* Phase 4: React UIClawd2026-02-281-0/+104
- 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