Chain of Thought

A collapsible step-by-step chain-of-thought trace with search results and images.

$bunx shadcn@latest add @nx-ui/ai-chain-of-thought
Registry item
Installs withai-use-controllable-statebadgecollapsibleutils

Expanded trace

A multi-step reasoning trace. Steps carry their own icon and status; search steps show the sources they consulted as chips.

Searching for Q3 revenue figures
Looking across the finance workspace and public filings.
investor-relations.example.comfinance.warehouse
Reconciling reported figures
Cross-checking the earnings release against the internal ledger.
Computing quarter-on-quarter growth

Collapsed

Closed by default so the trace stays out of the way. Click the header to reveal the steps.

API reference

Exported parts and their props, extracted from the component source.