SCAFFOLD — node bodies, grid and toolbar are hand-drawn context. Only the round status badge is the subject:
geometry copied from StatePortBadge.jsx (12px circle = ICON_XS) and nodeStatusConfig.js
(MUTED #6b7280 / accent #3b82f6). StatePortBadge has no Fiddle harness yet,
so this is a faithful hand copy, not the real region.
At true size — 12px, as it appears on the canvas
TRANSFORM
pending waiting on deps
TRANSFORM
queued waiting for a slot
TRANSFORM
running
This is the size that matters — if the flip does not read here, it does not read.
Glyph fit and style, side by side
today outline, 83%, sw 3
outline 70%
filled 70%
filled 83%, sw 2
Filled is the architect's construction — the same lucide silhouette, with fill and
stroke both set, so the two bulbs solidify without the outline changing shape. These four ignore
the toggle so you can compare at once; the toolbar drives everything else on the page. At the real production
ratio (83%, i.e. size − 2 on a 12px badge) the outline hourglass is legible but tight — its bars sit
right on the badge rim. It only degrades into an ✕ above roughly 90%.
Enlarged — 3× and 8×, to judge the motion
pending
queued
running
queued, 8×
Dial it in
glyph
Paste that line back into the planning chat — the values get baked into the plan.