- Split monolithic app.tsx into composable components: - TopBar: connection indicator (●/○), gateway URL, model name, conversation ID - BottomBar: cwd, git branch, token usage - MessageList: timestamped messages, tool call indicators, thinking display - InputBar: context-aware prompt with streaming/disconnect states - Extract socket logic into useSocket hook with typed events - Extract git/cwd info into useGitInfo hook - Quiet disconnect: single indicator instead of error flood - Add @mosaic/types dependency for typed Socket.IO events - Add PRD and task tracking docs Tasks: TUI-001 through TUI-007 (Wave 1)
2.6 KiB
2.6 KiB
Tasks: TUI Improvements
Branch: feat/p7-tui-improvements
PRD: PRD-TUI_Improvements.md
Wave 1 — Status Bar & Polish
| ID | Task | Status | Notes |
|---|---|---|---|
| TUI-001 | Component architecture — split app.tsx into StatusBar, MessageList, InputBar, App shell |
not-started | Foundation for all other work |
| TUI-002 | Top status bar — connection indicator (●/○), gateway URL, agent model | not-started | Depends: TUI-001 |
| TUI-003 | Bottom status bar — cwd, git branch, token usage | not-started | Depends: TUI-001 |
| TUI-004 | Message formatting — timestamps, role colors, markdown-lite rendering, word wrap | not-started | Depends: TUI-001 |
| TUI-005 | Quiet disconnect — suppress error flood, single-line reconnecting indicator | not-started | Depends: TUI-001 |
| TUI-006 | Tool call display — inline spinner + tool name during execution, ✓/✗ on completion | not-started | Depends: TUI-001 |
| TUI-007 | Thinking/reasoning display — dimmed collapsible block for agent:thinking events |
not-started | Depends: TUI-001 |
Wave 2 — Layout & Navigation
| ID | Task | Status | Notes |
|---|---|---|---|
| TUI-008 | Conversation sidebar — list, create, switch conversations | not-started | Depends: TUI-001 |
| TUI-009 | Keybinding system — Ctrl+N, Ctrl+L, Ctrl+K | not-started | Depends: TUI-008 |
| TUI-010 | Scrollable message history — viewport with PgUp/PgDn | not-started | Depends: TUI-001 |
| TUI-011 | Message search — find in current conversation | not-started | Depends: TUI-010 |
Wave 3 — Advanced Features
| ID | Task | Status | Notes |
|---|---|---|---|
| TUI-012 | Project/mission views | not-started | |
| TUI-013 | Agent status monitoring | not-started | |
| TUI-014 | Settings/config screen | not-started | |
| TUI-015 | Multiple agent sessions | not-started |