docs: record editorial presentation foundation
This commit is contained in:
@@ -95,12 +95,12 @@ Implementation order:
|
||||
[`workflow takes the stage`](historical/superpowers/specs/2026-07-05-workflow-takes-stage-visual-design.md).
|
||||
Implementation:
|
||||
[`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.
|
||||
Design:
|
||||
[`defense presentation storyboard`](superpowers/specs/2026-07-04-defense-presentation-storyboard-design.md).
|
||||
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
|
||||
`AgentMessagePart` / `AgentDriver` contracts.
|
||||
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.
|
||||
@@ -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
|
||||
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
|
||||
|
||||
This plan deliberately defers:
|
||||
|
||||
Reference in New Issue
Block a user