Timeline hero (Full flow)
Hero layout with timeline rail, session context, and CTA lane from the full-flow doc.
Design + Product
Grid Composer Sandbox
Sketch session/workspace layouts with live vs planned blocks before the real builder ships.
- Prototype layouts directly from research docs or presets
- Compare live app modules with future grid cells in one canvas
- Create JSON snapshots to share with Ops + Coverage teams
Docs & decisions
Every composer experiment should map back to a canonical note. Keep these close before editing presets or layouts.
Hub overview lives at /hub. Beta should mirror the naming + workspace descriptions there. Coverage + QA log lives at /beta/coverage.
Doc-sourced drafts
Layouts referenced directly from the research docs—load them as starting points.
Translation booth (Answer thread)
Translation/interpretation booth layout with glossary rail and AI helper described in the session thread.
PRD Forge grid
PRD workspace arrangement (persona stack, requirements canvas, publish rail).
Ops control room board
Telemetry grid that mirrors feature flags, dual-write steps, and Supabase timestamps.
Session navigation overlay
Command stack from the process notes showing session list, memory, and AI hints in one plane.
Workshop day scoreboard
Timer strip + capture lane layout that keeps facilitator focus + capture lanes aligned.
Learning Week
Signals + Sessions + Discussions layout for a week view.
- Works for Course Week preset
- Aligns with Phase 0 deliverables
▱
Week Summary
section_header
Title, objectives, links.
△
Signals
signal_list
Featured signals for the week.
▣
Sessions
session_stack
Upcoming + past sessions.
▤
Resources
resource_list
Prep + supplemental links.
✹
Discussion
discussion_feed
Week reflection thread.
⨠
Actions
action_panel
Assignments, tasks, due dates.
Move cellsWeek Summary
DocsGrid rules
Click cells directly on the grid to select or deselect them. Values below follow CSS grid semantics (end position is exclusive).
Columns: 12, Rows: 6. Move values to storyboard how presets respond before touching CSS.
Notes
- Works for Course Week preset
- Aligns with Phase 0 deliverables
Preset + Template pairings
Use this matrix when wiring presets to real layouts. The “follow-up” column tells us where the template pushes data next (timeline, session memory, snapshot seeds, etc.).
| Workspace / Preset | Template | Why | Follow-up |
|---|---|---|---|
| Learning Space | Learning Week | Default timeline hero for STPS weeks. | Anchors section/session links and CTA rail. |
| Translation Studio | Translation Session | Focus mode for paired translators + glossary assists. | Feeds glossary session_kind metrics. |
| Research Sprint | Research Sprint | Sprints need canvas + AI pattern cell. | Exports insight cards into snapshot seed. |
| Workshop Day | Workshop Hall | Timer strip + capture lane stage-manages segments. | Pairs with Session Navigation overlay. |
| Ops Control Room | Ops Control Room | Monitor dual-write, migrations, flags at once. | Feeds Beta ops dashboards. |
| Content Lab | Content Orbit | Outline + distribution grid for PRDs/articles. | Direct publish to Resources. |
| PRD Forge | PRD Forge | Persona stack meets requirements + attachments. | Demonstrates publish-as-resource path. |