1e374abcd6
13 files reviewed with mission-control design lens. Key additions: - theme: extended indigo scale, 4-level surface hierarchy, 22 terminal tokens, transition/z-index/focus-visible token categories - All screens: keyboard shortcuts, loading/error/empty states hardened - 5 new shared components: StatusDot, SkeletonLoader, Toast, Badge, KeyboardShortcutHint - settings: expanded from 2 to 5 sub-pages (accounts, workspace, danger zone) - review-tab: 3-pane layout, inline comments, file nav, hunk controls - execution-tab: zoom, partial failure state, stale agent detection - dialogs: 2 bugs found (mutation locking, error placement) Total: 4,039 → 9,302 lines (+130% from review pass)
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 |