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).
|
[`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.
|
||||||
@@ -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:
|
||||||
|
|||||||
Reference in New Issue
Block a user