UI Lab

Chain of thought

Expandable reasoning timeline — header, steps, search results, and image slot.

Agent & chat · fixture-only

Collapsed reasoning block

ChainOfThought starts collapsed with indigo tint — expand on demand to avoid transcript noise.

Workshop: Long reasoning traces in /chat assistant turns.

Fixture data only — behaviour matches production chrome

Step timeline with search

ChainOfThoughtStep shows complete · active · pending states; nest ChainOfThoughtSearchResults for tool queries.

Avoid: Always-expanded reasoning that pushes user messages below the fold.

Fixture data only — behaviour matches production chrome

Collapsed reasoning

Default collapsed with indigo tint — expand to reveal reasoning without transcript noise.

Step timeline

Complete · active · pending steps with nested search result chips.

Understanding request
Parse user intent and constraints
Searching CRM
query: healthcare founders
status=active
region=US
Draft response

Image slot

ChainOfThoughtImage for annotated diagrams from tool output.

Image preview slot

Annotated diagram from tool output