Persona states

One presence, four states, each driven by a different signal. Idle breathes slowly while its highlight wanders.

Persona states is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

Agent pillA working agent as one black pill. The finished step slides up and dims, the live one shows a shimmering pixel grid.
AI prompt barAn AI prompt box that grows with the text. Attachments pop in as chips, the mic turns into a send arrow once you type.
ThinkingA model's reasoning shown as a thread. Steps arrive one by one on a thin line, the newest shimmers and a seconds counter rolls; when it finishes the thread folds into "Thought for Ns" and the answer fades in word by word.
Step cardA workflow step as a quiet card. Its border carries a short running hairline while the step is live.
Agent workingOne status card for a long-running agent. An icon tile swaps per phase inside a ring that fills phase by phase, the verb shimmers and the seconds roll; at the end the ring gives way to a green check and a one-line summary.
Thinking shimmerA status phrase with a band of light sweeping through its letters. Press it to step to the next phrase.