Skip to content
uifiles
Browse components
AgentComponent

Chain of Thought

Collapsible step-by-step trace of an AI agent's reasoning: a header toggle (ChainOfThoughtHeader), then ChainOfThoughtStep rows with icon, label, description and complete/active/pending status, optional ChainOfThoughtSearchResults badges and a ChainOfThoughtImage with caption. Use it to show tool calls, searches and intermediate findings while an agent works; controlled or uncontrolled via open/defaultOpen/onOpenChange.

pnpm dlx shadcn@latest add @uifiles/chain-of-thought
Installs with

An investigation, open by default

Steps in every status: complete with search results, complete with an image, active, and pending. The header collapses the trace.

Searching incident history
Looking for recent reports of checkout latency.
INC-2291 checkout p95 regressionrunbook: edge cache missesPR #4410 pricing service
Comparing latency across regions
Pulled p95 by region for the last hour.
p95 latency by regioniadsfofrasyd

p95 latency by region, last 60 minutes

Checking the pricing service deployment
syd and fra are 2-3x slower; both route pricing calls cross-region.
Proposing a fix