Diagram item

Supporting evidence item for metrics, notes, code, documents, charts, tables, and status.

Diagram items are secondary evidence inside a graph; they should not compete with the main nodes.

metricTrace184msp95

codeHydratets

statusReadylive

noteConstraintpolicy

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

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

metricTrace184msp95

codeHydratets

statusReadylive

noteConstraintpolicy

Default

Supporting evidence item atlas.

metricTrace184msp95

codeHydratets

statusReadylive

noteConstraintpolicy

Selected

Selected item state.

metricTrace184msp95

codeHydratets

statusReadylive

noteConstraintpolicy

Tones

Metric, code, status, and note tones.

Props

Name	Type	Default	Description
`title *`	`ReactNode`	-	Primary item label.
`value`	`ReactNode`	-	Optional prominent value.
`body`	`ReactNode`	-	Optional supporting copy.
`meta`	`ReactNode`	-	Optional small metadata.
`kind`	`'card' \| 'chart' \| 'code' \| 'document' \| 'metric' \| 'note' \| 'status' \| 'table'`	`note`	Item evidence type.
`tone`	`'ink' \| 'muted' \| 'sky' \| 'terminal' \| 'ultra' \| 'error'`	`ink`	Concrete-native item tone.
`selected`	`boolean`	`false`	Selected canvas state.
`muted`	`boolean`	`false`	Background canvas state.