# UI Wireframes

ASCII wireframe mockups documenting the current state of the Codewalkers frontend.

## Pages

| Wireframe | Route | Description |
|-----------|-------|-------------|
| [app-layout.md](app-layout.md) | `*` | Global shell: header, nav tabs, content area |
| [initiatives-list.md](initiatives-list.md) | `/initiatives` | Initiative cards with progress, filters, actions |
| [initiative-detail.md](initiative-detail.md) | `/initiatives/$id` | Header + tab bar (content/plan/execution/review) |
| [content-tab.md](content-tab.md) | `?tab=content` | Page tree sidebar + Tiptap editor |
| [plan-tab.md](plan-tab.md) | `?tab=plan` | Phase sidebar + phase detail panel |
| [execution-tab.md](execution-tab.md) | `?tab=execution` | Kanban pipeline graph |
| [review-tab.md](review-tab.md) | `?tab=review` | Diff viewer + review sidebar |
| [agents.md](agents.md) | `/agents` | Agent list + output viewer |
| [inbox.md](inbox.md) | `/inbox` | Message list + question form |
| [settings.md](settings.md) | `/settings/*` | Health check + projects management |

## Dialogs

| Wireframe | Component | Trigger |
|-----------|-----------|---------|
| [dialogs.md](dialogs.md) | All dialogs | Various buttons throughout the app |
