Skip to content

UI overhaul Phase 3: Console center + detail panes#18

Merged
Ed-Barnes937 merged 1 commit into
mainfrom
ui-overhaul-p3-center
Jun 24, 2026
Merged

UI overhaul Phase 3: Console center + detail panes#18
Ed-Barnes937 merged 1 commit into
mainfrom
ui-overhaul-p3-center

Conversation

@Ed-Barnes937

Copy link
Copy Markdown
Collaborator

Stacked on #17 (Phase 2 sidebar). Do not merge yet. Base is ui-overhaul-p2-sidebar.

Second half of the Console refinement. Built via recon → 2 sequential single-writer sub-steps → parallel verify.

What's here

Center pane

  • Tab strip restyle — per-tab liveness dot, active tab = --bg-base + 2px top --accent border, trailing + new-terminal button. Drag-reorder + Cmd+W + Cmd+1–9 preserved.
  • Terminal frame around the real xterm surface — rounded 10px, traffic-dot title bar, and a powerline (⚡ project / branch / ✔ N edits / ◷ elapsed / right-aligned state). No fake composer — that stays PTY-rendered.
  • Powerline data: project/branch/state from the snapshot row; edits/elapsed from get_session_detail, omitted gracefully when absent.
  • FitAddon still fits inside the frame — terminal not clipped.
  • Empty state: "Select a session to attach."

Detail pane reskin

  • Collapse affordance, meta rows (branch/PR/status), proportional diffstat bar, PR-label tag chips, footer ± Review diff (primary) + Open PR. Existing summary/review/polling wiring intact.

Notes

  • Worktree row omitted (not on the frontend SessionDetail type — backend-limited; plan §4).
  • collapse currently hides the pane (same as ×); a distinct collapsed rail can come in polish.

Verification

  • npm run typecheck clean. Verify panel (typecheck + functional/regression incl. FitAddon + idiom/token-purity vs working tree): all pass. No raw hex/rgba consumers; no Rust changes; terminal lifecycle intact.

🤖 Generated with Claude Code

Center pane: restyled tab strip (per-tab liveness dot, active top-accent border, trailing + button) preserving drag-reorder and Cmd+W/Cmd+1-9; a rounded terminal frame wrapping the real xterm surface with a traffic-dot title bar and a powerline status line (project/branch/state from the snapshot; edits/elapsed from get_session_detail, omitted when absent). FitAddon still fits the framed surface. Detail pane: collapse affordance, reordered meta rows, proportional diffstat bar, PR-label tag chips, and a footer with Review diff (primary) + Open PR. Frontend only; semantic tokens via color-mix; typecheck clean.

Notes: worktree row omitted (not on the frontend SessionDetail type — backend-limited); the powerline project segment is intentionally green per the brief.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@Ed-Barnes937 Ed-Barnes937 changed the base branch from ui-overhaul-p2-sidebar to main June 24, 2026 15:49
@Ed-Barnes937 Ed-Barnes937 merged commit 05dbce5 into main Jun 24, 2026
3 of 4 checks passed
@Ed-Barnes937 Ed-Barnes937 deleted the ui-overhaul-p3-center branch June 24, 2026 15:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant