Components

StatusDot

Session and task status dots: hollow idle, ready, awaiting, blinking running, unread, error, attention, new run, breathing clay; plus the Pulse attention dot over an icon.

Kinds

6px by default (size md = 8px; new-run is always 8px). v2: hollow idle / done ring in solid-muted #878787; attention = the palette's blue Needs-attention dot; new-run = blue-450 | blue-350 (Scheduled task card, label it New run). Animated kinds stop under reduced motion.

sm (6px)

idledonereadyawaitingrunningunreaderrorattentionnew-runclaybrand

md (8px)

idledonereadyawaitingrunningunreaderrorattentionnew-runclaybrand

Quiet runningNo blink, 70% opacity (code session lists).

In context

Sidebar rows

Refactor the billing module Draft the launch notes Weekly metrics digest Fix flaky upload test Old exploration

Pulse indicatorring: 0.5px page-colour halo over an icon button.

Pulse

N1: a 6px dot at the icon's top-end with a .5px page-colour halo; the icon gets a radial cut-out. attention (amber fill-warning, the mode switch / segmented control 'awaiting your input') or accent (the palette's blue Needs attention). The host control carries the state in its name.

Over icons

dot only