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-1a2b3c4dverify's result boxes: a shield glyph, a 600-weight title
(.th-alert-title), and the detail line with the key fingerprint. The
sample row beneath is its try-it pair.
3f6a9c01d4b23f6a9c01d4b2| 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?