Skip to content

Reasoning

Reasoning(__namedParameters): ReactElement

Defined in: react/components/agent/reasoning.tsx:49

A collapsible “thinking” block for an agent transcript: a dim header with a brain glyph, a live spinner while the model is reasoning, and the (streaming) reasoning text below — secondary chrome that folds away. Expands while active, and optionally collapses itself when reasoning finishes (collapseWhenDone), leaving just a "thought for 3s" line.

Works controlled (open + onToggle) or uncontrolled (defaultOpen). The body stays mounted while collapsed, so streamed text keeps accruing behind it.

<Reasoning active={thinking} duration={thinking ? undefined : "3s"}>
<Markdown trimTrailingMargin>{reasoningText}</Markdown>
</Reasoning>

ReasoningProps

ReactElement