AI & AgentsPro

Chain of Thought

A collapsible list of the model's intermediate reasoning steps.

Usage

Parsing the uploaded report.

Cross-referencing the dashboard.

Drafting a summary.

bash

npm install @wunderui/react

Then import what you need:

tsx

import { ChainOfThought } from "@wunderui/react"

The assistant’s reasoning as steps you can expand.

Reading the Q3 report

Extracting revenue and churn figures

Comparing with Q2

Drafting the summary

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

One conversation with both roles, a tool call, sources and actions.

AV

What changed in Q3?

q3-report.pdf2.4 MB

Revenue grew 12% quarter over quarter, driven by 1,204 new customers.