Component

Reasoning message

Subdued expandable reasoning line for visible agent progress, scoped steps, and streaming state.

Reasoning message communicates process as a collapsible progress artifact. It stays visually below final answers and generated UI.
feedback
DOM renderImage render
Reasoning messageDefault
Thinking3 stepsChecking schema and render boundaries before patching.
  1. Context

    Read the transcript, active scope, and current render route.

  2. Tools

    Selected the smallest commands needed to verify the change.

  3. Patch

    Applying the focused interface change.

Playground

Controls update query params directly. Complex slots use item-owned examples so component states stay deterministic, linkable, and screenshot-ready.

Loading playground

Rendered matrix

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

Default

Open reasoning artifact with active step.
Thinking3 stepsChecking schema and render boundaries before patching.
  1. Context

    Read the transcript, active scope, and current render route.

  2. Tools

    Selected the smallest commands needed to verify the change.

  3. Patch

    Applying the focused interface change.

Render state

Streaming

Open reasoning artifact with active step.
Thinking3 stepsChecking schema and render boundaries before patching.
  1. Context

    Read the transcript, active scope, and current render route.

  2. Tools

    Selected the smallest commands needed to verify the change.

  3. Patch

    Applying the focused interface change.

Render state

Complete

Completed reasoning summary.
Thinking3 stepsSchema boundary verified; rerun passed.
  1. Route

    Mapped the failing route to the generated example state.

  2. Boundary

    Checked the component schema, render input, and primitive assembly.

  3. Audit

    Patched the fixture and reran the catalog audit.

Render state

Collapsed

Collapsed summary-only state.
Thinking3 stepsSchema boundary verified; rerun passed.
  1. Route

    Mapped the failing route to the generated example state.

  2. Boundary

    Checked the component schema, render input, and primitive assembly.

  3. Audit

    Patched the fixture and reran the catalog audit.

Render state

Pending

Queued reasoning artifact before tool traces start.
Thinking1 stepWaiting for the active build gate.
  1. Queued

    The build gate is still running, so no file changes have started for this slice.

Render state

Error

Reasoning artifact with a failed verification step.
Thinking2 stepsRender failed after schema parsing.
  1. Route

    Loaded the docs route and captured the failing render input.

  2. Serialize

    The example still passes a function prop into a server-rendered client component.

Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
titleReactNodeReasoningReasoning artifact title.
summaryReactNode-Visible process summary without private chain-of-thought.
stepsreadonly ReasoningMessageStep[]-Structured collapsible progress steps validated by reasoningStepSchema, with optional render detail.
openbooleanfalseInitial details disclosure state.
status'complete' | 'error' | 'pending' | 'streaming'streamingReasoning status.