Agent

Badges

Non-interactive markers that label content as AI output. Built on the status-ai token family.

AIDrafted by AIGeneratedAgent
Actions

The violet pill invites the agent to act. Kept distinct from the brand primary button so AI actions read as separate from regular CTAs.

Callouts

Block-level notices that frame agent-proposed content.

Proposed plan — ask the assistant to change anything

4 sections · 12 screens drafted from your uploaded handbook.

The ring surface only contributes the violet outline — wrap an existing card to mark its proposed state.

Question

A multiple-choice question the agent asks in the chat to settle a decision. Single-select with lettered options, an optional Skip, and Continue to confirm.

Questions
3 of 3

How should the onboarding copy sound?

Something else…
Working on a screen

The agent's in-canvas generating state: the screen dims behind a status-ai ring while a soft band scans it, and a labelled pill names the task. Reveals the finished screen when done.

Building screen
Suggestions

Tappable follow-up prompts the agent offers after a turn.

Composer

The primary input: a roomy prompt area over a toolbar — attach + mention on the left, model picker, mic, and send on the right. Submits on Enter (Shift+Enter for a newline).

Conversation

Message bubbles, the thinking state, and the composer assembled into a live agent surface — docked as a sidebar panel. Try sending a message.

Hi — paste any content and I'll draft a module from it.
WarehouseForklift
onboarding-handbook.pdf
Build onboarding for warehouse hires.
On it. I'll outline sections, then we can refine together.
ThinkingThinking
Questions

How should the onboarding copy sound?

Something else…
Message bubbles

Agent replies as plain text; the person in a white card with shadow. User turns can carry an attachment chip.

Here's a first pass at the outline.
Handbook
handbook.pdf
Use this as the source.
Building section 2Building section 2