89db580ca4
Covers: app layout, initiatives list, initiative detail (4 tabs), agents page, inbox, settings (health + projects), and all dialogs.
6.1 KiB
6.1 KiB
Initiatives List (/initiatives)
Main dashboard showing all initiatives with progress tracking and quick actions.
Default State
+============================================================================+
| CODEWALK DISTRICT |
| [*Initiatives*] [ Agents ] [ Inbox ] [ Settings ] |
+============================================================================+
| |
| Initiatives [All v] [ + New Initiative ] |
| |
| +----------------------------------------------------------------------+ |
| | Auth System Overhaul ACTIVE [=====> ] 3/7 phases | |
| | | |
| | [ View ] [Spawn Architect v] [ ... ] | |
| +----------------------------------------------------------------------+ |
| |
| +----------------------------------------------------------------------+ |
| | Mobile App Redesign ACTIVE [==> ] 1/5 phases | |
| | | |
| | [ View ] [Spawn Architect v] [ ... ] | |
| +----------------------------------------------------------------------+ |
| |
| +----------------------------------------------------------------------+ |
| | API Documentation COMPLETED [========] 4/4 phases | |
| | | |
| | [ View ] [Spawn Architect v] [ ... ] | |
| +----------------------------------------------------------------------+ |
| |
+============================================================================+
Status Filter Dropdown
[ All v]
+--------------+
| All |
| Active |
| Completed |
| Archived |
+--------------+
Initiative Card Detail
+------------------------------------------------------------------------+
| Initiative Name |
| |
| [STATUS] [==========> ] 3/7 phases |
| |
| [ View ] [Spawn Architect v] [ ... ] |
+------------------------------------------------------------------------+
| |
v v
+------------+ +----------+
| Discuss | | Archive |
| Plan | | Delete |
+------------+ +----------+
- Status badge: Color-coded (green=active, grey=completed, etc.)
- Progress bar: Green when 100%, blue otherwise
- Spawn Architect dropdown: Discuss / Plan options
- More menu (...): Archive / Delete (with
window.confirm, Shift+click bypasses)
Empty State
+============================================================================+
| |
| Initiatives [ + New Initiative ] |
| |
| |
| No initiatives yet |
| |
| [ Create your first initiative ] |
| |
| |
+============================================================================+
Loading State
+============================================================================+
| |
| Initiatives [ + New Initiative ] |
| |
| +----------------------------------------------------------------------+ |
| | ░░░░░░░░░░░░░░░░░░░░░░░ | |
| | ░░░░░░░░░░░░░ | |
| +----------------------------------------------------------------------+ |
| +----------------------------------------------------------------------+ |
| | ░░░░░░░░░░░░░░░░░░░░░░░ | |
| | ░░░░░░░░░░░░░ | |
| +----------------------------------------------------------------------+ |
| +----------------------------------------------------------------------+ |
| | ░░░░░░░░░░░░░░░░░░░░░░░ | |
| | ░░░░░░░░░░░░░ | |
| +----------------------------------------------------------------------+ |
| |
+============================================================================+
Source
packages/web/src/routes/initiatives/index.tsxpackages/web/src/components/InitiativeList.tsxpackages/web/src/components/InitiativeCard.tsx