Skip to content

Warp-style UI redesign: terminal-first with header tabs#38

Closed
drewAnderson-val wants to merge 12 commits into
johannesjo:mainfrom
drewAnderson-val:warp-style-redesign
Closed

Warp-style UI redesign: terminal-first with header tabs#38
drewAnderson-val wants to merge 12 commits into
johannesjo:mainfrom
drewAnderson-val:warp-style-redesign

Conversation

@drewAnderson-val
Copy link
Copy Markdown

@drewAnderson-val drewAnderson-val commented Mar 27, 2026

Summary

  • Header tab bar with per-task dropdown menus (merge, create PR, open PR, push, rebase, open in editor, close)
  • Terminal-only task panels — removed notes, prompt input, branch info bar, shell tabs, changed files list
  • Simplified task creation — click + or Cmd+N, type prompt, Enter. Hardcoded: Claude Code, worktree from main, skip-permissions
  • Single Warp-inspired dark theme replacing all 7 original themes (purple accent #6e56cf, dark backgrounds)
  • PR workflow — new IPC channels for gh pr create --fill and gh pr view --web directly from tab dropdown
  • Removed collapsed tasks — tasks are either open or closed
  • Improved worktree symlink reliability — handles stale/broken symlinks, force-clean by default
  • Net -3,000 lines — 44 files changed, +1,765 / -4,748

Test plan

  • npm run dev launches with dark Warp theme
  • Cmd+N opens inline prompt input in header tab bar
  • Creating a task spawns Claude Code in worktree with full-screen terminal
  • Tab dropdown shows all actions (Create PR, Push, Merge, etc.)
  • Multiple tasks tile side by side with draggable divider
  • Sidebar shows projects and task list correctly
  • Old persisted state loads without crash (graceful migration)

🤖 Generated with Claude Code

drewAnderson-val and others added 12 commits March 27, 2026 15:38
@drewAnderson-val @claude
Add design doc for Warp-style UI redesign
de659e1 
Header tab bar with per-task dropdowns, terminal-only panels,
single Warp-inspired dark theme, simplified task creation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Add implementation plan for Warp-style UI redesign
f98ac5d 
10 tasks covering: theme replacement, TaskPanel stripping, header tab bar,
PR IPC channels, task creation simplification, sidebar cleanup,
settings cleanup, component removal, worktree fixes, and integration.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Replace all theme presets with single Warp-inspired dark theme
55fa604 
Collapse 7 theme presets (classic, graphite, indigo, ember, glacier, minimal,
zenburnesque) into a single 'warp' dark theme with purple accents. This updates
CSS variables, terminal background, Monaco editor theme, store defaults, and
removes all per-theme CSS override blocks.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Strip TaskPanel to terminal-only, removing all sub-panels and dialogs
c088456 
Remove ResizablePanel, all 5 non-terminal sub-panels (TitleBar, BranchInfo,
Notes, Shell, PromptInput), all dialog components (Close, Merge, Push, Diff,
EditProject, PlanViewer), and associated state/effects. The panel now renders
only TaskAITerminal filling 100% height plus TaskClosingOverlay for error
states. Border-radius and border removed for edge-to-edge display. Background
uses CSS variable var(--task-container-bg) instead of theme import.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Add header tab bar component for task switching and actions
3799a2b 
Introduces HeaderTabBar (between titlebar and main content) with per-task
tabs showing status dots, names, and dropdown menus for task actions like
push, merge, rebase, and close. Includes inline new-task creation via + button.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Add CreatePR and OpenPR IPC channels for GitHub PR operations
ea44870 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Remove NewTaskDialog and collapsed task machinery
a282b31 
Task creation now happens exclusively via the HeaderTabBar's inline
prompt input. This removes:
- NewTaskDialog component and all references
- Collapsed/savedAgentDef fields from Task type
- collapsedTaskOrder from AppStore and persistence
- collapseTask/uncollapseTask functions
- hasDirectTask function and direct-mode branch in createTask
- defaultGitIsolation from Project (always worktree now)
- showNewTaskDialog from store state
- Cmd+N / Cmd+Shift+A keyboard shortcuts for dialog

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Remove theme picker and custom agents section from settings
522d9db 
Theme preset selector and custom agents editor are no longer needed
since we use a single Warp theme and always use Claude Code agent.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Delete unused components from pre-redesign UI
a3ed37f 
Remove 9 component files no longer referenced after stripping TaskPanel
to terminal-only: TaskBranchInfoBar, TaskNotesPanel, TaskShellSection,
PromptInput, CloseTaskDialog, PlanViewerDialog, PushDialog, MergeDialog,
and CustomAgentEditor. Clean up PromptInput references in TaskAITerminal
and TaskPanel. Keep DiffViewerDialog, ChangedFilesList, and Review*
components as they are still used by the arena system.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Fix prettier formatting in git.ts
62e2743 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Update README for fork — terminal-first Claude Code experience
cd7a6a6 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val @claude
Fix Cmd+N shortcut and empty state for task creation
e0e5ae8 
Re-add Cmd+N keyboard shortcut to trigger inline task creation in header
tab bar. Make empty state + button clickable. Export triggerNewTask() for
external callers.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@drewAnderson-val
Copy link
Copy Markdown
Author

drewAnderson-val commented Mar 27, 2026

Closing - this was opened on the wrong repo. This is a fork-only change.

brooksc added a commit to brooksc/parallel-code that referenced this pull request May 11, 2026
@brooksc @claude
fix(security): shared validation, fail-closed JSON, staged prompt UI,…
88d2ef6 
… tests for johannesjo#34/johannesjo#37/johannesjo#40

- Extract validateBranchName into electron/mcp/validation.ts; apply at MCP and REST boundaries (johannesjo#38)
- Fail-closed on malformed .mcp.json in register.ts: parse/validate before writing temp config (johannesjo#42)
- Show staged coordinator prompt text and countdown in read-only TaskPanel without "Take Control" (johannesjo#44)
- Add getTaskDiff preamble-bearing file normalization tests (AGENTS.md + settings.local.json) (johannesjo#34)
- Add closeTask IPC ordering tests: MCP_CoordinatedTaskClosed and MCP_CoordinatorDeregistered (johannesjo#37)
- Add .mcp.json merge/cleanup tests via deregisterCoordinator (johannesjo#40)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
brooksc added a commit to brooksc/parallel-code that referenced this pull request May 14, 2026
@brooksc @claude
fix(security): shared validation, fail-closed JSON, staged prompt UI,…
aaf29b9 
… tests for johannesjo#34/johannesjo#37/johannesjo#40

- Extract validateBranchName into electron/mcp/validation.ts; apply at MCP and REST boundaries (johannesjo#38)
- Fail-closed on malformed .mcp.json in register.ts: parse/validate before writing temp config (johannesjo#42)
- Show staged coordinator prompt text and countdown in read-only TaskPanel without "Take Control" (johannesjo#44)
- Add getTaskDiff preamble-bearing file normalization tests (AGENTS.md + settings.local.json) (johannesjo#34)
- Add closeTask IPC ordering tests: MCP_CoordinatedTaskClosed and MCP_CoordinatorDeregistered (johannesjo#37)
- Add .mcp.json merge/cleanup tests via deregisterCoordinator (johannesjo#40)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@drewAnderson-val