Direct links into every app/route, the headline screens, and the live component library — for testing. Names follow the planned information architecture (A1/B1/…). noindex; not linked from the public site.
/table/demo is the stand-in (demo room)./tables/new now redirects here.)Static screenshots of the headline surfaces, captured with Playwright (npm run dev:shots). A1/B1 are live captures; the server-backed surfaces land as their seeded-session automation ships. "Open live" jumps to the real route.
Every component rendered live from its static specimen props (panel width · 1× scale), straight from the current build — so a refactor that breaks one shows here. Click all sizes ↗ to open the full width × scale × specimen matrix in a new tab.
Rendered through the harness build served at /dev/harness/. If tiles are blank, the harness bundle wasn't produced by build-site.sh (run a full npm run build && bash scripts/build-site.sh).
The chrome around the table — the scenario bar, the rail-card frame, and the control clusters that live in the grid corners. One or two specimens each: enough to give every piece a name and a picture. These were ad-hoc markup duplicated across two view branches and hand-copied again into each scene, which is exactly how they drifted; extracting them is what makes them nameable here.
Full-screen app layouts rendered live from frozen fixtures (the Tier-2 view scenarios — same source as the A1 scene gallery). Each thumbnail is the scene at laptop-half (the primary teaching case); click all viewports ↗ to open it across every named viewport in a new tab.
Deep layout diagnostics (bounding boxes, allocator ledgers) live in the audit artifact, not here — this tab is for a quick live look.