AgentPill

components/agent/Pill.vue

Agent identity pill: pixel-pawn face in its own bordered cell + agent name and user in grape ("Claude Code / sofia"). Inline (one line) or stacked (name bold over user in italic). Pawn art via <img> — carries its own colors, never UxIcon.

Claude Code·sofia
Scenarios
Claude Code·sofiaClaude Codesofia
CodexCodex
Windsurf Cascade Enterprise·external-contractor-jmv
C-200112 distinct unapproved tools from one agentClaude Code·sofia
components/agent/Pill.vue

Usage

<AgentPill name = "—" user = "—" :stacked = "false" />

Props

PropTypeDefaultDescription
nameStringAgent name shown after the pawn (required)
userString''The person — rendered after a slash (inline) or in italic beneath (stacked); omitted when empty
stackedBooleanfalseTwo-line layout: name bold over the user in italic, larger pawn — for taller contexts

Related

Qpoint Brand Style Guide