AgentAvatar

components/agent/Avatar.vue

Inline identity chip: agent logo + bold name label. Resolves the name against the known-agent registry (components/agent/registry.js) for the logo and canonical label; unknown agents fall back to the generic spark mark + raw name.

Claude Code
Known agents (registry)
Claude Desktop
Claude Code
Codex
GitHub Copilot
Cursor
Gemini
Goose
Grok
Ollama
opencode
OpenClaw
OpenHands
Windsurf
Zed
Aider
Devin
Pi
Resolution: raw telemetry names → canonical identity
Claude Code
Cursor
Codex
Claude Desktop (mark's laptop)
mystery-bot-3000
An extremely long agent identity name that wraps or truncates
In a table cell
Claude Code
12 findings
Devin
12 findings
OpenHands
12 findings
components/agent/Avatar.vue

Usage

<AgentAvatar name = "(required)" label = "—" />

Props

PropTypeDefaultDescription
nameString(required)Agent name; matched against the registry to pick logo + canonical label
labelString''Override the shown text without affecting logo resolution

Related

Qpoint Brand Style Guide