Theme: ← Übersicht Tokens

Agenten-Karte

Steckbrief eines Agenten: Name, Rolle, Zustand, Modell, Werkzeug-Badges und Kennzahlen — für Agenten-Übersichten und Team-Ansichten

Components v1.1.0 AI AppDesktop component.agent-card

Nutzt: ui.icon ui.badge ui.status

Beispiele

Agent mit Werkzeugen und Kennzahlen
DonnaAssistenz · Morgenbriefingbereit
Opus 4.8
snappy_cliknowledge_basesmtp
128Läufe (7 Tage)0,8 %Fehlerquote
Agent arbeitet gerade
Nick ByteServer-Monitoringarbeitet
qwen3-30b

Eigenschaften

PropTypDefaultBuilder-Label
name *string—Name
rolestring""Rolle
statestring: online | degraded | offline | pending"online"Zustand
stateLabelstring"bereit"Zustands-Text
modelstring""Modell
avatarUrlstring""Avatar-Bild
toolsarray[]Werkzeuge (Badges)
statsarray[]Kennzahlen
spacingstring: default | none | sm | md | lg | xl"default"Eigenabstand

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

TokenDefault
--agent-card-border-defaultvar(--color-border-default)
--agent-card-elevation-controlvar(--elevation-control)
--agent-card-radius-fullvar(--radius-full)
--agent-card-radius-surfacevar(--radius-surface)
--agent-card-surface-defaultvar(--color-surface-default)
--agent-card-surface-sunkenvar(--color-surface-sunken)
--agent-card-text-defaultvar(--color-text-default)
--agent-card-text-mutedvar(--color-text-muted)

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedelevation.controlfont.family.defaultradius.fullradius.surfacesize.10size.12size.4size.6size.8text.lgtext.mdtext.smtext.xsweight.semibold