89db580ca4
Covers: app layout, initiatives list, initiative detail (4 tabs), agents page, inbox, settings (health + projects), and all dialogs.
1.2 KiB
1.2 KiB
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 |