Freigabe (Human-in-the-Loop) — component.confirmation
Rückfrage vor einer folgenreichen Agenten-Aktion: Beschreibung, Details-Liste, Zustimmen/Ablehnen — nach der Wahl bleibt die Entscheidung sichtbar
Beispiele
Folgenreiche Aktion — Zustimmen oder Ablehnen (Entscheidung bleibt sichtbar)
Der Agent möchte E-Mails an die überfälligen Aufträge verschicken.
- Werkzeug
- smtp__send
- Empfänger
- Beispiel AG, Muster GmbH
- Vorlage
- zahlungserinnerung-freundlich
Bereits zugestimmt
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
title * | string | — |
text | string | "" |
details | array | [] |
approveLabel | string | "Zustimmen" |
denyLabel | string | "Ablehnen" |
tone | string: default | danger | "default" |
decision | string: open | approved | denied | "open" |
spacing | string: default | none | sm | md | lg | xl | "default" |
Events & Slots
Events: approve, deny
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--confirmation-action-on-primary | var(--color-action-on-primary) |
--confirmation-action-on-secondary | var(--color-action-on-secondary) |
--confirmation-action-primary | var(--color-action-primary) |
--confirmation-action-secondary | var(--color-action-secondary) |
--confirmation-action-secondary-border | var(--color-action-secondary-border) |
--confirmation-border-strong | var(--color-border-strong) |
--confirmation-radius-control | var(--radius-control) |
--confirmation-status-danger | var(--color-status-danger) |
--confirmation-status-success | var(--color-status-success) |
--confirmation-surface-default | var(--color-surface-default) |
--confirmation-text-default | var(--color-text-default) |
--confirmation-text-inverse | var(--color-text-inverse) |
--confirmation-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairline color.action.on-primary color.action.on-secondary color.action.primary color.action.secondary color.action.secondary-border color.border.strong color.status.danger color.status.success color.surface.default color.text.default color.text.inverse color.text.muted font.family.default font.family.mono leading.base radius.control size.12 size.2 size.24 size.4 size.6 size.8 text.md text.sm text.xs weight.semibold