Approval request
Der Assistent fragt, bevor er Geld bewegt: was, wie viel, warum, dann Freigeben, Bearbeiten, Ablehnen.
import { ApprovalRequest } from "@/forma/ai/approval";Base
In FORMA
- Liegt in
kit/ai/approval.tsxund ist über@/forma/ai/approvalerreichbar. - FORMAs eigener Baustein, auf Arc gebaut: Arcs Buttons, Felder und Federn darunter, Farbe, Ecken, Höhen und Tempo aus der Richtung.
Usage
import { ApprovalRequest } from "@/forma/ai/approval";API reference
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | – | Verb und Objekt, z. B. „Miete an Lena zahlen“ |
amount | number | – | negativ ist Geld hinaus |
available | number | – | Kontostand; reicht er nicht, ist Freigeben aus |
reason | string | – | eine Zeile Begründung |
reasons | ApprovalReason[] | – | hinter „Warum?“, je mit Quelle |
state | "waiting" | "approved" | "declined" | "waiting" | nach der Wahl |
pending | boolean | false | Freigeben läuft |
Motion
- Nach der Wahl weichen die Buttons einem Status-Wort in gleicher Höhe; der Fokus wandert dorthin.
- „Warum?“ öffnet auf Arcs Feder.
Herkunft
- Aufbau und Inhalt nach design.how Lime (Arlan Marat), neu gebaut auf Arc: Arcs Buttons, Felder und Bewegung, Farben und Formen aus der Richtung.
Komponente und Text: Arc UI (MIT, uiarc.dev), angepasst für FORMA.