Theme: ← Übersicht Tokens

Gedankenkette

Zeitleiste der Denk-Schritte eines Agenten: Schritt-Punkte mit Titel, Detailtext und optionaler Quellen-/Werkzeug-Angabe — als Ganzes einklappbar

Components v1.0.0 AI AppDesktop component.chain-of-thought

Nutzt: ui.icon

Beispiele

Vier Schritte, letzter läuft noch
Gedankenkette4 Schritte
  1. Anfrage verstandenNutzer möchte überfällige Aufträge zusammengefasst.
  2. Werkzeug gewähltAufgabenliste mit Filter auf Fälligkeit.snappy_cli__task_list
  3. Ergebnis geprüft2 von 12 Aufträgen sind überfällig.
  4. Antwort formulieren

Eigenschaften

PropTypDefaultBuilder-Label
labelstring"Gedankenkette"Kopf-Beschriftung
openbooleantrueAufgeklappt starten
steps *array—Schritte

* 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
--chain-of-thought-action-primaryvar(--color-action-primary)
--chain-of-thought-border-defaultvar(--color-border-default)
--chain-of-thought-border-strongvar(--color-border-strong)
--chain-of-thought-radius-controlvar(--radius-control)
--chain-of-thought-radius-fullvar(--radius-full)
--chain-of-thought-surface-defaultvar(--color-surface-default)
--chain-of-thought-text-defaultvar(--color-text-default)
--chain-of-thought-text-mutedvar(--color-text-muted)

Genutzte Design-Tokens

border.hairlinecolor.action.primarycolor.border.defaultcolor.border.strongcolor.surface.defaultcolor.text.defaultcolor.text.mutedduration.fasteasing.standardfont.family.defaultfont.family.monoleading.baseradius.controlradius.fullsize.2size.3size.4text.smtext.xsweight.mediumweight.semibold