Primitive

DisclosurePanel

Generic details/summary disclosure panel for trace and inspection content.

Use DisclosurePanel before creating reasoning- or tool-specific disclosure wrappers. Workflow mapping stays in components.
surface
DOM renderImage render
DisclosurePanelDefault
Trace details
Loaded files, parsed registry metadata, and rendered examples.

Playground

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

Loading playground

Rendered matrix

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

Default

Generic disclosure panel for trace and details content.
Trace details
Loaded files, parsed registry metadata, and rendered examples.
Render state

Closed

Closed disclosure state.
Collapsed details
Hidden content
Render state

Terminal

Terminal-toned disclosure for agent traces.
Agent trace
Tool call completed.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
summaryReactNode-Summary trigger content.
openboolean-Native details open state.
intent'default' | 'terminal' | 'error'-Semantic disclosure intent.
childrenReactNode-Disclosure body.