Intelligence

How the agent moves: it converses, thinks, proposes — and the voice whose gradient is the state.

Two definitions: the sphere and the confirmation card

Of everything the agent puts on screen, the 2026-09-20 preset defines two things. The rest — what it says, in what order, when — is product, and lives in the rules below.

Amanda’s sphere

A circle with a radial gradient whose focus sits top left, at 32% 28%. From the light tone to the action colour at 52%, and from there to the deep navy. No border, no shadow, and it does not spin.

Three sizes and no others: 14 px when it signs a message, 20 px when it marks presence, 28 px when it is the subject. It is the fourth of the four things that spend the blue.

14 · 20 · 28 px · the same gradient

The sphere

Shape
circle · no border, no shadow
Gradient
radial-gradient(circle at 32% 28%, light, action 52%, deep)
Light · dark mode
#9DBCFF
Deep · dark mode
#0D2347
Light · light mode
#C6D6F2
Deep · light mode
#183E75
Sizes
14 · 20 · 28 px

The confirmation card

When the agent proposes something that needs a yes, it says so in a card filled with the navy, white letters and two actions: the one that confirms in white on the navy, the one that changes as light text with no fill.

It is the only block in the interface painted entirely in the action colour, and that is why it is the only one that may ask for a decision. If two things in the same view look like this, one of them was not asking anything.

Book Tuesday 23, 10:00ConfirmChange
280 px · action fill, two ways out

The card

Width
280px · radius 16 · padding 12
Fill
the action colour of the mode
Text
white
Confirm
white fill · letters in the action colour · pill
Change
no fill · letters #DBE7FF · pill
How many per view
one

The agent is visibly at work. Each of its states — typing, thinking, proposing, speaking — has its own way of moving, and none of it is decorative.

Conversation: messages arrive, the agent is seen typing

Each message enters with the entry recipe — rises 8px, once. The three dots exist only while the agent works; they vanish the instant it replies.

Bubbles are square like the whole system: the agent's in soft blue with its mono signature, the person's on subtle surface. The commercial close arrives as a receipt, not as a message. (The sequence itself is a real Chilean campaign, kept in Spanish.)

Agente de Striker

WhatsApp · campaña activa

real campaign sequence · Reproducir replays it

A lead's thread: every channel declared, every event visible

This is how an executive sees a lead: one thread on one canvas. The console never dresses up as the channel — the channel is a fact of the message, not a theme of the surface, which is also the true shape of the data. Every bubble states it beside its time: any message answers “where did this happen?” without hunting for a header.

System events are typography, not cards: pure mono on the separator line. The receipt speaks in grey; the channel hop speaks in ink — «continúa en WhatsApp · el contexto viaja completo» — louder by contrast, not by elevation. Channel continuity is already real (Instagram → WhatsApp).

CV

Camila Vidal

Lead · Instagram → WhatsApp

proposal · one thread, one canvas · the hop in mono on the separator line

Thinking: the reasoning can be opened

When the agent reasons, the spark pulses and the trace stays available — not an opaque spinner: concrete steps a person can audit.

Confidence is declared with its number. An agent that does not show its work cannot ask to be trusted.

Analyzing the lead's history…
  1. 01Read the last 12 messages in the thread
  2. 02Checked the executive's calendar
  3. 03Verified Saturday 10:00 availability
  4. 04Drafted the proposal with the current price
Confidence86%
the spark pulses while it reasons · the trace unfolds

Approval: the human decides with context

In Attention the agent never replies on its own: it proposes. The card carries the draft, the tools it used as provenance chips, and its confidence — everything a person needs to decide in five seconds.

Approve is the primary action; edit is a normal path, not a failure. The product claim lives here: the inbox never replies alone.

The decision has a lifecycle: approving or sending with edits turns the draft into the sent message with its receipt; discarding resolves it into a grey receipt and nothing sends. The moment the person decides, the card stops asking for attention. No auto-approve countdown: that would invent a mode the product does not have.

The agent proposes

Confidence

Hola Camila — sí, el sábado tenemos cupo a las 10:00. ¿Te reservo la evaluación sin costo?

calendarpricing
proposal: the decision with a lifecycle · nothing sends without a human OK

Co-editing: the field says what the agent is doing

When Supervisor rewrites a field, the signal lives where the person is looking. Working travels along the line; proposed stays lit waiting for a decision; applied settles back to rest as a brief receipt.

A field being worked is readOnly, never disabled. Its content stays readable and selectable, while no keystroke can be lost when the rewrite arrives. Reduced motion preserves all three states without the sweep.

working · proposed · applied · the line carries the lifecycle

Provenance: every claim points at its source

