E. AI & Chat

Agent Reasoning / Tool-Call Transcript

Step-by-step reasoning timeline, tool call cards, run summary, error & retry state and an approval-required step.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add ai/agent-transcript

01Step-by-step reasoning timeline

Uses: RunTimeline · ChainOfThought · AgentStatus · ChatTool

components/blocks/ai/agent-transcript/01-reasoning-timeline.tsx

Uses: ChatTool · CodeBlock · Tabs · Badge

components/blocks/ai/agent-transcript/02-tool-call-card.tsx

Uses: AgentStatus · CostMeter · StatCard · RunTimeline

components/blocks/ai/agent-transcript/03-run-summary.tsx

Uses: RunError · RunTimeline · AgentStatus · Button

components/blocks/ai/agent-transcript/04-error-retry.tsx

Uses: ApprovalCard · RunTimeline · AgentStatus · CodeBlock

components/blocks/ai/agent-transcript/05-approval-step.tsx