478a7f18e9
14 files in docs/wireframes/v2/ addressing 13 UX gaps from v1: - Theme spec with indigo brand, status tokens, terminal/diff tokens, dark mode, Geist typography, 6px radius, layered shadows - Wireframes for all pages with loading/error/empty states - Shared component specs (SaveIndicator, EmptyState, ErrorState, CommandPalette, ThemeToggle)
UI Wireframes
ASCII wireframe mockups documenting the current state of the Codewalk District frontend.
Pages
| Wireframe | Route | Description |
|---|---|---|
| app-layout.md | * |
Global shell: header, nav tabs, content area |
| initiatives-list.md | /initiatives |
Initiative cards with progress, filters, actions |
| initiative-detail.md | /initiatives/$id |
Header + tab bar (content/plan/execution/review) |
| content-tab.md | ?tab=content |
Page tree sidebar + Tiptap editor |
| plan-tab.md | ?tab=plan |
Phase sidebar + phase detail panel |
| execution-tab.md | ?tab=execution |
Kanban pipeline graph |
| review-tab.md | ?tab=review |
Diff viewer + review sidebar |
| agents.md | /agents |
Agent list + output viewer |
| inbox.md | /inbox |
Message list + question form |
| settings.md | /settings/* |
Health check + projects management |
Dialogs
| Wireframe | Component | Trigger |
|---|---|---|
| dialogs.md | All dialogs | Various buttons throughout the app |