01

Loading State

Pixel-grid loader with shimmer and elapsed time.

Churning0.0s
02

Thinking

Expandable traces — steps, reasoning, search, coding.

03

Streaming Text

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

Scoop Datascoopdata.ioTrends Indextrends.google.comMarket Basketmarketbasket.io

Follow-ups

04

Approval Card

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

How many flavors should we launch?
05

Tool Chips

Code edits and tool calls as compact chips.

06

Task Rows

Live agent task status — running, failed, completed.

Matched tax and contact IDs12/12
Flagged stale records0
Reading POS export3 files
Scoring stockout risk68%
Cone supplier follow-updraft
Pistachio reorder notedraft
07

Chat

Tabbed chat panel with reasoning replies and a composer.

Compare mint chip to last summer
Sales HistoryFlavor Datafor 4s

Pulled 3 summers of mint chip sales for comparison.

ComparisonTrend Detectionfor 2s

Mint chip is up 12% with stronger weekend peaks.

08

Recommendation Card

Agent suggestion with a confidence meter and actions.

Want me to place this restock order?

Reorder waffle cones from cone_king with lead time 7_days.

Other options

High confidence
09

Context Cards

Retrieved knowledge chunks with their sources.

All chunks32
Vendor onboarding rule290 characters

Cold-chain certification must be verified before a new dairy can be added to the reorder workflow.

PDFDairy Onboarding SOP.pdf
Seasonal demand row1,250 characters

Q4 velocity table: pistachio +18%, vanilla +6%, rocky road -11%; retire flavors below 40 scoops weekly.

CSVSales Velocity Export.csv
10

Diff Table

AI-proposed edits sweeping through tabular data.

Proposed menu cleanup
FlavorCategorySupplier
Rocky RoadClassicaurora-scoops
BubblegumRetrokumo-creamery
Mint ChipClassicmaple-orbit
PistachioSeasonalmaple-orbit
11

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
12

Filter Table

Status chips that reorganize live data.

Task nameDateStatusAdvisor
Restock mango sorbetDec 03To doMango Moon Gelato
Churn black sesameSep 22In ProgressKumo Creamery
Print summer menuJan 02To doCoral Coast Sorbet
Taste-test batch 42Nov 08In ProgressMaple Orbit
Order waffle conesApr 14CompletedAurora Scoops
15

Insight Cards

Paged agent insights with scrub-ready live charts.

Insights3

The worst performer in your @Creamery is Rocky Road — down -6% or -$2,453.44.

Mint Chip-4.41%-$2,377.66
Pistachio+1.15%+$617.22
Trend snapshotSnapshot
16

Code Block

Agent-written code streaming in line by line.

churn.tsTypeScript
17
Fine-tune Card
The agent adjusts design properties in an inspector.
Flavor cardAdjust
Layout
Type
/ more
New components, in your inbox.
Get new primitives and updates as they ship — copy-paste ready. No spam, unsubscribe anytime.