AgentInline

components/agent/Inline.vue

Compact inline agent identity — pixel pawn beside a bold name (idle keeps its zzz; other decorations suppressed) and a "Vendor / kind / ● status" sub-line. Status drives both the pawn body (idle sleeps) and the dot; stopped dims the pawn and hollows the dot.

Claude Code CLI
Anthropic/cli/ active
All statuses — idle sleeps, stopped dims
Claude Code CLI
Anthropic/cli/ active
Claude Code CLI
Anthropic/cli/ idle
Claude Code CLI
Anthropic/cli/ stopped
Claude Code CLI
Anthropic/cli/ errored
In a table row (the c59 ledger context)
Claude Code CLI
Anthropic/cli/ idle
$248.603d ago
Claude Code CLI
Anthropic/cli/ active
$0.005d ago
Cursor
Anysphere/ide/ stopped
$12.402w ago
Minimal — sub-line facts are optional
Codex
idle
Gemini CLI
cli/ active
components/agent/Inline.vue

Usage

<AgentInline name = "—" vendor = "—" kind = "—" status = "active" :size = "28" > Content here </AgentInline>

Props

PropTypeDefaultDescription
nameStringDisplay name, e.g. "Claude Code CLI". Required; overridable via the default slot.
vendorString''First sub-line fact, e.g. "Anthropic". Omitted = its separator drops.
kindString''Second sub-line fact, e.g. "cli" or "ide". Omitted = its separator drops.
statusString'active'One of active, idle, stopped, errored. idle renders the sleeping pawn body; stopped dims the pawn and renders a hollow dot; errored keeps the awake body (the alert decor is suppressed inline) with a red dot.
sizeNumber | String28Pawn width; number → px.

Slots

SlotDescription
defaultReplaces the name text — e.g. to wrap it in a link.

Related

Qpoint Brand Style Guide