Theme: ← Übersicht Tokens

Kontext-Anzeige

Auslastung des Kontextfensters: Balken mit belegten/freien Token, Warn-Ton ab Schwellwert, optional Kosten und Modell-Angabe

Components v1.0.0 AI AppDesktop component.context

Beispiele

Normal (unter 70 %)
Kontext21%
42.000 / 200.000 TokenOpus 4.80,84 €
Warnung (ab 70 %)
Kontext78%
155.000 / 200.000 TokenOpus 4.8
Kritisch (ab 90 %), kompakt
Kontext95%

Eigenschaften

PropTypDefaultBuilder-Label
used *number—Belegte Token
total *number—Kontextfenster gesamt
modelstring""Modell
coststring""Kosten (formatiert)
compactbooleanfalseKompakt (nur Balken + Prozent)

* 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
--context-tonevar(--color-status-success)

Genutzte Design-Tokens

color.status.dangercolor.status.successcolor.status.warningcolor.surface.sunkencolor.text.mutedfont.family.defaultradius.fullsize.1size.24size.32text.xsweight.semibold