Werkzeug-Aufruf (Tool Call) — UI-Kit-Galerie

Beispiele

Abgeschlossen mit Eingabe und Ergebnis (klicken zum Aufklappen)

snappy_cli__task_listfertig820 ms

Eingabe

{
  "filter": "overdue",
  "limit": 10
}

Ergebnis

2 Treffer:
#4712 Beispiel AG (3 Tage überfällig)
#4718 Muster GmbH (1 Tag überfällig)

Läuft gerade (Status pulsiert)

knowledge_base__searchläuft

Eingabe

{"query": "Rückgabefrist"}

Fehlgeschlagen

smtp__sendFehler

Ergebnis

Verbindung abgelehnt (Port 587)

Eigenschaften

Prop	Typ	Default	Builder-Label
name *	string	—	Werkzeug-Name
state	string: pending \| running \| done \| error	"done"	Zustand
input	string	""	Eingabe (JSON/Text)
output	string	""	Ergebnis
duration	string	""	Dauer
open	boolean	false	Aufgeklappt starten

* Pflicht-Prop

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.status.dangercolor.surface.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedduration.fasteasing.standardfont.family.defaultfont.family.monoradius.controlradius.smsize.2size.3text.smtext.xstracking.wideweight.semibold

LLM-Notizen

component.tool

Ein Werkzeug-Aufruf des Agenten. Zeigt Name, Zustand und — aufklappbar — Eingabe und Ergebnis.

Wichtige Props

name* (z.B. snappy_cli__task_list), state: pending|running|done|error, input, output, duration, open.

Beispiel-Node


{"definition": "component.tool", "props": {"name": "knowledge_base__search", "state": "running", "input": "{\"query\": \"Rückgabefrist\"}"}}

Hinweise

Gehört in den default-Slot einer component.message.
Ein-/Ausgabe werden immer escaped ausgegeben — beliebige Modell-Ausgaben sind sicher.
Für die Schritt-Planung davor: component.plan; für die Abarbeitung danach: component.task.