Invisible Docs
GalerieTokens

AI — Components

17 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.

AI-Diff (Änderungs-Ansicht)

Zeilenweise Änderungs-Ansicht (hinzugefügt/entfernt/Kontext) mit Datei-Kopf und Zähler — der Konsument liefert annotierte Zeilen, das Framework rechnet keine Diffs

component.ai-diff

Agenten-Karte

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

component.agent-card

Aufgaben-Liste (Task)

Was der Agent gerade abarbeitet: Aufgaben mit Zustand (offen/läuft/fertig/Fehler), optionalen Unterpunkten und Fortschritts-Zeile

component.task

Denkprozess (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

component.reasoning

Freigabe (Human-in-the-Loop)

Rückfrage vor einer folgenreichen Agenten-Aktion: Beschreibung, Details-Liste, Zustimmen/Ablehnen — nach der Wahl bleibt die Entscheidung sichtbar

component.confirmation

Gedankenkette

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

component.chain-of-thought

Kontext-Anzeige

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

component.context

Konversation (Chat-Container)

Scrollender Chat-Verlauf: hält den Blick am unteren Rand, zeigt beim Hochscrollen einen Zurück-nach-unten-Knopf — nimmt Nachrichten und AI-Bausteine im Slot auf

component.conversation

Modell-Wahl

Kompakte Modell-Auswahl für die Chat-Leiste: aktuelles Modell als Knopf, Panel mit Anbieter-Gruppen, Beschreibung und Merkmal-Badges

component.model-selector

Nachricht (Chat)

Chat-Nachricht: Nutzer als Blase rechts, Assistent als Fließtext links mit Avatar; optionale Anhänge, Aktions-Leiste (Kopieren, Bewerten, Neu erzeugen) und Zeitstempel

component.message

Plan (Agenten-Vorhaben)

Vorhaben eines Agenten vor der Ausführung: nummerierte Schritte mit Werkzeug-Angabe und Zustand, optional Freigabe-Leiste am Fuß

component.plan

Prompt-Eingabe

Chat-Eingabe: mitwachsendes Textfeld, Enter sendet (Umschalt+Enter = Zeilenumbruch), Werkzeugleiste (Anhang, Modell) und Senden/Stop-Knopf

component.prompt-input

Quellen

Einklappbare Quellenliste unter einer Antwort: nummerierte Einträge mit Titel, Domain und optionalem Auszug — passend zu ui.inline-citation im Text

component.sources

Vorschläge

Anschluss-Fragen als Pillen unter der Antwort oder über der Eingabe — Klick meldet den Text zur Übernahme in die Prompt-Eingabe

component.suggestion

Warteschlange

Anstehende Aufträge eines Agenten: Position, Titel, Zustand (wartet/läuft) und Entfernen-Knopf — für Batch-Läufe und Hintergrund-Aufgaben

component.queue

Werkzeug-Aufruf (Tool Call)

Aufruf eines Agenten-Werkzeugs: Name, Zustand (wartet/läuft/fertig/Fehler), einklappbare Eingabe- und Ergebnis-Blöcke — natives details, kein JS

component.tool

Wiederherstellungspunkt

Marke im Verlauf, zu der zurückgesprungen werden kann: Linie mit Label, Zeitangabe und Zurücksetzen-Knopf

component.checkpoint