StatusDot#

resolveTone()#

function resolveTone(status): StatusTone;

A tone passes through; anything else is a backend word.

Parameter	Type
`status`	`string`

function StatusDot(props): Element;

A status dot — the smallest way to say "this thing is in state X".

Replaces the bespoke borderRadius: '50%' Boxes scattered through the app, each with its own diameter and its own idea of what green means.

Parameter	Type
`props`	`StatusDotProps`

Element

optional label?: string;

Tooltip and accessible name. Without it the dot is decorative.

optional pulse?: boolean;

Slow pulse, for a genuinely in-flight state.

optional ring?: boolean;

A ring of the app ground around the dot, so it stays legible when it overlaps an icon or an avatar.

optional size?: "sm" | "md" | "lg";

6 / 8 / 10px. The scale exists so dots line up across surfaces.

status: string;

Either a tone directly, or a raw backend status word to be normalised by statusToToken ('RUNNING', 'ERROR', 'completed', …).

optional sx?: any;