The trace shows how it thought; provenance shows where each claim came from. It is the same draft as the approval card, with every fact pointing at its source — memory, calendar, pricing — and every source carrying its age.

Confidence is declared with its number; provenance, with its origin. Together they are the complete reason to believe the draft, auditable in two seconds.

Striker · draft

Hola Camila — sí, el sábado tenemos cupo a las 10:00. La evaluación inicial es sin costo. ¿Te la reservo?

Context it used

proposal · tap a citation to open its source

Voice: the gradient is the state

The voice presence is the agent's circle with the navy→depth→ultramarine family flowing — pure, no icon inside. Listening, the mesh drifts slowly and the orb breathes. Speaking, it flows fast with more swirl.

The motion IS the information: it stops the instant the state ends.

listening flows slow and breathes · speaking flows fast while the bars carry the amplitude

Status in text: the shimmer is the pulse

When live status needs words — "Analyzing…", "Typing…" — the text carries an ultramarine sweep over grey: the system saying "still on it". It is the sanctioned exception applied to text: the loop is the data.

The state ends and the sweep dies that instant — the result is plain, still text. Under prefers-reduced-motion the shimmer does not exist: grey, static.

Analyzing the lead's history…
proposal · the sweep lives only while the state is true

Long work: the signal is the loader

For long-running work — enriching a list, running prospecting — the loader is no generic spinner: it is the five nodes of the Qualified Signal lighting in a wave toward the spark. The mark already tells this story: the team distills signal; the agent is the distilled signal.

The label carries the status sweep and elapsed time is declared in tabular mono — work that says how long it has been running never looks hung. When it ends, the motion dies and the mark stands complete: the result, still.

Enriching 240 prospects…0.0s
proposal · the nodes charge toward the spark · Terminar kills the motion

Prospecting made visible: the map of the search

When prospecting runs, the work is visible: every candidate the search finds appears on the map and is classified against the ICP on the spot. What clears the threshold lights up ultramarine — signal. What does not, dims — noise. It is the mark running in production: distilling signal.

The numbers ride along in tabular mono — evaluated, qualified — and the threshold is a declared line, not a mystery of the model. The search ends and the motion dies: the map stands still with its final counts.

Searching and classifying against the ICP…
fit with the icp →evaluated 0 · qualified 0
proposal · every candidate is classified against the ICP · the threshold is declared

Long threads: the edge is a fade

A long trace or thread does not get boxed. The scrolling field announces there is more by dissolving its ends into the canvas: the no-boxes rule applied to overflow.

The fade is scroll-aware where the engine allows it — the top fade only exists once there is content above. It is not motion, it is length: it does not depend on reduced-motion.

  1. 01Leyó los últimos 34 mensajes del hilo
  2. 02Detectó intención: agendar esta semana
  3. 03Consultó la memoria del lead
  4. 04Encontró preferencia: sábados por la mañana
  5. 05Consultó el calendario del ejecutivo
  6. 06Descartó el jueves — sin cupo
  7. 07Verificó cupo del sábado a las 10:00
  8. 08Consultó la lista de precios vigente
  9. 09Confirmó: evaluación inicial sin costo
  10. 10Revisó el tono de los últimos mensajes
  11. 11Eligió registro: cercano, sin presión
  12. 12Redactó la propuesta
  13. 13Calculó confianza: 86%
  14. 14Dejó el borrador para aprobación
proposal · no box — the ends dissolve with the scroll

A loop exists only while a real condition remains live

The system rule is that nothing repeats: entries happen once and reveals never return. Two conditions are sanctioned: work in progress and pending human attention. In both, the loop is the data.

Two conditions to qualify: the motion dies the moment the state stops being true, and it disappears entirely under prefers-reduced-motion.

Mensaje
entrada · +8px · una vez
Escribiendo
tres puntos · 1.1s · solo mientras trabaja
Pensando
chispa pulsa 1.6s · traza auditable
Aprobación
propone → decide → recibo
Campo trabajando
línea corre · readOnly
Campo propuesto
línea azul 2px · espera decisión
Campo aplicado
recibo 2.4s · vuelve al reposo
Escucha / habla
malla 0.35 · 1.4 + barras
Canal del mensaje
junto a la hora · en cada burbuja
Evento silencioso
recibo · línea + mono
Salto de canal
mono en tinta · línea separatoria
Procedencia
cita numerada → fuente + edad
Estado en texto
barrido 2s · muere con el estado
Trabajo largo
señal → chispa · tiempo tabular
Mapa de búsqueda
ultramarino = señal · umbral declarado
Hilo largo
fade 28px · sin borde
Reduced motion
todo estado vivo se apaga