89db580ca4
Covers: app layout, initiatives list, initiative detail (4 tabs), agents page, inbox, settings (health + projects), and all dialogs.
5.0 KiB
5.0 KiB
Execution Tab (?tab=execution)
Horizontally scrollable kanban-style pipeline graph. Columns represent dependency levels computed via topological sort.
Default State
+============================================================================+
| < Back |
| Auth System Overhaul [ACTIVE] [YOLO] [git] main [P] backend |
| [ Content ] [ Plan ] [*Execution*] [ Review ] |
+============================================================================+
| |
| <-- horizontally scrollable pipeline graph --> |
| |
| +----------+ +----------+ +----------+ |
| | Level 0 | -----> | Level 1 | -----> | Level 2 | |
| +----------+ +----------+ +----------+ |
| |
| +---------+ +---------+ +---------+ |
| | Phase 1 | ---> | Phase 2 | ---> | Phase 4 | |
| | DB Schm | | | OAuth | | | Testing | |
| | [DONE] | | | [READY] | | | [PEND] | |
| |---------| | |---------| | |---------| |
| | * task1 | | | * task1 | | | * task1 | |
| | * task2 | | | * task2 | | | * task2 | |
| | * task3 | | | * task3 | | | | |
| +---------+ | +---------+ | +---------+ |
| | | |
| | +---------+ | |
| | | Phase 3 | | |
| ---> | UI Comp |--- |
| | [PEND] | |
| |---------| |
| | * task1 | |
| | * task2 | |
| +---------+ |
| |
+============================================================================+
Pipeline Stage Column
+-----------+
| Level N | <-- column header
+-----------+
| |
| +-------+ |
| | Phase | | <-- PipelinePhaseGroup cards stacked vertically
| +-------+ |
| |
| +-------+ |
| | Phase | |
| +-------+ |
| |
+-----------+
Pipeline Phase Group
+-----------------------------------------+
| * Phase 2: OAuth Flow [READY] [play] | <-- status dot + name + queue btn
|-----------------------------------------|
| [play] Set up OAuth routes [PENDING] | <-- hover reveals play button
| [play] Implement PKCE flow [PENDING] |
| [ .. ] Google provider [RUNNING] | <-- running = no play button
| [ ] GitHub provider [BLOCKED] | <-- blocked = no play button
| [play] Microsoft provider [PENDING] |
+-----------------------------------------+
- Phase header:
StatusDot+ phase name +StatusBadge+ queue button (plays icon) - Task rows: play button (hover-visible) + task name +
StatusBadge - Queue button on phase header queues all eligible tasks
- Queue button on task queues individual task
- Clicking a task opens
<TaskDetailModal>
Connector Arrows
+--------+ +--------+
| Phase | ----[>]------> | Phase |
+--------+ +--------+
horizontal line + triangle arrow between columns
Empty State (no phases)
Same as Plan tab empty state:
+============================================================================+
| |
| No phases yet |
| |
| [spinner] Planning phases... |
| -- or -- |
| [sparkles Plan Phases] or [ Add Phase ] |
| |
+============================================================================+
Source
packages/web/src/components/pipeline/PipelineTab.tsxpackages/web/src/components/pipeline/PipelineStageColumn.tsxpackages/web/src/components/pipeline/PipelinePhaseGroup.tsxpackages/web/src/components/pipeline/PipelineTaskCard.tsx