89db580ca4
Covers: app layout, initiatives list, initiative detail (4 tabs), agents page, inbox, settings (health + projects), and all dialogs.
5.5 KiB
5.5 KiB
Initiative Detail (/initiatives/$id)
Detail page for a single initiative with tabbed content areas.
Default State
+============================================================================+
| CODEWALK DISTRICT |
| [*Initiatives*] [ Agents ] [ Inbox ] [ Settings ] |
+============================================================================+
| |
| < Back |
| |
| Auth System Overhaul [ACTIVE] [YOLO] [git] main [proj] backend |
| |
| [ Content ] [ Plan ] [*Execution*] [ Review ] |
| ----------------------------------------------------------------- |
| |
| <Tab Content Area> |
| |
| |
| |
+============================================================================+
Initiative Header
+------------------------------------------------------------------------+
| [<] Initiative Name [STATUS] [MODE] [git] branch [P] proj |
+------------------------------------------------------------------------+
Header Elements
[<] Back chevron (navigates to /initiatives)
Initiative Name h1, bold
[ACTIVE] StatusBadge (color-coded)
[YOLO] / [REVIEW] Execution mode (clickable toggle)
[git] cw/auth-overhaul Branch badge (GitBranch icon + name)
[P] backend Project badge(s), one per linked project
Branch Editing (click branch badge)
[git] [ cw/auth-overhaul______ ] [v] [x]
No Branch Yet
[<] Initiative Name [ACTIVE] [YOLO] [+ branch] [P] proj
Project Editing (click pencil on project badges)
+------------------------------------------------------------------------+
| [<] Initiative Name [ACTIVE] [YOLO] [git] branch |
| |
| +----------------------------------+ |
| | [x] backend github.com/... | |
| | [ ] frontend github.com/... | |
| | [ ] shared github.com/... | |
| | + Register new project | |
| +----------------------------------+ |
| [ Save ] [ Cancel ] |
+------------------------------------------------------------------------+
No Projects Yet
[<] Initiative Name [ACTIVE] [YOLO] [git] branch [+ Add projects]
Tab Bar
[ Content ] [ Plan ] [*Execution*] [ Review ]
------------------------------------------------
^^^^^^^^^^
active tab (underlined/highlighted)
Tabs set ?tab= URL search param. Default is content.
Loading State
+============================================================================+
| < Back |
| |
| ░░░░░░░░░░░░░░░░░░ ░░░░░░ ░░░░░░ ░░░░░░░░░░░ |
| |
| ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ |
| +--------------------------+ +--------------------------+ |
| | ░░░░░░░░░░░░░░░░░░░░░░ | | ░░░░░░░░░░░░░░░░░░░░░░ | |
| | ░░░░░░░░░░░░░░ | | ░░░░░░░░░░░░░░ | |
| +--------------------------+ +--------------------------+ |
| |
+============================================================================+
Error State
+============================================================================+
| |
| (!) Error loading initiative |
| Could not fetch initiative data |
| |
| [ Back to Dashboard ] |
| |
+============================================================================+
Source
packages/web/src/routes/initiatives/$id.tsxpackages/web/src/components/InitiativeHeader.tsx