Concrete
feedback
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.

LoadingThinking3 stepsMapped failing logs to the evaluation fixture, checked schema boundaries, and isolated the change needed before rerunning.
  1. Context loaded

    Read the transcript, active scopes, and the command surface state before touching code.

  2. Tool plan selected

    Selected the smallest local tools needed to verify behavior and avoid product policy drift.

  3. LoadingRunning focused action

    Applying the focused interface change and keeping the final answer hierarchy stronger.

Playground

Props in the URL.

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

Loading playground.
States

Rendered matrix.

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

LoadingThinking3 stepsMapped failing logs to the evaluation fixture, checked schema boundaries, and isolated the change needed before rerunning.
  1. Context loaded

    Read the transcript, active scopes, and the command surface state before touching code.

  2. Tool plan selected

    Selected the smallest local tools needed to verify behavior and avoid product policy drift.

  3. LoadingRunning focused action

    Applying the focused interface change and keeping the final answer hierarchy stronger.

Streaming

Open reasoning artifact with active step.

/render state
Thinking3 stepsMapped failing logs to the evaluation fixture, checked schema boundaries, and isolated the change needed before rerunning.
  1. Context loaded

    Read the transcript, active scopes, and the command surface state before touching code.

  2. Tool plan selected

    Selected the smallest local tools needed to verify behavior and avoid product policy drift.

  3. LoadingRunning focused action

    Applying the focused interface change and keeping the final answer hierarchy stronger.

Complete

Completed reasoning summary.

/render state
LoadingThinking3 stepsMapped failing logs to the evaluation fixture, checked schema boundaries, and isolated the change needed before rerunning.
  1. Context loaded

    Read the transcript, active scopes, and the command surface state before touching code.

  2. Tool plan selected

    Selected the smallest local tools needed to verify behavior and avoid product policy drift.

  3. LoadingRunning focused action

    Applying the focused interface change and keeping the final answer hierarchy stronger.

Collapsed

Collapsed summary-only state.

/render state
Props

Public contract.

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.