- 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)
37 lines
2.6 KiB
Markdown
37 lines
2.6 KiB
Markdown
# Tasks: TUI Improvements
|
|
|
|
**Branch:** `feat/p7-tui-improvements`
|
|
**PRD:** [PRD-TUI_Improvements.md](./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 | |
|