| 361 | const AGENT_TEXT_COLORS: Partial<Record<AgentType, string>> = {} |
| 362 | |
| 363 | export function AgentIcon({ agentType, className }: AgentIconProps) { |
| 364 | const ColorIcon = COLOR_ICONS[agentType] |
| 365 | if (ColorIcon) { |
| 366 | return ( |
| 367 | <span className={cn("inline-flex shrink-0", className)}> |
| 368 | <ColorIcon size="100%" /> |
| 369 | </span> |
| 370 | ) |
| 371 | } |
| 372 | |
| 373 | const MonoIcon = MONO_ICONS[agentType] |
| 374 | if (MonoIcon) { |
| 375 | return ( |
| 376 | <span |
| 377 | className={cn( |
| 378 | "inline-flex shrink-0", |
| 379 | AGENT_TEXT_COLORS[agentType], |
| 380 | className |
| 381 | )} |
| 382 | > |
| 383 | <MonoIcon size="100%" /> |
| 384 | </span> |
| 385 | ) |
| 386 | } |
| 387 | |
| 388 | return ( |
| 389 | <span |
| 390 | className={cn( |
| 391 | "rounded-full shrink-0", |
| 392 | AGENT_COLORS[agentType], |
| 393 | className |
| 394 | )} |
| 395 | /> |
| 396 | ) |
| 397 | } |