docs: record editorial presentation foundation

This commit is contained in:
lda
2026-07-05 18:34:14 +07:00 Verified
parent 8a18732007
commit 117a8ace83
4 changed files with 58 additions and 2 deletions
+2 -2
View File
@@ -95,12 +95,12 @@ Implementation order:
[`workflow takes the stage`](historical/superpowers/specs/2026-07-05-workflow-takes-stage-visual-design.md). [`workflow takes the stage`](historical/superpowers/specs/2026-07-05-workflow-takes-stage-visual-design.md).
Implementation: Implementation:
[`workflow takes the stage plan`](historical/superpowers/plans/2026-07-05-workflow-takes-stage-visual.md). [`workflow takes the stage plan`](historical/superpowers/plans/2026-07-05-workflow-takes-stage-visual.md).
11. Next: replace whole-stage theme switching with one scalable Editorial 11. Completed: replace whole-stage theme switching with one scalable Editorial
Canvas and prove the reusable recursive Interactive Figure through Scene 6. Canvas and prove the reusable recursive Interactive Figure through Scene 6.
Design: Design:
[`defense presentation storyboard`](superpowers/specs/2026-07-04-defense-presentation-storyboard-design.md). [`defense presentation storyboard`](superpowers/specs/2026-07-04-defense-presentation-storyboard-design.md).
Implementation: Implementation:
[`editorial canvas and Interactive Figure plan`](superpowers/plans/2026-07-05-editorial-canvas-interactive-figure.md). [`editorial canvas and Interactive Figure plan`](historical/superpowers/plans/2026-07-05-editorial-canvas-interactive-figure.md).
12. Then: adopt source-owned AI Elements chat primitives against existing 12. Then: adopt source-owned AI Elements chat primitives against existing
`AgentMessagePart` / `AgentDriver` contracts. `AgentMessagePart` / `AgentDriver` contracts.
13. Future: implement Schema Form Surface and synchronized Approval Session. 13. Future: implement Schema Form Surface and synchronized Approval Session.
@@ -0,0 +1,37 @@
# Presentation Visual Review
## Review States
Open each URL in a browser at 100% zoom, 1280x720 viewport:
1. **Scene 6 root**: `http://127.0.0.1:5173/present#scene/architecture/client`
2. **Scene 6 runtime**: `http://127.0.0.1:5173/present#scene/architecture/runtime/focus/runtime-providers`
3. **Scene 6 providers**: `http://127.0.0.1:5173/present#scene/architecture/runtime/focus/runtime-providers/configured-providers`
4. **Console**: `http://127.0.0.1:5173/console`
## Automated Smoke
```bash
pnpm --filter @lda/console exec vitest run
pnpm --filter @lda/console typecheck
pnpm --filter @lda/console build
```
## Browser Checklist
1. Canvas is exactly 1280x720 at matching viewport
2. 1024x768 scales to 0.8 with vertical letterboxing and no reflow
3. Warm Editorial Canvas unchanged across Scene 1 and Scene 6
4. No scene rail, replay label, discussion button, or presenter controls
5. Scene 6 root has one primary figure and no competing card grid
6. Runtime & providers expands in place with breadcrumb
7. Configured providers expands second level
8. Escape pops exactly one level
9. Tab, arrows, and Enter work without advancing presentation while figure focus active
10. Deep links reproduce both focus depths after reload
11. Every visible node readable without relying on color
12. No vertical or horizontal scrollbar
13. Console retains connection, lifecycle, graph, and execution layouts
14. Reduced-motion mode preserves all figure content
Screenshots require human approval and are not pixel-diff tests.
+19
View File
@@ -228,6 +228,25 @@ hash links to `#discuss/<branch-id>` return to the parent scene's first beat.
Replay is the default mode. The demo timeline auto-starts in replay using the Replay is the default mode. The demo timeline auto-starts in replay using the
committed `lda-report-success-v1` recording. No RPC server is required. committed `lda-report-success-v1` recording. No RPC server is required.
#### Editorial Canvas
The presentation renders on a fixed 1280x720 editorial canvas that scales and
letterboxes to fit any viewport without reflowing scene content. Scene 6 uses a
recursive Interactive Figure with expand/collapse and breadcrumb navigation.
Key Scene 6 deep links:
- `/present#scene/architecture/client` — root architecture overview
- `/present#scene/architecture/runtime/focus/runtime-providers` — one level deep
- `/present#scene/architecture/runtime/focus/runtime-providers/configured-providers` — two levels deep
#### Figure Controls
- **Enter / click**: expand a child figure
- **Escape**: pop one focus level
- **Tab / arrows**: move focus between figure nodes without advancing the presentation
- **Breadcrumbs**: jump to any ancestor focus level
#### Constraints #### Constraints
This plan deliberately defers: This plan deliberately defers: