Agents
AgentStatusBadge
Pill describing an agent lifecycle (idle/thinking/working/blocked/done/errored) with animated indicator.
Preview
idlethinkingworkingblockeddoneerrored
Installation
pnpm add nyxis-uiUsage
import { AgentStatusBadge } from 'nyxis-ui';
<AgentStatusBadge status="thinking" />
<AgentStatusBadge status="working" compact />States
| Status | Tone | Animation |
|---|---|---|
idle | muted | none |
thinking | primary | pulse |
working | sky | spin |
blocked | amber | none |
done | success | none |
errored | destructive | none |
Pair with <AgentCard> for the full agent surface, or render alongside an agent name in any list / feed.