01

Loading State

Pixel-grid loader with shimmer and elapsed time.

02

Thinking

Expandable traces — steps, reasoning, search, coding.

03

Streaming Text

Streamed answer with inline sources, actions, and follow-ups.

04

Approval Card

Human-in-the-loop questions the agent asks before acting.

05

Tool Chips

Code edits and tool calls as compact chips.

06

Task Rows

Live agent task status — running, failed, completed.

07

Chat

Tabbed chat panel with reasoning replies and a composer.

08

Prompt Bar

Composer with @ sources, / commands, model picker, and dictation.

09

Recommendation Card

Agent suggestion with a confidence meter and actions.

10

Context Cards

Retrieved knowledge chunks with their sources.

11

Diff Table

AI-proposed edits sweeping through tabular data.

Proposed menu cleanup

FlavorCategorySupplier
Rocky RoadClassicaurora-scoops
BubblegumRetrokumo-creamery
Mint ChipClassicmaple-orbit

PistachioSeasonalmaple-orbit

12

Records Table

CRM-style grid with tags, sorting, and relationship status.

Company

AAndes Snow Creamery — Quito

GelatoCatering

almost 2 years agoVery weak—
AAurora Scoops — Reykjavík

GelatoSeasonal

9 days agoVery strongaurora-scoops.example.com
BBlue Fig Gelato — Florence

GelatoCafe

over 1 year agoVery weakblue-fig.example.com
CCacao Norte — Oaxaca

B2BLocalWholesale

about 2 years agoNo communicationcacao-norte.example.com
CCape Vanilla Co. — Cape Town

WholesaleImports

over 1 year agoVery weakcape-vanilla.example.com
CCloudberry Cone — Helsinki

Dairy-freeSeasonal

No contactNo communicationcloudberry-cone.example.com
CCoral Coast Sorbet — Honolulu

SorbetLocal

9 days agoVery strongcoral-coast.example.com
EEmber Cone Company — Seoul

B2CVegan

15 days agoWeakember-cone.example.com
FFjord Fizz Ice — Oslo

Dairy-freeSeasonal

No contactNo communication—
JJuniper & Cream — Vancouver

Dairy-freeCatering

No contactNo communication—
KKumo Creamery — Tokyo

B2CCafeVegan

3 weeks agoVery strongkumo-creamery.example.com
LLotus Leaf Scoops — Hanoi

VeganCafe

15 days agoWeak—
LLumen Soft Serve — Copenhagen

Dairy-freeCafe

8 months agoWeaklumen-soft-serve.example.com
MMango Moon Gelato — Nairobi

SorbetVegan

almost 2 years agoVery weakmango-moon.example.com
MMaple Orbit — Montréal

B2BWholesaleSeasonal

15 days agoWeakmaple-orbit.example.com
MMooncake Ice Cream — Singapore

B2BWholesale

about 1 month agoVery weakmooncake-ice-cream.example.com
PPalm Sugar Creamery — Bangkok

B2CVegan

3 months agoVery weakpalm-sugar.example.com
PPampa Creamery — Córdoba

B2CLocal

12 months agoVery weakpampa-creamery.example.com
PPine & Pistachio — Istanbul

GelatoCatering

about 1 month agoVery weak—
RRosewater Kulfi — Jaipur

B2CSeasonal

2 months agoVery weak—
SSaffron Sky Kulfi — Dubai

ImportsCatering

almost 2 years agoVery weaksaffron-sky.example.com
SSahara Swirl — Marrakech

SorbetLocal

5 months agoVery weak—
SSilk Road Sorbet — Tbilisi

SorbetImports

about 1 month agoWeaksilk-road.example.com
SSol y Nieve — Buenos Aires

GelatoLocal

2 months agoWeaksol-y-nieve.example.com
SSunbird Gelateria — Lisbon

GelatoCafe

over 2 years agoNo communicationsunbird.example.com
TTasman Sea Gelato — Hobart

GelatoLocal

2 months agoWeaktasman-sea.example.com
26 count—44% average19 links

13

Filter Table

Status chips that reorganize live data.

15

Search

Command search with live filtering and an empty state.

16

Insight Cards

Paged agent insights with scrub-ready live charts.

17

Code Block

Agent-written code streaming in line by line.

18

Fine-tune Card

The agent adjusts design properties in an inspector.

19

Selection Actions

Highlight a passage and hand it to the agent to rewrite.