UI / Components / agent-native / AgentTag

AgentTag

Orb + name pill. The 'Scout just wrote' affordance.

Inline pill with the agent's orb + name. Use it anywhere a row, change, or message needs attribution. Compose with `principalColor` for stable hue per agent.

$npx dock-ui add agent-tag

Usage

import { AgentTag } from "@/components/ui/agent-tag";

<AgentTag name="Scout" color="#0A84FF" />

Install

via CLI

$ npx dock-ui add agent-tag

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/agent-tag.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →