Foundation

State

Shared semantic state schemas for tones, statuses, hierarchy, and density.

Use state schemas to close primitive props around semantic intent instead of raw visual overrides.
foundation
DOM renderImage render
StateDefault
State vocabularyTones / statuses / hierarchy / density
tonesignals

The three high-signal Concrete channels used for status and intent.

terminalultraerror
tonedata-tones

Shared data and diagram tone language for generated output and dense tables.

inkmutedskyterminalultraerror
intentcommand-intents

Command and token intent language for compact interactive lists.

defaulterrorskyterminalultra
statusfield-status

Field-level validation state used by forms, settings rows, and summaries.

defaulterrorsuccess
statusupload-status

Lifecycle state for uploaded file and media rows.

erroridlesuccessuploading
statusdata-component-state

Data-rendering state shared by tables, charts, metrics, and generated panels.

readyloadingemptyerror
statusmessage-status

Agent message stream state shared by transcript, reasoning, and tool-call surfaces.

completeerrorpendingstreaming
statustool-call-status

Tool execution lifecycle state used by tool-call displays.

errorqueuedrunningsuccess
hierarchyhierarchy

Interface hierarchy language for command priority without visual override props.

primarysecondarytertiaryghost
densitydensity

Composition density language for compact product and lower-density reading modes.

compactcomfortableeditorial

Playground

Foundation examples are token specimens. The route stays registry-led so every foundation can be rendered, linked, and screenshotted through the same catalog surface.

Loading playground

Rendered matrix

Every state maps to the same foundation render route through the state query param.

Default

Semantic state groups are schemas first, then visual language.
State vocabularyTones / statuses / hierarchy / density
tonesignals

The three high-signal Concrete channels used for status and intent.

terminalultraerror
tonedata-tones

Shared data and diagram tone language for generated output and dense tables.

inkmutedskyterminalultraerror
intentcommand-intents

Command and token intent language for compact interactive lists.

defaulterrorskyterminalultra
statusfield-status

Field-level validation state used by forms, settings rows, and summaries.

defaulterrorsuccess
statusupload-status

Lifecycle state for uploaded file and media rows.

erroridlesuccessuploading
statusdata-component-state

Data-rendering state shared by tables, charts, metrics, and generated panels.

readyloadingemptyerror
statusmessage-status

Agent message stream state shared by transcript, reasoning, and tool-call surfaces.

completeerrorpendingstreaming
statustool-call-status

Tool execution lifecycle state used by tool-call displays.

errorqueuedrunningsuccess
hierarchyhierarchy

Interface hierarchy language for command priority without visual override props.

primarysecondarytertiaryghost
densitydensity

Composition density language for compact product and lower-density reading modes.

compactcomfortableeditorial
Render state

Statuses

Statuses describe lifecycle and validation before any component chooses UI.
Status contractsReusable lifecycle groups
field-status
defaulterrorsuccess
upload-status
erroridlesuccessuploading
data-component-state
readyloadingemptyerror
message-status
completeerrorpendingstreaming
tool-call-status
errorqueuedrunningsuccess
Render state

Tones

Tone groups keep signal, data, and command semantics closed and reusable.
Tone contractsSignal and data tones
signals

The three high-signal Concrete channels used for status and intent.

terminalultraerror
data-tones

Shared data and diagram tone language for generated output and dense tables.

inkmutedskyterminalultraerror
command-intents

Command and token intent language for compact interactive lists.

defaulterrorskyterminalultra
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription