One always-current, clickable design per surface — grounded in the shipped tokens. When we want to change something, Sana updates the design here first, you review it live, then the devs build to it. No re-deriving intent, no throwaway work. Starting with emubrain.com (the cockpit).
The canonical HTML design changes first — in the real cockpit tokens, so it's build-ready, not a picture.
Open it live, and hit "Suggest a change" on any surface — it routes the note straight back to Sana.
The latest design is the spec. Each surface is built once, from an agreed target.
origin/develop source, not the
running app — a fidelity pass follows once screenshots or cockpit access land.The launchpad home in the cockpit-v2 shell — command bar, "Needs you now", surface grid, now cross-linked to every surface below. Dark/light themable.
The War Room mode (where Khoa lives ~95% of the time) — real shell panes (avatar/name/role + live terminal + "Talk to X…"), Cmd-K palette, task/release approval overlay, dockable tasks panel. Khoa-approved interaction model.
The full set: needs-you board, all 8 products and 3 client projects clickable. Each product page is its admin — Today / Users / Issues / its own domain table (Templates, Tenants, Assessments, Tours) / Ship. Clients get a smaller monitor-only frame with SSL and domain expiry.
Watching and taking over an agent's browser. Bench (one agent), Watchfloor (triage many), Record (replay + attribution), and the War Room working set — agents pinned across sections, 1–3 lanes, drag-resizable, with the one-keyboard rule. Adam has shipped the working set and lanes.
Redesigned for launch. Needs-you queue first, launch gates per product, and the project page reworked into the product’s admin — Today / Users / Issues / its own domain table (Templates, Tenants, Assessments) / Ship. Clients get a smaller monitor-only frame. All 8 products + 3 client projects clickable.
Ship — Linear-style rows + GitHub/Vercel-deployments idiom. SHA-pinned Release Cards (manifest-locked, fail-closed break-glass, multi-repo saga) replace the blind global Arm-prod. Adam architecture-reviewed. ⚠ the real /tasks feed is ~180K characters of live task text — this shows the pattern, not the volume.
Gallery's real state is broken (403 on load) — the fix is to retire it and wire the cockpit's Gallery entry straight to this Design Library. No separate design needed; you're looking at it.
Docs browser re-shelled — 3-pane (sections → doc list → detail body) in cockpit-v2 tokens, same real content structure (author/status/provider/project).
Uploads / Downloads / Datasets re-shelled as the surface-card pattern shared with Home, plus an allocation bar. Same real areas, cockpit-v2 tokens.
Upload Center — drop files into R2 with project-scoped URLs. Hero + 4 stats + dropzone, in the shared "sub-workspace" pattern.
Downloads Center — server-side downloads onto emu-worker-01, then ingest to R2. Scratch/queued/active/ready stats + download form.
Pipeline control — queues, batch runs, runner state, and manual AI-subscription capacity. The densest of the three sub-pages (8 stats + control table).
Runtime readiness — per-product daily-check table (status/active users/errors/last incident) + services/lanes/queues stats. ⚠ real page has ~10 more sections below the fold: Sessions (Tmux Observer), MCP Tool Console, Slack Routing Diagnostics, Ops Control Plane, Runbooks, Observability/Incidents/Errors/Analytics — not yet designed here.
Provider spend and consumption — Neon/Vercel/Railway billing-adjacent observability, same hero+stats+table pattern as Ops.
Review inbox nested under Work items (/tasks → Inbox) — ready/blocked/linked-threads stats + Slack review-room config with a setup-required state.
Voice-intake capture screen off Home — a single centered orb. Deliberately minimal; that's the real page too.
Per-product workspace nested under Projects (e.g. /products/conversite) — health/work-orders/traction/risk stats + site links, observability, and demo-gate passwords.
Found this round — /catalogue, "Keystack Catalogue": operator library for reviewed agent blueprints, private targets, and account provisioning. 4 tabs (Global blueprints/Private agents/Review/Provisioning), currently behind an operator magic-link gate.
Found this round — /sessions, "Shells": a lightweight table of every live agent shell (34 shells, 1 active) with model/status/last-activity + Open shell. This design's own session shows up in the real data, attached.
EmuBrain Design Library · Phase 2 · Sana · 2026-07-25 · crawled the live emubrain.com cockpit end to end — every rail link, every sub-route those pages led to, AND (this round, after Khoa flagged gaps) every full page's real text length, not just what's visible in one viewport without scrolling. That second pass found /catalogue and /sessions as genuine standalone routes I'd missed, plus revealed that /ops and /tasks are far bigger pages than first captured (/ops has ~10 more real sections below the fold; /tasks is a ~180K-character live feed). 17 pages now have a latest design, organized as Core surfaces (7, on the rail) → Storage sub-pages (3) → Admin tier (2, off-rail) → Also discovered (5: Inbox, Launchpad, Product detail, Catalogue, Shells) — flagged with ⚠ where the real page still has more depth than shown here. These are directional "sense of the page" designs, not pixel-perfect prod mirrors.
Next: expand Ops with its missing sections (Sessions/Tmux Observer, MCP Tool Console, Slack Routing, Observability) and give Work items a "dense real feed" treatment; still hunting "Model Defaults" as a named surface — see the reply to Khoa. Phase 3: inline click-to-comment annotations + move the publish flow off the shared checkout (with Avery/Adam), wire the cockpit's real "Gallery" entry to this library, then roll the same format to the other 6 products one at a time.
In the live cockpit this routes straight to Sana as a Floor task — she updates the design and this card refreshes to the new version. (Prototype: this preview just shows the flow.)