node scripts/preview.mjs
from the repo root: it copies Bootstrap and Montserrat in from a sibling app
checkout and serves this page.
Everything the theme draws, on one page. Change a token in
src/tokens.css, rebuild, reload: whatever moves here moves in
all four apps.
the buildscope ramp: cards on --th-surface-1, hard borders, 8px corners
Outline is the family default: at rest the apps read all-outline, and
the solid accent is the armed state of a page's primary action
(Build, Verify), which sits disabled until there is something to act on.
Every button carries a Bootstrap Icons glyph (bi-* me-1)
before its label; icon-only buttons (the ? help toggle) skip the label.
Body text at --th-ink, with inline code in the accent.
The image builder's build lifecycle: stock alerts composed of themed pieces. Spinner and a Cancel while active; a dismissible record once it is over (failed swaps in alert-danger, done in alert-success with the accent download button).
atom_cam2b-1a2b3c4datom_cam2b-1a2b3c4d| Build | Branch | Size | State |
|---|---|---|---|
a1b2c3d4 | master | 8388608 | Done |
e5f6a7b8 | wip-t23 | 524288 | Building |
c9d0e1f2 | master | - | Failed |
Pinned open below. The light balloon is the opt-in hint that follows [data-help] hovers; the dark popover is the in-place confirmation (admin's per-build actions), with its dismiss under inset-inline-end so RTL needs no extra rules.
a1b2c3d4?