142 lines
3.9 KiB
Markdown
142 lines
3.9 KiB
Markdown
# pi-workflow dashboard mocks
|
|
|
|
These are static TUI direction mocks for `/workflow`. They are not implementation screenshots.
|
|
|
|
## A. Split workspace
|
|
|
|
Best for comparing Stage progress and Assignment detail without navigation.
|
|
|
|
```text
|
|
pi-workflow 118 cols
|
|
|
|
Runs feature/search-page · waiting
|
|
> search-page waiting plan-approval · revision 12
|
|
auth-cleanup running Worktree .worktrees/pi-workflow-search-page-r1
|
|
cache-audit done Branch feature/search-page
|
|
Plan artifacts/plan-11-a31f.md
|
|
Stages Report pending
|
|
✓ Discover
|
|
✓ Design Open Gate · Plan Approval
|
|
· Prototype UI impact: non-trivial
|
|
· Implement Review the plan and UI evidence before deciding.
|
|
· Verify
|
|
· Review [a] approve [r] revise [o] open plan
|
|
|
|
↑↓ run tab pane enter action esc close
|
|
```
|
|
|
|
Narrow terminal:
|
|
|
|
```text
|
|
pi-workflow · search-page
|
|
waiting · plan-approval · r12
|
|
|
|
✓ Discover ✓ Design · Prototype
|
|
· Implement · Verify · Review
|
|
|
|
Plan Approval
|
|
UI impact: non-trivial
|
|
[o] plan [enter] actions
|
|
```
|
|
|
|
## B. Focused run cards
|
|
|
|
Minimal chrome. The list stays compact; selecting a run opens one vertically ordered detail card.
|
|
|
|
```text
|
|
pi-workflow
|
|
|
|
> search-page WAITING Plan Approval r12
|
|
auth-cleanup RUNNING Implement r31
|
|
cache-audit DONE report available r18
|
|
|
|
────────────────────────────────────────────────────────────
|
|
search-page
|
|
feature/search-page
|
|
|
|
Progress Discover ✓ Design ✓ Prototype · Implement ·
|
|
Verify · Review ·
|
|
|
|
Gate Plan Approval
|
|
non-trivial UI · 3 prototype candidates required
|
|
|
|
Artifacts plan-11-a31f.md
|
|
Worktree .worktrees/pi-workflow-search-page-r1
|
|
|
|
[enter] actions [o] artifact [esc] close
|
|
```
|
|
|
|
Action sheet:
|
|
|
|
```text
|
|
search-page · Plan Approval
|
|
|
|
> Inspect plan
|
|
Record approval
|
|
Request revision
|
|
Copy worktree path
|
|
Close
|
|
```
|
|
|
|
Prototype Gate:
|
|
|
|
```text
|
|
search-page · Prototype Acceptance
|
|
|
|
1 Sidebar navigation /prototype?variant=1
|
|
mobile ✓ desktop ✓ browser evidence retained
|
|
2 Command palette /prototype?variant=2
|
|
mobile ✓ desktop ✓ browser evidence retained
|
|
3 Inline workspace /prototype?variant=3
|
|
mobile ✓ desktop ✓ browser evidence retained
|
|
|
|
> Open candidate 1
|
|
Accept candidate 1
|
|
Request refinement
|
|
Abort run
|
|
```
|
|
|
|
Narrow terminal uses the same vertical card and hides paths until `o`.
|
|
|
|
## C. Event timeline
|
|
|
|
Best for recovery and auditability. The primary view is an immutable history; actions belong to the current event.
|
|
|
|
```text
|
|
pi-workflow · search-page WAITING
|
|
|
|
12:04 ✓ Discover 2 assignments
|
|
12:09 ✓ Questions decision recorded
|
|
12:15 ✓ Design plan revision 11
|
|
12:16 ● Plan Approval waiting for Decision
|
|
|
|
Current
|
|
UI impact non-trivial
|
|
Plan plan-11-a31f.md
|
|
Worktree feature/search-page
|
|
|
|
[enter] current actions [p] prototypes [r] report [esc]
|
|
```
|
|
|
|
Run list:
|
|
|
|
```text
|
|
Recent workflow events
|
|
|
|
> search-page Plan Approval 2m
|
|
auth-cleanup Implement 8m
|
|
cache-audit Completed 31m
|
|
```
|
|
|
|
Narrow terminals preserve the same timeline and omit timestamps first.
|
|
|
|
## Direction criteria
|
|
|
|
The implementation should:
|
|
|
|
- Start dark-mode friendly through Pi theme tokens.
|
|
- Keep the default view compact and reveal paths, evidence, and transcripts on demand.
|
|
- Show only valid actions for the current persisted Gate or continuation intent.
|
|
- Keep run status, revision, branch, worktree, plan, report, and prototype evidence discoverable.
|
|
- Remain usable from narrow terminals through 4K-width terminals without continuous animation.
|