Icons
Reference for the icons the UI uses.
The icons come from Remix Icon, through @remixicon/react, always in their Fill variant, and the provider logos from models.dev.
Effort
An agent's effort level: low, medium and high fill one, two and three bars of a cellular signal, and xhigh and max are two skulls, max the one with an open jaw.
| Level | Icon | Component |
|---|---|---|
| low | RiSignalCellular1Fill | |
| medium | RiSignalCellular2Fill | |
| high | RiSignalCellular3Fill | |
| xhigh | RiSkullFill | |
| max | RiSkull2Fill |
Provider
The provider of an agent's model, the part before the slash, drawn with its logo from models.dev in the text color. bun run provider:logos copies each logo into a component named after its provider, typed and sized like a Remix icon.
| Provider | Icon | Component |
|---|---|---|
| anthropic | Anthropic | |
| zai | Zai |
State
The state an agent, a run or a task is in. The running icon spins, and stops for a reader who asks for reduced motion.
| State | Icon | Component |
|---|---|---|
| cancelled | RiForbidFill | |
| completed | RiFlag2Fill | |
| failed | RiCloseCircleFill | |
| idle | RiZzzFill | |
| paused | RiPauseCircleFill | |
| pending | RiCalendarScheduleFill | |
| running | RiLoader4Fill | |
| stuck | RiAlertFill | |
| waiting | RiTimeFill |
Task
The kind of task an agent does.
| Task | Icon | Component |
|---|---|---|
| build | RiHammerFill | |
| data | RiDatabase2Fill | |
| debug | RiBugFill | |
| deploy | RiRocketFill | |
| docs | RiBookFill | |
| explain | RiPresentationFill | |
| explore | RiBinocularsFill | |
| plan | RiRoadMapFill | |
| refactor | RiMagicFill | |
| research | RiGlobalFill | |
| review | RiEyeFill | |
| security | RiShieldFill | |
| test | RiTestTubeFill |