aboutsummaryrefslogtreecommitdiffstats
path: root/renderer/src/styles
Commit message (Collapse)AuthorAgeFilesLines
* feat(settings): add MCP server configurationClawd2026-03-011-0/+212
| | | | | | | | - Add McpSettings component with add/edit/delete server UI - Support stdio (command + args + env) and sse/http (url + headers) transports - Array builder for args, key-value builder for env vars and headers - Pass mcpServers config to SDK query() calls - Store config as JSON in settings table
* feat(settings): add configurable model selectionClawd2026-03-011-0/+29
| | | | | | | | - Add Model settings section with free-text input for model override - Pass configured model through to SDK query() calls - Display active model badge in ActionBar next to token usage - Seed model state from DB on mount, update from system:init events - Empty/unset value uses SDK default (no breaking change)
* feat: Add `activityStatus` state and `handleCancel` to App.ts… (+4 more)bndw2026-03-011-0/+34
| | | | | | | | - ✅ 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 `<ChatPane>` in App.tsx - ✅ Update ChatPane.tsx props interface and loading bubble render - ✅ Add loading bubble CSS (flex layout, cancel × styles, pulse animation)
* feat: **`globals.css`** — Edit `.chat-pane`: remove `width: 3… (+7 more)bndw2026-02-281-1/+76
| | | | | | | | | | | - ✅ **`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 `<ChatPane>`
* feat: **1 — `git.ts`:** Add exported `getCurrentBranch` helpe… (+8 more)bndw2026-02-281-0/+93
| | | | | | | | | | | | - ✅ **1 — `git.ts`:** Add exported `getCurrentBranch` helper after `ensureGitRepo` - ✅ **2a — `ipc/handlers.ts`:** Update git import to include `ensureGitRepo` and `getCurrentBranch` - ✅ **2b — `ipc/handlers.ts`:** Replace `workflow:advance` implement-phase block with branching-toggle logic - ✅ **3 — `GitSettings.tsx`:** Create new settings component with pill toggle - ✅ **4 — `SettingsPage.tsx`:** Add `"git"` section type, import, nav item, content render; fix both unicode glyphs - ✅ **5 — `globals.css`:** Append toggle-row + pill toggle + maximize-btn CSS - ✅ **6 — `index.ts`:** Add `ipcMain` to import; add `window:toggleMaximize` handler + maximize/unmaximize events inside `createWindow()` - ✅ **7 — `preload.ts`:** Add `toggleMaximize` + `onWindowMaximized` to interface and `api` object - ✅ **8 — `Header.tsx`:** Add `isMaximized` state + effect + maximize button in JSX
* feat: **1. `src/main/db/schema.ts`** — add `settings` table … (+10 more)bndw2026-02-281-0/+213
| | | | | | | | | | | | | | - ✅ **1. `src/main/db/schema.ts`** — add `settings` table to `initSchema` - ✅ **2. `src/main/db/settings.ts`** — create file with `getSetting`, `getSettings`, `setSetting`, `deleteSetting` - ✅ **3. `src/main/claude/phases.ts`** — add `customSystemPrompt?` param to `getPhaseConfig`; add `getDefaultSystemPromptTemplate` export - ✅ **4. `src/main/claude/index.ts`** — import `getSetting`; load custom prompt in `sendMessage`; pass to `getPhaseConfig` - ✅ **5. `src/main/ipc/handlers.ts`** — import `settingsDb` + `getDefaultSystemPromptTemplate`; register `settings:get`, `settings:set`, `settings:delete`, `settings:getDefaultPrompts` - ✅ **6. `src/main/preload.ts`** — add `getSettings`, `setSetting`, `deleteSetting`, `getDefaultSystemPrompts` to interface + api object - ✅ **7. `renderer/src/styles/globals.css`** — append all new CSS rules - ✅ **8. `renderer/src/components/settings/SystemPromptsSettings.tsx`** — create file (new directory) - ✅ **9. `renderer/src/components/SettingsPage.tsx`** — create file - ✅ **10. `renderer/src/components/Header.tsx`** — add `onOpenSettings` prop + ⚙ button - ✅ **11. `renderer/src/App.tsx`** — add `showSettings` state; import + render `<SettingsPage>`; pass `onOpenSettings` to Header
* feat: Complete 9 tasksbndw2026-02-281-6/+0
| | | | | | | | | | | | - ✅ **Change 1** — `src/main/git.ts`: Add `LOCK_FILES`, `buildTaskSubject`, `getStagedFileNames`, `buildFileSubject` helpers; rewrite `commitMsg` block in `autoCommitTurn` - ✅ **Change 2a** — `src/main/ipc/handlers.ts`: Update import to include `ensureGitIgnore`; strip branch creation from `sessions:create`; add bare `ensureGitIgnore` call - ✅ **Change 2b** — `src/main/ipc/handlers.ts`: Update `workflow:advance` to create branch on implement transition; return `{ phase, git_branch }` - ✅ **Change 3** — `src/main/preload.ts`: Update `advancePhase` return type in `ClaudeFlowAPI` interface - ✅ **Change 4** — `renderer/src/App.tsx`: Destructure `{ phase, git_branch }` from advance result; spread `git_branch` into `setSelectedSession` - ✅ **Change 5a** — `renderer/src/components/Header.tsx`: Remove branch from `<option>` text - ✅ **Change 5b** — `renderer/src/components/Header.tsx`: Add `phase !== "implement"` guard to rename button - ✅ **Change 5c** — `renderer/src/components/Header.tsx`: Gate badge on `gitBranch` truthy; remove disabled/unavailable state - ✅ **Change 6** — `renderer/src/styles/globals.css`: Delete `.branch-badge.branch-unavailable` rule
* feat: Complete 7 tasksbndw2026-02-281-0/+33
| | | | | | | | | | - ✅ Add `.branch-badge` CSS block to `globals.css` after `.phase-step.complete` rule - ✅ Extend `HeaderProps` interface with `gitBranch: string | null` - ✅ Add `gitBranch` to `Header` function destructure - ✅ Add `copied` state and `handleCopyBranch` function inside `Header` - ✅ Update session `<option>` text to append branch name / "git unavailable" - ✅ Add branch badge button to `header-right` between phase indicator and theme toggle - ✅ Pass `gitBranch={selectedSession?.git_branch ?? null}` to `<Header>` in `App.tsx`
* feat: auto session namingbndw2026-02-281-0/+28
|
* Restyle UI with light/dark theme supportClawd2026-02-281-81/+178
| | | | | | | | | | | - 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-0/+8
| | | | | | | - 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-0/+14
| | | | | | | | | | | | | - 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-16/+34
| | | | | | | | - 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-0/+19
| | | | | | | - 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 delete functionality for projects and sessionsClawd2026-02-281-0/+12
| | | | | | | | | - Add delete buttons (🗑️) next to project/session dropdowns - Add confirmation dialogs before deletion - Add onDeleteProject and onDeleteSession props to Header - Implement delete handlers in App.tsx with error handling - Clear selection and related state after deletion - Add CSS styling for delete button with hover effect
* Add onboarding screen for first-time usersClawd2026-02-281-0/+56
| | | | | | | | | - 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 5: Integration & polishClawd2026-02-281-0/+24
| | | | | | | | | | | | | | - Add error handling with auto-dismissing error bar - Add keyboard shortcuts: - Escape to interrupt Claude - Cmd/Ctrl+Enter to submit - Fix unused import warning - Update README.md with project documentation - Concept and workflow explanation - UI layout diagram - Installation and development instructions - Project structure overview - Keyboard shortcuts reference
* Phase 4: React UIClawd2026-02-281-0/+391
- 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