Denkprozess (Reasoning) — component.reasoning
Einklappbarer Denk-Block des Modells: Kopfzeile mit Dauer und Zustand (denkt / fertig), Inhalt als gedämpfter Text — natives details/summary, kein JS nötig
Componentv1.0.0AIweb.applicationdesktop.shellbuilder.preview
Beispiele
Abgeschlossen mit Dauer (klicken zum Aufklappen)
Denkprozess · 4 Sekunden
Ich prüfe zuerst die offenen Aufträge in der Datenbank.
Dann filtere ich nach Fälligkeitsdatum kleiner heute.
Zuletzt gruppiere ich nach Kunde, um Doppelungen zu vermeiden.
Dann filtere ich nach Fälligkeitsdatum kleiner heute.
Zuletzt gruppiere ich nach Kunde, um Doppelungen zu vermeiden.
Denkt gerade (pulsiert)
Denkt nach …
Ich sammle die relevanten Daten …
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
text * | string | — |
duration | string | "" |
thinking | boolean | false |
open | boolean | false |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--reasoning-border-default | var(--color-border-default) |
--reasoning-radius-control | var(--radius-control) |
--reasoning-surface-sunken | var(--color-surface-sunken) |
--reasoning-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairline color.border.default color.surface.sunken color.text.muted duration.fast easing.standard font.family.default leading.loose radius.control size.2 size.3 text.sm