Agents
AgentRoster
Multi-agent team view with search, status filters, and list/grid layouts.
Preview
Agents
5Planner
doneDecomposes the task into subtasks.
Researcher
workingGathers facts from the web and internal corpora.
Writer
idleSynthesises findings into a final answer.
Critic
idleReviews drafts for accuracy and tone.
Fact-checker
blockedValidates citations against sources.
Installation
pnpm add nyxis-uiUsage
import { AgentRoster, type Agent } from 'nyxis-ui';
<AgentRoster agents={team} activeId={selectedId} onSelect={setSelectedId} layout="list" />;Anatomy
- Header: title + total agent count.
- Search input filters by name, role, and model.
- Status filters: clicking a
<AgentStatusBadge>filters to that status only. - Layout switch:
list(compact rows) orgrid(2-column cards). - Active agent highlighted in primary tone.