Zum Inhalt springen
fend-ui
Vorschau

Trace

Denk- und Tool-Schritte eines Agenten als ruhige Liste: Status je Schritt, Dauer und Details im Collapsible. Der laufende Schritt ist per aria-busy markiert und schimmert dezent; bei reduzierter Bewegung bleibt er statisch.

Agentenlauf

Jeder Schritt zeigt Status und Dauer. Der laufende Schritt meldet aria-busy und bekommt einen Schimmer; Details liegen im Collapsible und bleiben eingeklappt.

  1. Aufgabe zerlegenAbgeschlossen900 ms
  2. Dokumentation durchsuchenLäuft
  3. Treffer prüfenAusstehend
  4. Antwort formulierenAusstehend

Zustände

Pending, running, done und error sind immer zusätzlich als Text hinterlegt – Farbe und Icon allein tragen die Bedeutung nicht.

  1. Wartet auf FreigabeAusstehend
  2. Lädt KontextLäuft
  3. Kontext geladenAbgeschlossen240 ms
  4. Aufruf fehlgeschlagenFehlgeschlagen1,4 s

Playground

Mit collapsible={false} stehen die Details dauerhaft unter dem Schritt.

  1. Aufgabe zerlegenAbgeschlossen900 ms
  2. Dokumentation durchsuchenLäuft
  3. Treffer prüfenAusstehend
  4. Antwort formulierenAusstehend