@wildo-ai/presets-components 1.1.4 → 1.1.6

package/dist/esm/components/ai-elements/decision/approval.js

@@ -1,8 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Badge, Button, ButtonVariants_Variant, ScrollArea, TextareaRoot, cn, useI18n, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Badge, Button, ButtonVariants_Variant, ScrollArea, SelectContent, SelectItem, SelectRoot, SelectTrigger, SelectValue, TextareaRoot, cn, useI18n, Surface, } from '@wildo-ai/saas-frontend-lib';
 import { FrontendComponentType, ButtonSize, SurfaceVariant } from "@wildo-ai/presets-components-models";
+import { ApprovalArgumentEditorMode, ApprovalArgumentFields, fieldsEditableArgumentsSchema } from "./approval-argument-fields.js";
 const CT = FrontendComponentType.LOW_LEVEL_AI_APPROVAL;
 //===============================================================
 //  Human-in-the-Loop Approval Components
@@ -40,7 +41,7 @@ function useCountdown(expiresAt) {
         : `${seconds}s`;
     return { remaining, isExpired: false };
 }
-export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, executionId, systemRef, expiresAt, requiredRoles, toolName, executionContext, allowArgumentModification, onApprove, onDeny, onEscalate, isProcessing, createdAt, className, ...props }) => {
+export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, executionId, systemRef, expiresAt, requiredRoles, toolName, executionContext, allowArgumentModification, argumentsSchema, argumentModificationError, rejectedArguments, reasonCodeOptions, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, reassignCandidates, onReassign, actionNotice, onPauseClock, onResumeClock, pauseStateOptions, deadlineNotice, clockPausedNotice, answerable = true, isProcessing, createdAt, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const { remaining, isExpired } = useCountdown(expiresAt);
     const variant = riskLevel === "critical" || riskLevel === "high" ? "destructive" : "default";
@@ -52,10 +53,23 @@ export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, e
      * arguments, so the starting point is the call the agent asked for and an approver changes one
      * value rather than retyping the object.
      */
-    const [draft, setDraft] = React.useState(null);
+    const fieldsSchema = React.useMemo(() => fieldsEditableArgumentsSchema(argumentsSchema), [argumentsSchema]);
+    /*
+     * A refused edit reopens on what the approver SUBMITTED (#587). The request unmounted while its
+     * decision was in flight, so without this the approver would land back on the model's proposal and
+     * lose the change the server has just explained.
+     */
+    const reopenedOn = argumentModificationError !== undefined ? (rejectedArguments ?? executionContext) : undefined;
+    const [editorMode, setEditorMode] = React.useState(() => reopenedOn === undefined ? null : fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON);
+    // The value the field editor (re)mounts on — replaced when the approver switches back from JSON.
+    const [fieldsSeed, setFieldsSeed] = React.useState(() => reopenedOn ?? executionContext ?? {});
+    const [fieldsEdit, setFieldsEdit] = React.useState({
+        value: undefined,
+        invalid: false,
+    });
+    const handleFieldsChange = React.useCallback((next) => setFieldsEdit(next), []);
+    const [draft, setDraft] = React.useState(() => JSON.stringify(reopenedOn ?? executionContext ?? {}, null, 2));
     const parsedDraft = React.useMemo(() => {
-        if (draft === null)
-            return { value: undefined, invalid: false };
         try {
             const value = JSON.parse(draft);
             // An array or a scalar is valid JSON and cannot be a tool's arguments. Refusing it HERE spares
@@ -70,23 +84,99 @@ export const AI_ApprovalRequest = ({ approvalId, actionDescription, riskLevel, e
     }, [draft]);
     if (!isReady)
         return null;
-    return (_jsxs(Alert, { variant: variant, className: cn("flex flex-col gap-card-sm", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [riskLevel && (_jsx(Badge, { variant: riskLevel === "critical" || riskLevel === "high" ? "destructive" : "outline", className: "text-2xs", children: tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}`) })), systemRef && (_jsx("span", { className: "text-2xs text-muted-foreground", children: systemRef }))] }), remaining && (_jsx(Badge, { variant: "secondary", className: "text-2xs tabular-nums", children: tComponent(CT, "expiresCountdown", { time: remaining }) })), isExpired && (_jsx(Badge, { variant: "destructive", className: "text-2xs", children: tComponent(CT, "expired") }))] }), _jsx(AlertDescription, { className: "text-sm", children: actionDescription }), requiredRoles && requiredRoles.length > 0 && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "requiredRoles"), ":"] }), _jsx("div", { className: "flex gap-1", children: requiredRoles.map((role) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: role }, role))) })] })), toolName !== undefined && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolCall"), ":"] }), _jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-2xs font-mono", children: toolName })] })), executionContext && Object.keys(executionContext).length > 0 && (_jsxs("div", { className: "flex flex-col gap-element", children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolArguments"), ":"] }), allowArgumentModification && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing || isExpired, onClick: () => setDraft(draft === null ? JSON.stringify(executionContext, null, 2) : null), children: tComponent(CT, draft === null ? "editArguments" : "discardArgumentEdits") }))] }), draft === null ? (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs", children: Object.entries(executionContext).map(([key, value]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "font-mono text-muted-foreground", children: key }), _jsx("dd", { className: "min-w-0 break-words font-mono", children: typeof value === "string" || typeof value === "number" || typeof value === "boolean"
+    return (_jsxs(Alert, { variant: variant, className: cn("flex flex-col gap-card-sm", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [riskLevel && (_jsx(Badge, { variant: riskLevel === "critical" || riskLevel === "high" ? "destructive" : "outline", className: "text-2xs", children: tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}`) })), systemRef && (_jsx("span", { className: "text-2xs text-muted-foreground", children: systemRef }))] }), remaining && (_jsx(Badge, { variant: "secondary", className: "text-2xs tabular-nums", children: tComponent(CT, "expiresCountdown", { time: remaining }) })), isExpired && (_jsx(Badge, { variant: "destructive", className: "text-2xs", children: tComponent(CT, "expired") }))] }), _jsx(AlertDescription, { className: "text-sm", children: actionDescription }), clockPausedNotice !== undefined ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: clockPausedNotice })) : deadlineNotice !== undefined ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: deadlineNotice })) : null, requiredRoles && requiredRoles.length > 0 && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "requiredRoles"), ":"] }), _jsx("div", { className: "flex gap-1", children: requiredRoles.map((role) => (_jsx(Badge, { variant: "outline", className: "text-2xs", children: role }, role))) })] })), toolName !== undefined && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolCall"), ":"] }), _jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-2xs font-mono", children: toolName })] })), executionContext && Object.keys(executionContext).length > 0 && (_jsxs("div", { className: "flex flex-col gap-element", children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("span", { className: "text-2xs text-muted-foreground", children: [tComponent(CT, "toolArguments"), ":"] }), allowArgumentModification && (_jsxs("div", { className: "flex items-center gap-1", children: [editorMode !== null && fieldsSchema && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing || isExpired || (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid), onClick: () => {
+                                            if (editorMode === ApprovalArgumentEditorMode.FIELDS) {
+                                                setDraft(JSON.stringify(fieldsEdit.value ?? fieldsSeed, null, 2));
+                                                setEditorMode(ApprovalArgumentEditorMode.JSON);
+                                            }
+                                            else if (parsedDraft.value) {
+                                                setFieldsSeed(parsedDraft.value);
+                                                setEditorMode(ApprovalArgumentEditorMode.FIELDS);
+                                            }
+                                        }, children: tComponent(CT, editorMode === ApprovalArgumentEditorMode.FIELDS ? "editArgumentsAsJson" : "editArgumentsAsFields") })), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing || isExpired, onClick: () => {
+                                            if (editorMode !== null) {
+                                                setEditorMode(null);
+                                                return;
+                                            }
+                                            // Opening always starts from the call the agent PROPOSED.
+                                            const proposed = executionContext ?? {};
+                                            setFieldsSeed(proposed);
+                                            setDraft(JSON.stringify(proposed, null, 2));
+                                            setEditorMode(fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON);
+                                        }, children: tComponent(CT, editorMode === null ? "editArguments" : "discardArgumentEdits") })] }))] }), argumentModificationError !== undefined && editorMode !== null && (_jsxs("span", { className: "text-2xs text-destructive", children: [tComponent(CT, "argumentModificationRefused"), ": ", argumentModificationError] })), editorMode === null ? (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs", children: Object.entries(executionContext).map(([key, value]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "font-mono text-muted-foreground", children: key }), _jsx("dd", { className: "min-w-0 break-words font-mono", children: typeof value === "string" || typeof value === "number" || typeof value === "boolean"
                                             ? String(value)
-                                            : JSON.stringify(value) })] }, key))) }) })) : (_jsxs(_Fragment, { children: [_jsx(TextareaRoot, { rows: Math.min(12, Object.keys(executionContext).length + 3), value: draft, onChange: (e) => setDraft(e.target.value), className: "font-mono text-2xs", disabled: isProcessing || isExpired, "aria-invalid": parsedDraft.invalid || undefined, "aria-label": tComponent(CT, "editArguments") }), parsedDraft.invalid && (_jsx("span", { className: "text-2xs text-destructive", children: tComponent(CT, "argumentsNotValidJson") }))] }))] })), _jsx(AI_ApprovalActions, { approvalId: approvalId, riskLevel: riskLevel, onApprove: onApprove, onDeny: onDeny, onEscalate: onEscalate, isProcessing: isProcessing, 
+                                            : JSON.stringify(value) })] }, key))) }) })) : editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsSchema ? (_jsx(ApprovalArgumentFields, { schema: fieldsSchema, initialValue: fieldsSeed, disabled: isProcessing || isExpired, invalidJsonMessage: tComponent(CT, "argumentValueNotValidJson"), onChange: handleFieldsChange })) : (_jsxs(_Fragment, { children: [_jsx(TextareaRoot, { rows: Math.min(12, Object.keys(executionContext).length + 3), value: draft, onChange: (e) => setDraft(e.target.value), className: "font-mono text-2xs", disabled: isProcessing || isExpired, "aria-invalid": parsedDraft.invalid || undefined, "aria-label": tComponent(CT, "editArguments") }), parsedDraft.invalid && (_jsx("span", { className: "text-2xs text-destructive", children: tComponent(CT, "argumentsNotValidJson") }))] }))] })), !answerable ? (actionNotice !== undefined && _jsx("span", { role: "status", className: "text-2xs text-muted-foreground", children: actionNotice })) : (_jsx(AI_ApprovalActions, { approvalId: approvalId, riskLevel: riskLevel, onApprove: onApprove, onDeny: onDeny, onEscalate: onEscalate, onClaim: onClaim, onUnclaim: onUnclaim, onReassignOpen: onReassignOpen, reassignCandidates: reassignCandidates, onReassign: onReassign, actionNotice: actionNotice, onPauseClock: onPauseClock, onResumeClock: onResumeClock, pauseStateOptions: pauseStateOptions, reasonCodeOptions: reasonCodeOptions, isProcessing: isProcessing, 
                 // Approving with unparseable text would send nothing and silently run the model's own
                 // arguments — a change collected and dropped, which is the one outcome this feature exists
                 // to prevent. The button is unavailable until the draft is an object.
-                disabled: isExpired || parsedDraft.invalid, modifiedToolArgs: parsedDraft.value })] }));
+                disabled: isExpired
+                    || (editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsEdit.invalid)
+                    || (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid), 
+                // Whatever the approver is authoring in — and `undefined` whenever the editor is closed, which is
+                // what "run the call as proposed" means on the wire.
+                modifiedToolArgs: editorMode === ApprovalArgumentEditorMode.FIELDS
+                    ? fieldsEdit.value
+                    : editorMode === ApprovalArgumentEditorMode.JSON
+                        ? parsedDraft.value
+                        : undefined }))] }));
 };
-export const AI_ApprovalActions = ({ approvalId, riskLevel, modifiedToolArgs, onApprove, onDeny, onEscalate, isProcessing, disabled, className, ...props }) => {
+export const AI_ApprovalActions = ({ approvalId, riskLevel, modifiedToolArgs, reasonCodeOptions, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, reassignCandidates, onReassign, actionNotice, onPauseClock, onResumeClock, pauseStateOptions, isProcessing, disabled, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const [comment, setComment] = React.useState("");
+    /*
+     * #1921 — the reason an approver gives for a CORRECTION. `undefined` until one is chosen, and optional throughout.
+     *
+     * Offered only on the two answers that correct the agent: an EDITED approval (the editor is open, so
+     * `modifiedToolArgs` is defined) and a rejection. Approving the call as proposed is agreement, so a reason there would
+     * enter the record as the reason for a correction that never happened — it is never sent then, even if one was
+     * picked while the editor was open. A rejection needs somewhere to choose BEFORE it is sent, so with reasons on offer
+     * Reject opens a picker and a confirm button, the pattern Reassign and Pause already use.
+     */
+    const [reasonCode, setReasonCode] = React.useState(undefined);
+    const [rejecting, setRejecting] = React.useState(false);
+    const offersReasons = (reasonCodeOptions?.length ?? 0) > 0;
+    const isModifying = modifiedToolArgs !== undefined;
+    // The reason rides as a TRAILING argument only when there is one, so an answer with no reason is called exactly as it
+    // was before reasons existed — `(id, comment, args)` — and a consumer written against that shape sees no change.
+    const correctionReason = reasonCode !== undefined ? [reasonCode] : [];
+    const approvalReason = isModifying ? correctionReason : [];
+    // #1628 — `null` while the pause picker is closed; the chosen reason once one is picked.
+    const [pausing, setPausing] = React.useState(null);
+    const canPause = !!onPauseClock && (pauseStateOptions?.length ?? 0) > 0;
+    // `null` while the picker is closed; the chosen person's id once one is picked.
+    const [reassigning, setReassigning] = React.useState(null);
     const isHighRisk = riskLevel === "high" || riskLevel === "critical";
     const actionsDisabled = isProcessing || disabled;
     if (!isReady)
         return null;
-    const approveButton = (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.SM, disabled: actionsDisabled, onClick: isHighRisk ? undefined : () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs), children: isProcessing ? tComponent(CT, "processing") : tComponent(CT, "approve") }));
-    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), ...props, children: [_jsx(TextareaRoot, { rows: 2, value: comment, onChange: (e) => setComment(e.target.value), placeholder: tComponent(CT, "commentPlaceholder"), className: "text-xs", disabled: actionsDisabled }), _jsxs("div", { className: "flex items-center gap-element", children: [isHighRisk ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: approveButton }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: tComponent(CT, "confirmTitle") }), _jsx(AlertDialogDescription, { children: tComponent(CT, "confirmDescription") })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: tComponent(CT, "confirmCancel") }), _jsx(AlertDialogAction, { onClick: () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs), children: tComponent(CT, "confirmProceed") })] })] })] })) : (approveButton), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => onDeny?.(approvalId, comment || undefined), children: tComponent(CT, "deny") }), onEscalate && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => onEscalate?.(approvalId, comment || undefined), children: tComponent(CT, "escalate") }))] })] }));
+    const approveButton = (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.DEFAULT, size: ButtonSize.SM, disabled: actionsDisabled, onClick: isHighRisk ? undefined : () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs, ...approvalReason), children: isProcessing ? tComponent(CT, "processing") : tComponent(CT, "approve") }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-2", className), ...props, children: [_jsx(TextareaRoot, { rows: 2, value: comment, onChange: (e) => setComment(e.target.value), placeholder: tComponent(CT, "commentPlaceholder"), className: "text-xs", disabled: actionsDisabled }), _jsxs("div", { className: "flex items-center gap-element", children: [isHighRisk ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: approveButton }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: tComponent(CT, "confirmTitle") }), _jsx(AlertDialogDescription, { children: tComponent(CT, "confirmDescription") })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: tComponent(CT, "confirmCancel") }), _jsx(AlertDialogAction, { onClick: () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs, ...approvalReason), children: tComponent(CT, "confirmProceed") })] })] })] })) : (approveButton), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, disabled: actionsDisabled, "aria-expanded": offersReasons ? rejecting : undefined, onClick: () => {
+                            if (!offersReasons) {
+                                onDeny?.(approvalId, comment || undefined);
+                                return;
+                            }
+                            setRejecting(!rejecting);
+                        }, children: tComponent(CT, "deny") }), onEscalate && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => onEscalate?.(approvalId, comment || undefined), children: tComponent(CT, "escalate") })), onClaim && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, onClick: () => onClaim(approvalId), children: tComponent(CT, "claim") })), onUnclaim && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, onClick: () => onUnclaim(approvalId), children: tComponent(CT, "unclaim") })), canPause && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, "aria-expanded": pausing !== null, onClick: () => setPausing(pausing !== null ? null : { state: undefined }), children: tComponent(CT, "pauseClock") })), onResumeClock && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, onClick: () => onResumeClock(approvalId), children: tComponent(CT, "resumeClock") })), onReassign && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: isProcessing, "aria-expanded": reassigning !== null, onClick: () => {
+                            if (reassigning !== null) {
+                                setReassigning(null);
+                                return;
+                            }
+                            setReassigning({ target: undefined });
+                            onReassignOpen?.(approvalId);
+                        }, children: tComponent(CT, "reassign") }))] }), offersReasons && (isModifying || rejecting) && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs(SelectRoot, { value: reasonCode ?? "", onValueChange: (value) => setReasonCode(value || undefined), disabled: actionsDisabled, children: [_jsx(SelectTrigger, { className: "text-2xs", "aria-label": tComponent(CT, "reasonCode"), children: _jsx(SelectValue, { placeholder: tComponent(CT, "reasonCode") }) }), _jsx(SelectContent, { children: (reasonCodeOptions ?? []).map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), reasonCode !== undefined && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => setReasonCode(undefined), children: tComponent(CT, "reasonCodeClear") })), rejecting && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.DESTRUCTIVE, size: ButtonSize.SM, disabled: actionsDisabled, onClick: () => {
+                            onDeny?.(approvalId, comment || undefined, ...correctionReason);
+                            setRejecting(false);
+                        }, children: tComponent(CT, "denyConfirm") }))] })), onReassign && reassigning !== null && (_jsx("div", { className: "flex items-center gap-element", children: reassignCandidates === undefined ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: tComponent(CT, "processing") })) : reassignCandidates.length === 0 ? (_jsx("span", { className: "text-2xs text-muted-foreground", children: tComponent(CT, "reassignNoCandidates") })) : (_jsxs(_Fragment, { children: [_jsxs(SelectRoot, { value: reassigning.target, onValueChange: (target) => setReassigning({ target }), disabled: isProcessing, children: [_jsx(SelectTrigger, { className: "text-2xs", "aria-label": tComponent(CT, "reassignTarget"), children: _jsx(SelectValue, { placeholder: tComponent(CT, "reassignTarget") }) }), _jsx(SelectContent, { children: reassignCandidates.map((candidate) => (_jsx(SelectItem, { value: candidate.value, children: candidate.label }, candidate.value))) })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: isProcessing || reassigning.target === undefined, onClick: () => {
+                                if (reassigning.target === undefined)
+                                    return;
+                                onReassign(approvalId, reassigning.target, comment || undefined);
+                                setReassigning(null);
+                            }, children: tComponent(CT, "reassignConfirm") })] })) })), canPause && pausing !== null && (_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs(SelectRoot, { value: pausing.state, onValueChange: (state) => setPausing({ state }), disabled: isProcessing, children: [_jsx(SelectTrigger, { className: "text-2xs", "aria-label": tComponent(CT, "pauseClockState"), children: _jsx(SelectValue, { placeholder: tComponent(CT, "pauseClockState") }) }), _jsx(SelectContent, { children: (pauseStateOptions ?? []).map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.SECONDARY, size: ButtonSize.SM, disabled: isProcessing || pausing.state === undefined, onClick: () => {
+                            if (pausing.state === undefined || !onPauseClock)
+                                return;
+                            onPauseClock(approvalId, pausing.state);
+                            setPausing(null);
+                        }, children: tComponent(CT, "pauseClockConfirm") })] })), actionNotice !== undefined && (_jsx("span", { role: "status", className: "text-2xs text-muted-foreground", children: actionNotice }))] }));
 };
 //===============================================================
 //  AI_ApprovalQueue
@@ -105,7 +195,7 @@ function useRelativeTimeFormatter() {
         return tComponent(CT, "timeAgoHours", { count: String(hours) });
     }, [tComponent]);
 }
-export const AI_ApprovalQueue = ({ items, onApprove, onDeny, onEscalate, processingIds, filter, onFilterChange, className, ...props }) => {
+export const AI_ApprovalQueue = ({ items, onApprove, onDeny, onEscalate, onClaim, onUnclaim, onReassignOpen, onReassign, onPauseClock, onResumeClock, processingIds, filter, onFilterChange, className, ...props }) => {
     const { tComponent, isReady } = useI18n({ component: CT });
     const formatRelativeTime = useRelativeTimeFormatter();
     const [sortByRisk, setSortByRisk] = React.useState(true);
@@ -126,6 +216,8 @@ export const AI_ApprovalQueue = ({ items, onApprove, onDeny, onEscalate, process
     }, [items, activeFilter, sortByRisk]);
     if (!isReady)
         return null;
-    return (_jsxs("div", { className: cn("flex flex-col gap-card", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "queueTitle") }), _jsx(Badge, { variant: "secondary", children: items.length })] }), _jsx(Button, { type: "button", variant: sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "h-6 text-2xs", onClick: () => setSortByRisk(!sortByRisk), children: tComponent(CT, "queueSortRisk") })] }), items.length === 0 ? (_jsx("p", { className: "py-card text-center text-sm text-muted-foreground", children: tComponent(CT, "queueEmpty") })) : (_jsx(ScrollArea, { className: "max-h-96", children: _jsx("div", { className: "flex flex-col gap-card-sm", children: filtered.map((item) => (_jsxs("div", { className: "relative", children: [item.createdAt && (_jsx("span", { className: "absolute end-2 top-2 text-2xs text-muted-foreground", children: formatRelativeTime(item.createdAt) })), _jsx(AI_ApprovalRequest, { approvalId: item.approvalId, executionId: item.executionId, systemRef: item.systemRef, actionDescription: item.actionDescription, riskLevel: item.riskLevel, expiresAt: item.expiresAt, requiredRoles: item.requiredRoles, executionContext: item.executionContext, createdAt: item.createdAt, onApprove: onApprove, onDeny: onDeny, onEscalate: onEscalate, isProcessing: processingIds?.has(item.approvalId) })] }, item.approvalId))) }) }))] }));
+    return (_jsxs("div", { className: cn("flex flex-col gap-card", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-element", children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsx("h3", { className: "text-sm font-semibold", children: tComponent(CT, "queueTitle") }), _jsx(Badge, { variant: "secondary", children: items.length })] }), _jsx(Button, { type: "button", variant: sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST, size: ButtonSize.SM, className: "h-6 text-2xs", onClick: () => setSortByRisk(!sortByRisk), children: tComponent(CT, "queueSortRisk") })] }), items.length === 0 ? (_jsx("p", { className: "py-card text-center text-sm text-muted-foreground", children: tComponent(CT, "queueEmpty") })) : (_jsx(ScrollArea, { className: "max-h-96", children: _jsx("div", { className: "flex flex-col gap-card-sm", children: filtered.map((item) => (_jsxs("div", { className: "relative", children: [item.createdAt && (_jsx("span", { className: "absolute end-2 top-2 text-2xs text-muted-foreground", children: formatRelativeTime(item.createdAt) })), _jsx(AI_ApprovalRequest, { approvalId: item.approvalId, executionId: item.executionId, systemRef: item.systemRef, actionDescription: item.actionDescription, riskLevel: item.riskLevel, expiresAt: item.expiresAt, requiredRoles: item.requiredRoles, executionContext: item.executionContext, toolName: item.toolName, createdAt: item.createdAt, allowArgumentModification: item.allowArgumentModification, argumentsSchema: item.argumentsSchema, reasonCodeOptions: item.reasonCodeOptions, onApprove: onApprove, onDeny: onDeny, 
+                                // Per item, not per queue: an item offers only the acts its person may perform.
+                                onEscalate: item.canEscalate ? onEscalate : undefined, onClaim: item.canClaim ? onClaim : undefined, onUnclaim: item.canUnclaim ? onUnclaim : undefined, onReassignOpen: item.canReassign ? onReassignOpen : undefined, onReassign: item.canReassign ? onReassign : undefined, reassignCandidates: item.reassignCandidates, actionNotice: item.actionNotice, onPauseClock: item.canPauseClock ? onPauseClock : undefined, onResumeClock: item.canResumeClock ? onResumeClock : undefined, pauseStateOptions: item.pauseStateOptions, deadlineNotice: item.deadlineNotice, clockPausedNotice: item.clockPausedNotice, isProcessing: processingIds?.has(item.approvalId) })] }, item.approvalId))) }) }))] }));
 };
 //# sourceMappingURL=approval.js.map

package/dist/esm/components/ai-elements/decision/approval.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../../../src/components/ai-elements/decision/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Alert,\n  AlertDescription,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  ButtonVariants_Variant,\n  ScrollArea,\n  TextareaRoot,\n  cn,\n  useI18n,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, ButtonSize, SurfaceVariant } from \"@wildo-ai/presets-components-models\";\nimport type { ComponentProps } from \"react\";\n\nconst CT: FrontendComponentType = FrontendComponentType.LOW_LEVEL_AI_APPROVAL;\n\n//===============================================================\n//  Human-in-the-Loop Approval Components\n//\n// BACKEND DEPENDENCIES:\n// - FlowsActorsContext.respondToApproval() — implemented (WebSocket emit)\n// - WebSocket event: FLOWS_ACTORS_APPROVAL_REQUEST — implemented\n// - FlowsActorsExecution.pendingApproval — schema ready:\n//   { approvalId, actionDescription, riskLevel, expiresAt?, requiredRoles? }\n//\n// Components render approval UI from props. Wire to context via\n// the saas-frontend-lib wrapper (flows-actors/approval.tsx).\n//===============================================================\n\n//===============================================================\n//  useCountdown — shared countdown hook\n//===============================================================\n\nfunction useCountdown(expiresAt: Date | undefined): { remaining: string | null; isExpired: boolean } {\n  const [now, setNow] = React.useState(() => Date.now());\n\n  React.useEffect(() => {\n    if (!expiresAt) return;\n    const id = setInterval(() => setNow(Date.now()), 1_000);\n    return () => clearInterval(id);\n  }, [expiresAt]);\n\n  if (!expiresAt) return { remaining: null, isExpired: false };\n\n  const diff = expiresAt.getTime() - now;\n  if (diff <= 0) return { remaining: null, isExpired: true };\n\n  const totalSeconds = Math.floor(diff / 1_000);\n  const minutes = Math.floor(totalSeconds / 60);\n  const seconds = totalSeconds % 60;\n  const remaining = minutes > 0\n    ? `${minutes}m ${String(seconds).padStart(2, \"0\")}s`\n    : `${seconds}s`;\n\n  return { remaining, isExpired: false };\n}\n\n//===============================================================\n//  AI_ApprovalRequest\n//===============================================================\n\nexport type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & {\n  approvalId: string;\n  actionDescription: string;\n  /**\n   * OPTIONAL, because nothing populates it. A risk level exists only on\n   * `WS_FlowsActorsApprovalRequestPayload`, a payload no code emits; the announcement a paused turn\n   * really sends carries a tool name and its arguments and no risk claim (#528). Absent means the\n   * badge is not rendered — a default here would show a severity nobody declared.\n   */\n  riskLevel?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  executionId: string;\n  systemRef?: string;\n  expiresAt?: Date;\n  requiredRoles?: string[];\n  /**\n   * The gated tool call, and the arguments proposed for it.\n   *\n   * `toolName` is an IDENTIFIER, rendered as authored — it is the thing the agent asked to run,\n   * and humanizing it here would invent display text no i18n tree owns.\n   * `executionContext` carries the arguments (#455).\n   */\n  toolName?: string;\n  executionContext?: Record<string, unknown>;\n  /**\n   * Offer the approver an EDITOR over the proposed arguments (#566).\n   *\n   * Off by default, and it is not a styling preference: turning it on changes what an approval MEANS\n   * — the approver stops assenting to the agent's call and starts authoring one. A surface that\n   * shows the editor must be wired to a decision path that carries the result, or it collects a\n   * change and drops it, which is the failure #537 refused to ship.\n   *\n   * v1 is a RAW JSON editor rather than a generated form. The tool's `inputSchema` is not\n   * transported to the browser yet, and the server's validation — not the browser's — is the\n   * control, so a textarea the server refuses with a readable message is a complete and honest\n   * first version. The generated form is its own issue.\n   */\n  allowArgumentModification?: boolean;\n  /**\n   * `modifiedToolArgs` is present only when the approver EDITED the arguments. Absent means \"run the\n   * call as proposed\", which is what every approval meant before this parameter existed.\n   */\n  onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>) => void;\n  onDeny?: (approvalId: string, comment?: string) => void;\n  onEscalate?: (approvalId: string, comment?: string) => void;\n  isProcessing?: boolean;\n  createdAt?: Date;\n};\n\nexport const AI_ApprovalRequest = ({\n  approvalId,\n  actionDescription,\n  riskLevel,\n  executionId,\n  systemRef,\n  expiresAt,\n  requiredRoles,\n  toolName,\n  executionContext,\n  allowArgumentModification,\n  onApprove,\n  onDeny,\n  onEscalate,\n  isProcessing,\n  createdAt,\n  className,\n  ...props\n}: AI_ApprovalRequestProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { remaining, isExpired } = useCountdown(expiresAt);\n  const variant = riskLevel === \"critical\" || riskLevel === \"high\" ? \"destructive\" : \"default\";\n\n  /*\n   * The argument editor's state (#566).\n   *\n   * `draft` is `null` while the approver is reading rather than editing — distinct from an empty\n   * string, which is a draft they have cleared. Opening the editor seeds it from the PROPOSED\n   * arguments, so the starting point is the call the agent asked for and an approver changes one\n   * value rather than retyping the object.\n   */\n  const [draft, setDraft] = React.useState<string | null>(null);\n  const parsedDraft = React.useMemo(() => {\n    if (draft === null) return { value: undefined, invalid: false };\n    try {\n      const value = JSON.parse(draft) as unknown;\n      // An array or a scalar is valid JSON and cannot be a tool's arguments. Refusing it HERE spares\n      // the round trip; the server refuses it too, which is what actually protects the call.\n      if (value === null || typeof value !== \"object\" || Array.isArray(value)) return { value: undefined, invalid: true };\n      return { value: value as Record<string, unknown>, invalid: false };\n    } catch {\n      return { value: undefined, invalid: true };\n    }\n  }, [draft]);\n\n  if (!isReady) return null;\n\n  return (\n    <Alert variant={variant} className={cn(\"flex flex-col gap-card-sm\", className)} {...props}>\n      <div className=\"flex items-center justify-between gap-element\">\n        <div className=\"flex items-center gap-element\">\n          {riskLevel && (\n            <Badge\n              variant={riskLevel === \"critical\" || riskLevel === \"high\" ? \"destructive\" : \"outline\"}\n              className=\"text-2xs\"\n            >\n              {tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}` as any)}\n            </Badge>\n          )}\n          {systemRef && (\n            <span className=\"text-2xs text-muted-foreground\">{systemRef}</span>\n          )}\n        </div>\n\n        {/* Countdown / Expired indicator */}\n        {remaining && (\n          <Badge variant=\"secondary\" className=\"text-2xs tabular-nums\">\n            {tComponent(CT, \"expiresCountdown\", { time: remaining })}\n          </Badge>\n        )}\n        {isExpired && (\n          <Badge variant=\"destructive\" className=\"text-2xs\">\n            {tComponent(CT, \"expired\")}\n          </Badge>\n        )}\n      </div>\n\n      <AlertDescription className=\"text-sm\">\n        {actionDescription}\n      </AlertDescription>\n\n      {/* Required roles display */}\n      {requiredRoles && requiredRoles.length > 0 && (\n        <div className=\"flex items-center gap-element\">\n          <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"requiredRoles\")}:</span>\n          <div className=\"flex gap-1\">\n            {requiredRoles.map((role) => (\n              <Badge key={role} variant=\"outline\" className=\"text-2xs\">\n                {role}\n              </Badge>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* The gated tool call — WHAT the approver is being asked to authorize (#455). */}\n      {toolName !== undefined && (\n        <div className=\"flex items-center gap-element\">\n          <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolCall\")}:</span>\n          {/*\n            * Rendered as authored. A tool name is an IDENTIFIER the agent runtime owns, and turning\n            * `renameTodo` into \"Rename Todo\" would invent display text no i18n tree can correct —\n            * the exact fallback `display-text-comes-from-i18n.md` retired. The approver is better\n            * served by the name the system will actually run.\n            */}\n          <code className=\"rounded bg-muted px-1 py-0.5 text-2xs font-mono\">{toolName}</code>\n        </div>\n      )}\n\n      {/*\n        * The proposed ARGUMENTS, one row per key, expanded by default.\n        *\n        * This was a collapsed `JSON.stringify` in a `<pre>`. Two things were wrong with that and only\n        * the second is cosmetic: a blob is not readable at approval speed, and COLLAPSED-BY-DEFAULT\n        * hides the very thing being approved — an approver who never opens it is signing an unread\n        * document, which is how an approval prompt stops being read at all.\n        *\n        * Keys render VERBATIM. They are the tool's own parameter names, they carry no i18n entry, and\n        * humanizing them is forbidden for the same reason as the tool name. A value that is not a\n        * primitive is serialized, because a nested object has no honest one-line form — and that\n        * narrow case is the only place a JSON fragment survives.\n        */}\n      {executionContext && Object.keys(executionContext).length > 0 && (\n        <div className=\"flex flex-col gap-element\">\n          <div className=\"flex items-center justify-between gap-element\">\n            <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolArguments\")}:</span>\n            {/*\n              * The door to approve-with-modifications (#566), rendered only when the surface's owner\n              * declared it. An approver who edits these is AUTHORING a call the agent never\n              * proposed, so it is opt-in per surface rather than always present.\n              */}\n            {allowArgumentModification && (\n              <Button\n                type=\"button\"\n                variant={ButtonVariants_Variant.GHOST}\n                size={ButtonSize.SM}\n                disabled={isProcessing || isExpired}\n                onClick={() => setDraft(draft === null ? JSON.stringify(executionContext, null, 2) : null)}\n              >\n                {tComponent(CT, draft === null ? \"editArguments\" : \"discardArgumentEdits\")}\n              </Button>\n            )}\n          </div>\n          {draft === null ? (\n            <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n              <dl className=\"grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs\">\n                {Object.entries(executionContext).map(([key, value]) => (\n                  <React.Fragment key={key}>\n                    <dt className=\"font-mono text-muted-foreground\">{key}</dt>\n                    <dd className=\"min-w-0 break-words font-mono\">\n                      {typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\"\n                        ? String(value)\n                        : JSON.stringify(value)}\n                    </dd>\n                  </React.Fragment>\n                ))}\n              </dl>\n            </Surface>\n          ) : (\n            <>\n              <TextareaRoot\n                rows={Math.min(12, Object.keys(executionContext).length + 3)}\n                value={draft}\n                onChange={(e) => setDraft(e.target.value)}\n                className=\"font-mono text-2xs\"\n                disabled={isProcessing || isExpired}\n                aria-invalid={parsedDraft.invalid || undefined}\n                aria-label={tComponent(CT, \"editArguments\")}\n              />\n              {/*\n                * Local JSON validity only. Whether these arguments SUIT the tool is the server's\n                * question — it holds the tool's `inputSchema`, refuses an edit that violates it, and\n                * leaves the approval pending with a message naming the offending argument. Judging\n                * that here would be a second, weaker copy of the control.\n                */}\n              {parsedDraft.invalid && (\n                <span className=\"text-2xs text-destructive\">{tComponent(CT, \"argumentsNotValidJson\")}</span>\n              )}\n            </>\n          )}\n        </div>\n      )}\n\n      <AI_ApprovalActions\n        approvalId={approvalId}\n        riskLevel={riskLevel}\n        onApprove={onApprove}\n        onDeny={onDeny}\n        onEscalate={onEscalate}\n        isProcessing={isProcessing}\n        // Approving with unparseable text would send nothing and silently run the model's own\n        // arguments — a change collected and dropped, which is the one outcome this feature exists\n        // to prevent. The button is unavailable until the draft is an object.\n        disabled={isExpired || parsedDraft.invalid}\n        modifiedToolArgs={parsedDraft.value}\n      />\n    </Alert>\n  );\n};\n\n//===============================================================\n//  AI_ApprovalActions\n//===============================================================\n\nexport type AI_ApprovalActionsProps = ComponentProps<\"div\"> & {\n  approvalId: string;\n  riskLevel?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  /** Present only while the approver has the argument editor open with a parseable draft (#566). */\n  modifiedToolArgs?: Record<string, unknown>;\n  onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>) => void;\n  onDeny?: (approvalId: string, comment?: string) => void;\n  onEscalate?: (approvalId: string, comment?: string) => void;\n  isProcessing?: boolean;\n  disabled?: boolean;\n};\n\nexport const AI_ApprovalActions = ({\n  approvalId,\n  riskLevel,\n  modifiedToolArgs,\n  onApprove,\n  onDeny,\n  onEscalate,\n  isProcessing,\n  disabled,\n  className,\n  ...props\n}: AI_ApprovalActionsProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const [comment, setComment] = React.useState(\"\");\n  const isHighRisk = riskLevel === \"high\" || riskLevel === \"critical\";\n  const actionsDisabled = isProcessing || disabled;\n\n  if (!isReady) return null;\n\n  const approveButton = (\n    <Button\n      type=\"button\"\n      variant={ButtonVariants_Variant.DEFAULT}\n      size={ButtonSize.SM}\n      disabled={actionsDisabled}\n      onClick={isHighRisk ? undefined : () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs)}\n    >\n      {isProcessing ? tComponent(CT, \"processing\") : tComponent(CT, \"approve\")}\n    </Button>\n  );\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)} {...props}>\n      {/* Comment textarea */}\n      <TextareaRoot\n        rows={2}\n        value={comment}\n        onChange={(e) => setComment(e.target.value)}\n        placeholder={tComponent(CT, \"commentPlaceholder\")}\n        className=\"text-xs\"\n        disabled={actionsDisabled}\n      />\n\n      <div className=\"flex items-center gap-element\">\n        {/* Approve — with confirmation dialog for high/critical risk */}\n        {isHighRisk ? (\n          <AlertDialog>\n            <AlertDialogTrigger asChild>\n              {approveButton}\n            </AlertDialogTrigger>\n            <AlertDialogContent>\n              <AlertDialogHeader>\n                <AlertDialogTitle>{tComponent(CT, \"confirmTitle\")}</AlertDialogTitle>\n                <AlertDialogDescription>{tComponent(CT, \"confirmDescription\")}</AlertDialogDescription>\n              </AlertDialogHeader>\n              <AlertDialogFooter>\n                <AlertDialogCancel>{tComponent(CT, \"confirmCancel\")}</AlertDialogCancel>\n                <AlertDialogAction onClick={() => onApprove?.(approvalId, comment || undefined, modifiedToolArgs)}>\n                  {tComponent(CT, \"confirmProceed\")}\n                </AlertDialogAction>\n              </AlertDialogFooter>\n            </AlertDialogContent>\n          </AlertDialog>\n        ) : (\n          approveButton\n        )}\n\n        {/* Deny */}\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.OUTLINE}\n          size={ButtonSize.SM}\n          disabled={actionsDisabled}\n          onClick={() => onDeny?.(approvalId, comment || undefined)}\n        >\n          {tComponent(CT, \"deny\")}\n        </Button>\n\n        {/* Escalate (optional) */}\n        {onEscalate && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.SECONDARY}\n            size={ButtonSize.SM}\n            disabled={actionsDisabled}\n            onClick={() => onEscalate?.(approvalId, comment || undefined)}\n          >\n            {tComponent(CT, \"escalate\")}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n};\n\n//===============================================================\n//  AI_ApprovalQueue\n//===============================================================\n\nconst RISK_ORDER: Record<string, number> = { critical: 0, high: 1, medium: 2, low: 3 };\n\nexport type AI_ApprovalQueueItem = {\n  approvalId: string;\n  executionId: string;\n  systemRef: string;\n  actionDescription: string;\n  /** OPTIONAL for the same reason as on a single request — nothing populates it (#528). */\n  riskLevel?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  expiresAt?: Date;\n  requiredRoles?: string[];\n  executionContext?: Record<string, unknown>;\n  createdAt?: Date;\n};\n\nexport type AI_ApprovalQueueProps = ComponentProps<\"div\"> & {\n  items: AI_ApprovalQueueItem[];\n  onApprove?: (approvalId: string, comment?: string) => void;\n  onDeny?: (approvalId: string, comment?: string) => void;\n  onEscalate?: (approvalId: string, comment?: string) => void;\n  processingIds?: Set<string>;\n  filter?: string;\n  onFilterChange?: (filter: string) => void;\n};\n\nfunction useRelativeTimeFormatter(): (date: Date) => string {\n  const { tComponent } = useI18n({ component: CT });\n  return React.useCallback((date: Date): string => {\n    const seconds = Math.floor((Date.now() - date.getTime()) / 1_000);\n    if (seconds < 60) return tComponent(CT, \"timeAgoSeconds\", { count: String(seconds) });\n    const minutes = Math.floor(seconds / 60);\n    if (minutes < 60) return tComponent(CT, \"timeAgoMinutes\", { count: String(minutes) });\n    const hours = Math.floor(minutes / 60);\n    return tComponent(CT, \"timeAgoHours\", { count: String(hours) });\n  }, [tComponent]);\n}\n\nexport const AI_ApprovalQueue = ({\n  items,\n  onApprove,\n  onDeny,\n  onEscalate,\n  processingIds,\n  filter,\n  onFilterChange,\n  className,\n  ...props\n}: AI_ApprovalQueueProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const formatRelativeTime = useRelativeTimeFormatter();\n  const [sortByRisk, setSortByRisk] = React.useState(true);\n  const [internalFilter, setInternalFilter] = React.useState(\"\");\n\n  const activeFilter = filter ?? internalFilter;\n\n  const filtered = React.useMemo(() => {\n    let result = items;\n    if (activeFilter) {\n      const q = activeFilter.toLowerCase();\n      result = result.filter((i) =>\n        i.systemRef.toLowerCase().includes(q) ||\n        i.actionDescription.toLowerCase().includes(q) ||\n        i.executionId.toLowerCase().includes(q)\n      );\n    }\n    if (sortByRisk) {\n      result = [...result].sort((a, b) =>\n        (RISK_ORDER[a.riskLevel] ?? 4) - (RISK_ORDER[b.riskLevel] ?? 4)\n      );\n    }\n    return result;\n  }, [items, activeFilter, sortByRisk]);\n\n  if (!isReady) return null;\n\n  return (\n    <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n      <div className=\"flex items-center justify-between gap-element\">\n        <div className=\"flex items-center gap-element\">\n          <h3 className=\"text-sm font-semibold\">\n            {tComponent(CT, \"queueTitle\")}\n          </h3>\n          <Badge variant=\"secondary\">{items.length}</Badge>\n        </div>\n\n        <Button\n          type=\"button\"\n          variant={sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n          size={ButtonSize.SM}\n          className=\"h-6 text-2xs\"\n          onClick={() => setSortByRisk(!sortByRisk)}\n        >\n          {tComponent(CT, \"queueSortRisk\")}\n        </Button>\n      </div>\n\n      {items.length === 0 ? (\n        <p className=\"py-card text-center text-sm text-muted-foreground\">\n          {tComponent(CT, \"queueEmpty\")}\n        </p>\n      ) : (\n        <ScrollArea className=\"max-h-96\">\n          <div className=\"flex flex-col gap-card-sm\">\n            {filtered.map((item) => (\n              <div key={item.approvalId} className=\"relative\">\n                {item.createdAt && (\n                  <span className=\"absolute end-2 top-2 text-2xs text-muted-foreground\">\n                    {formatRelativeTime(item.createdAt)}\n                  </span>\n                )}\n                <AI_ApprovalRequest\n                  approvalId={item.approvalId}\n                  executionId={item.executionId}\n                  systemRef={item.systemRef}\n                  actionDescription={item.actionDescription}\n                  riskLevel={item.riskLevel}\n                  expiresAt={item.expiresAt}\n                  requiredRoles={item.requiredRoles}\n                  executionContext={item.executionContext}\n                  createdAt={item.createdAt}\n                  onApprove={onApprove}\n                  onDeny={onDeny}\n                  onEscalate={onEscalate}\n                  isProcessing={processingIds?.has(item.approvalId)}\n                />\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/approval.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Alert,\n  AlertDescription,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  ButtonVariants_Variant,\n  ScrollArea,\n  SelectContent,\n  SelectItem,\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  TextareaRoot,\n  cn,\n  useI18n,\n  Surface,\n} from '@wildo-ai/saas-frontend-lib';\nimport type { SerializableZodSchema } from '@wildo-ai/zod-decorators';\n\nimport { FrontendComponentType, ButtonSize, SurfaceVariant } from \"@wildo-ai/presets-components-models\";\nimport { ApprovalArgumentEditorMode, ApprovalArgumentFields, fieldsEditableArgumentsSchema } from \"./approval-argument-fields\";\nimport type { ComponentProps } from \"react\";\n\nconst CT: FrontendComponentType = FrontendComponentType.LOW_LEVEL_AI_APPROVAL;\n\n//===============================================================\n//  Human-in-the-Loop Approval Components\n//\n// BACKEND DEPENDENCIES:\n// - FlowsActorsContext.respondToApproval() — implemented (WebSocket emit)\n// - WebSocket event: FLOWS_ACTORS_APPROVAL_REQUEST — implemented\n// - FlowsActorsExecution.pendingApproval — schema ready:\n//   { approvalId, actionDescription, riskLevel, expiresAt?, requiredRoles? }\n//\n// Components render approval UI from props. Wire to context via\n// the saas-frontend-lib wrapper (flows-actors/approval.tsx).\n//===============================================================\n\n//===============================================================\n//  useCountdown — shared countdown hook\n//===============================================================\n\nfunction useCountdown(expiresAt: Date | undefined): { remaining: string | null; isExpired: boolean } {\n  const [now, setNow] = React.useState(() => Date.now());\n\n  React.useEffect(() => {\n    if (!expiresAt) return;\n    const id = setInterval(() => setNow(Date.now()), 1_000);\n    return () => clearInterval(id);\n  }, [expiresAt]);\n\n  if (!expiresAt) return { remaining: null, isExpired: false };\n\n  const diff = expiresAt.getTime() - now;\n  if (diff <= 0) return { remaining: null, isExpired: true };\n\n  const totalSeconds = Math.floor(diff / 1_000);\n  const minutes = Math.floor(totalSeconds / 60);\n  const seconds = totalSeconds % 60;\n  const remaining = minutes > 0\n    ? `${minutes}m ${String(seconds).padStart(2, \"0\")}s`\n    : `${seconds}s`;\n\n  return { remaining, isExpired: false };\n}\n\n//===============================================================\n//  AI_ApprovalRequest\n//===============================================================\n\n/** One person a decision may be moved to, as the surface shows them. `value` is their id. */\nexport type AI_ApprovalReassignCandidate = { value: string; label: string };\n\n/** One reason a decision's clocks may be paused for (#1628). `value` is the gate's pause-state identifier. */\nexport type AI_ApprovalPauseStateOption = { value: string; label: string };\n\n/**\n * One reason an approver may give for changing or rejecting an agent's proposal (#1921). `value` is a code of the\n * application's declared vocabulary; `label` is its word, as LOCALIZED text the surface's owner resolved.\n */\nexport type AI_ApprovalReasonCodeOption = { value: string; label: string };\n\n/**\n * What else a person may do with a decision besides answering it (#1594 D12). Each is offered only when its\n * callback is supplied, so a surface shows exactly the acts its owner can carry out — never a button that\n * submits into nothing.\n */\nexport type AI_ApprovalRoutingProps = {\n  /** Take a decision routed to a role you hold for yourself. */\n  onClaim?: (approvalId: string) => void;\n  /** Give a decision you claimed back to its role. */\n  onUnclaim?: (approvalId: string) => void;\n  /** The reassign picker opened: load who it may go to, and pass them back as `reassignCandidates`. */\n  onReassignOpen?: (approvalId: string) => void;\n  /** Only people who could answer it. Absent while loading; empty when nobody else can. */\n  reassignCandidates?: readonly AI_ApprovalReassignCandidate[];\n  onReassign?: (approvalId: string, targetUserId: string, comment?: string) => void;\n  /**\n   * What the last act came to, as LOCALIZED text the surface's owner resolved — \"someone else settled this\",\n   * \"there is nobody to escalate this to\". Absent when there is nothing to say.\n   */\n  actionNotice?: string;\n  /**\n   * Stop the decision's CLAIM and DECISION deadlines, naming one of `pauseStateOptions` (#1628). Offered only\n   * with at least one option. Pausing never stops the decision from expiring.\n   */\n  onPauseClock?: (approvalId: string, pauseStateRef: string) => void;\n  /** Restart paused deadlines; the paused time is added to them. */\n  onResumeClock?: (approvalId: string) => void;\n  /** The reasons the gate allows its deadlines to be paused for. */\n  pauseStateOptions?: readonly AI_ApprovalPauseStateOption[];\n  /** The next deadline ahead of the decision, as LOCALIZED text the surface's owner resolved. */\n  deadlineNotice?: string;\n  /** Set while its deadlines are paused: why, as LOCALIZED text the surface's owner resolved. */\n  clockPausedNotice?: string;\n};\n\nexport type AI_ApprovalRequestProps = ComponentProps<typeof Alert> & AI_ApprovalRoutingProps & {\n  /**\n   * Whether THIS viewer may answer it (#1594). `false` renders the request with no actions — the person\n   * whose conversation it is sees a question that a reviewer answers, and `actionNotice` says so. Default\n   * `true`, which is every surface that answers its own questions.\n   */\n  answerable?: boolean;\n  approvalId: string;\n  actionDescription: string;\n  /**\n   * OPTIONAL, because nothing populates it. A risk level exists only on\n   * `WS_FlowsActorsApprovalRequestPayload`, a payload no code emits; the announcement a paused turn\n   * really sends carries a tool name and its arguments and no risk claim (#528). Absent means the\n   * badge is not rendered — a default here would show a severity nobody declared.\n   */\n  riskLevel?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  executionId: string;\n  systemRef?: string;\n  expiresAt?: Date;\n  requiredRoles?: string[];\n  /**\n   * The gated tool call, and the arguments proposed for it.\n   *\n   * `toolName` is an IDENTIFIER, rendered as authored — it is the thing the agent asked to run,\n   * and humanizing it here would invent display text no i18n tree owns.\n   * `executionContext` carries the arguments (#455).\n   */\n  toolName?: string;\n  executionContext?: Record<string, unknown>;\n  /**\n   * Offer the approver an EDITOR over the proposed arguments (#566).\n   *\n   * Off by default, and it is not a styling preference: turning it on changes what an approval MEANS\n   * — the approver stops assenting to the agent's call and starts authoring one. A surface that\n   * shows the editor must be wired to a decision path that carries the result, or it collects a\n   * change and drops it, which is the failure #537 refused to ship.\n   *\n   * The editor offers the tool's FIELDS when `argumentsSchema` describes a shape they can express\n   * (#587), and raw JSON otherwise; the raw editor stays one click away in both cases. Neither is the\n   * control: the server re-validates the edit against the tool's live schema and refuses a violation\n   * with a readable message, which is why a field editor that drops refinements is still honest.\n   */\n  allowArgumentModification?: boolean;\n  /** The gated tool's input-schema descriptor (#587). Absent, or a shape fields cannot express, means raw JSON. */\n  argumentsSchema?: SerializableZodSchema;\n  /**\n   * Why the last submitted edit was refused (#587), as LOCALIZED text. The approval is still pending: the\n   * editor reopens on the refused arguments and shows this reason beside them. The engine wrapper renders it\n   * from the approval's own labels, one per refusal reason, naming the tool and the offending arguments\n   * (#1186) — a direct consumer must pass words the reader can read, never a server's sentence.\n   */\n  argumentModificationError?: string;\n  /** What the approver submitted when that edit was refused (#587) — the reopened editor starts from it. */\n  rejectedArguments?: Record<string, unknown>;\n  /**\n   * The reasons an approver may give when they CHANGE or REJECT the proposal (#1921) — the application's declared\n   * vocabulary, worded by the surface's owner. Offered only then: approving the call as proposed is not a correction.\n   * Never required — a reason is evidence for why experts disagree with the agent, not a gate on answering.\n   */\n  reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];\n  /**\n   * `modifiedToolArgs` is present only when the approver EDITED the arguments. Absent means \"run the\n   * call as proposed\", which is what every approval meant before this parameter existed. `reasonCode` is present only\n   * when the approver edited the call AND chose a reason for it (#1921).\n   */\n  onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;\n  /** `reasonCode` is present only when the approver chose a reason for the rejection (#1921). */\n  onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;\n  onEscalate?: (approvalId: string, comment?: string) => void;\n  isProcessing?: boolean;\n  createdAt?: Date;\n};\n\nexport const AI_ApprovalRequest = ({\n  approvalId,\n  actionDescription,\n  riskLevel,\n  executionId,\n  systemRef,\n  expiresAt,\n  requiredRoles,\n  toolName,\n  executionContext,\n  allowArgumentModification,\n  argumentsSchema,\n  argumentModificationError,\n  rejectedArguments,\n  reasonCodeOptions,\n  onApprove,\n  onDeny,\n  onEscalate,\n  onClaim,\n  onUnclaim,\n  onReassignOpen,\n  reassignCandidates,\n  onReassign,\n  actionNotice,\n  onPauseClock,\n  onResumeClock,\n  pauseStateOptions,\n  deadlineNotice,\n  clockPausedNotice,\n  answerable = true,\n  isProcessing,\n  createdAt,\n  className,\n  ...props\n}: AI_ApprovalRequestProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const { remaining, isExpired } = useCountdown(expiresAt);\n  const variant = riskLevel === \"critical\" || riskLevel === \"high\" ? \"destructive\" : \"default\";\n\n  /*\n   * The argument editor's state (#566).\n   *\n   * `draft` is `null` while the approver is reading rather than editing — distinct from an empty\n   * string, which is a draft they have cleared. Opening the editor seeds it from the PROPOSED\n   * arguments, so the starting point is the call the agent asked for and an approver changes one\n   * value rather than retyping the object.\n   */\n  const fieldsSchema = React.useMemo(() => fieldsEditableArgumentsSchema(argumentsSchema), [argumentsSchema]);\n  /*\n   * A refused edit reopens on what the approver SUBMITTED (#587). The request unmounted while its\n   * decision was in flight, so without this the approver would land back on the model's proposal and\n   * lose the change the server has just explained.\n   */\n  const reopenedOn = argumentModificationError !== undefined ? (rejectedArguments ?? executionContext) : undefined;\n  const [editorMode, setEditorMode] = React.useState<ApprovalArgumentEditorMode | null>(() =>\n    reopenedOn === undefined ? null : fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON,\n  );\n  // The value the field editor (re)mounts on — replaced when the approver switches back from JSON.\n  const [fieldsSeed, setFieldsSeed] = React.useState<Record<string, unknown>>(() => reopenedOn ?? executionContext ?? {});\n  const [fieldsEdit, setFieldsEdit] = React.useState<{ value: Record<string, unknown> | undefined; invalid: boolean }>({\n    value: undefined,\n    invalid: false,\n  });\n  const handleFieldsChange = React.useCallback(\n    (next: { value: Record<string, unknown> | undefined; invalid: boolean }) => setFieldsEdit(next),\n    [],\n  );\n  const [draft, setDraft] = React.useState<string>(() => JSON.stringify(reopenedOn ?? executionContext ?? {}, null, 2));\n  const parsedDraft = React.useMemo(() => {\n    try {\n      const value = JSON.parse(draft) as unknown;\n      // An array or a scalar is valid JSON and cannot be a tool's arguments. Refusing it HERE spares\n      // the round trip; the server refuses it too, which is what actually protects the call.\n      if (value === null || typeof value !== \"object\" || Array.isArray(value)) return { value: undefined, invalid: true };\n      return { value: value as Record<string, unknown>, invalid: false };\n    } catch {\n      return { value: undefined, invalid: true };\n    }\n  }, [draft]);\n\n  if (!isReady) return null;\n\n  return (\n    <Alert variant={variant} className={cn(\"flex flex-col gap-card-sm\", className)} {...props}>\n      <div className=\"flex items-center justify-between gap-element\">\n        <div className=\"flex items-center gap-element\">\n          {riskLevel && (\n            <Badge\n              variant={riskLevel === \"critical\" || riskLevel === \"high\" ? \"destructive\" : \"outline\"}\n              className=\"text-2xs\"\n            >\n              {tComponent(CT, `risk${riskLevel.charAt(0).toUpperCase()}${riskLevel.slice(1)}` as any)}\n            </Badge>\n          )}\n          {systemRef && (\n            <span className=\"text-2xs text-muted-foreground\">{systemRef}</span>\n          )}\n        </div>\n\n        {/* Countdown / Expired indicator */}\n        {remaining && (\n          <Badge variant=\"secondary\" className=\"text-2xs tabular-nums\">\n            {tComponent(CT, \"expiresCountdown\", { time: remaining })}\n          </Badge>\n        )}\n        {isExpired && (\n          <Badge variant=\"destructive\" className=\"text-2xs\">\n            {tComponent(CT, \"expired\")}\n          </Badge>\n        )}\n      </div>\n\n      <AlertDescription className=\"text-sm\">\n        {actionDescription}\n      </AlertDescription>\n\n      {/* #1628 — the next deadline ahead of it, or why its deadlines are paused. Neither is the expiry above. */}\n      {clockPausedNotice !== undefined ? (\n        <span className=\"text-2xs text-muted-foreground\">{clockPausedNotice}</span>\n      ) : deadlineNotice !== undefined ? (\n        <span className=\"text-2xs text-muted-foreground\">{deadlineNotice}</span>\n      ) : null}\n\n      {/* Required roles display */}\n      {requiredRoles && requiredRoles.length > 0 && (\n        <div className=\"flex items-center gap-element\">\n          <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"requiredRoles\")}:</span>\n          <div className=\"flex gap-1\">\n            {requiredRoles.map((role) => (\n              <Badge key={role} variant=\"outline\" className=\"text-2xs\">\n                {role}\n              </Badge>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* The gated tool call — WHAT the approver is being asked to authorize (#455). */}\n      {toolName !== undefined && (\n        <div className=\"flex items-center gap-element\">\n          <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolCall\")}:</span>\n          {/*\n            * Rendered as authored. A tool name is an IDENTIFIER the agent runtime owns, and turning\n            * `renameTodo` into \"Rename Todo\" would invent display text no i18n tree can correct —\n            * the exact fallback `display-text-comes-from-i18n.md` retired. The approver is better\n            * served by the name the system will actually run.\n            */}\n          <code className=\"rounded bg-muted px-1 py-0.5 text-2xs font-mono\">{toolName}</code>\n        </div>\n      )}\n\n      {/*\n        * The proposed ARGUMENTS, one row per key, expanded by default.\n        *\n        * This was a collapsed `JSON.stringify` in a `<pre>`. Two things were wrong with that and only\n        * the second is cosmetic: a blob is not readable at approval speed, and COLLAPSED-BY-DEFAULT\n        * hides the very thing being approved — an approver who never opens it is signing an unread\n        * document, which is how an approval prompt stops being read at all.\n        *\n        * Keys render VERBATIM. They are the tool's own parameter names, they carry no i18n entry, and\n        * humanizing them is forbidden for the same reason as the tool name. A value that is not a\n        * primitive is serialized, because a nested object has no honest one-line form — and that\n        * narrow case is the only place a JSON fragment survives.\n        */}\n      {executionContext && Object.keys(executionContext).length > 0 && (\n        <div className=\"flex flex-col gap-element\">\n          <div className=\"flex items-center justify-between gap-element\">\n            <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"toolArguments\")}:</span>\n            {/*\n              * The door to approve-with-modifications (#566), rendered only when the surface's owner\n              * declared it. An approver who edits these is AUTHORING a call the agent never\n              * proposed, so it is opt-in per surface rather than always present.\n              */}\n            {allowArgumentModification && (\n              <div className=\"flex items-center gap-1\">\n                {/*\n                  * Fields ⇄ JSON (#587). Offered only when the descriptor can be expressed as fields, and\n                  * JSON → fields only from a draft that parses, so switching never discards an edit.\n                  */}\n                {editorMode !== null && fieldsSchema && (\n                  <Button\n                    type=\"button\"\n                    variant={ButtonVariants_Variant.GHOST}\n                    size={ButtonSize.SM}\n                    disabled={isProcessing || isExpired || (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid)}\n                    onClick={() => {\n                      if (editorMode === ApprovalArgumentEditorMode.FIELDS) {\n                        setDraft(JSON.stringify(fieldsEdit.value ?? fieldsSeed, null, 2));\n                        setEditorMode(ApprovalArgumentEditorMode.JSON);\n                      } else if (parsedDraft.value) {\n                        setFieldsSeed(parsedDraft.value);\n                        setEditorMode(ApprovalArgumentEditorMode.FIELDS);\n                      }\n                    }}\n                  >\n                    {tComponent(CT, editorMode === ApprovalArgumentEditorMode.FIELDS ? \"editArgumentsAsJson\" : \"editArgumentsAsFields\")}\n                  </Button>\n                )}\n                <Button\n                  type=\"button\"\n                  variant={ButtonVariants_Variant.GHOST}\n                  size={ButtonSize.SM}\n                  disabled={isProcessing || isExpired}\n                  onClick={() => {\n                    if (editorMode !== null) {\n                      setEditorMode(null);\n                      return;\n                    }\n                    // Opening always starts from the call the agent PROPOSED.\n                    const proposed = executionContext ?? {};\n                    setFieldsSeed(proposed);\n                    setDraft(JSON.stringify(proposed, null, 2));\n                    setEditorMode(fieldsSchema ? ApprovalArgumentEditorMode.FIELDS : ApprovalArgumentEditorMode.JSON);\n                  }}\n                >\n                  {tComponent(CT, editorMode === null ? \"editArguments\" : \"discardArgumentEdits\")}\n                </Button>\n              </div>\n            )}\n          </div>\n          {/*\n            * Why the last submitted edit was refused (#587). The words are the approval's own labels,\n            * resolved by the wrapper per refusal reason with the offending arguments named (#1186); the\n            * server's sentence no longer reaches this card. The approval is still pending while it shows.\n            */}\n          {argumentModificationError !== undefined && editorMode !== null && (\n            <span className=\"text-2xs text-destructive\">\n              {tComponent(CT, \"argumentModificationRefused\")}: {argumentModificationError}\n            </span>\n          )}\n          {editorMode === null ? (\n            <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n              <dl className=\"grid grid-cols-[auto_1fr] gap-x-element gap-y-0.5 rounded-md bg-muted p-2 text-2xs\">\n                {Object.entries(executionContext).map(([key, value]) => (\n                  <React.Fragment key={key}>\n                    <dt className=\"font-mono text-muted-foreground\">{key}</dt>\n                    <dd className=\"min-w-0 break-words font-mono\">\n                      {typeof value === \"string\" || typeof value === \"number\" || typeof value === \"boolean\"\n                        ? String(value)\n                        : JSON.stringify(value)}\n                    </dd>\n                  </React.Fragment>\n                ))}\n              </dl>\n            </Surface>\n          ) : editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsSchema ? (\n            <ApprovalArgumentFields\n              schema={fieldsSchema}\n              initialValue={fieldsSeed}\n              disabled={isProcessing || isExpired}\n              invalidJsonMessage={tComponent(CT, \"argumentValueNotValidJson\")}\n              onChange={handleFieldsChange}\n            />\n          ) : (\n            <>\n              <TextareaRoot\n                rows={Math.min(12, Object.keys(executionContext).length + 3)}\n                value={draft}\n                onChange={(e) => setDraft(e.target.value)}\n                className=\"font-mono text-2xs\"\n                disabled={isProcessing || isExpired}\n                aria-invalid={parsedDraft.invalid || undefined}\n                aria-label={tComponent(CT, \"editArguments\")}\n              />\n              {/*\n                * Local JSON validity only. Whether these arguments SUIT the tool is the server's\n                * question — it holds the tool's `inputSchema`, refuses an edit that violates it, and\n                * leaves the approval pending with a message naming the offending argument. Judging\n                * that here would be a second, weaker copy of the control.\n                */}\n              {parsedDraft.invalid && (\n                <span className=\"text-2xs text-destructive\">{tComponent(CT, \"argumentsNotValidJson\")}</span>\n              )}\n            </>\n          )}\n        </div>\n      )}\n\n      {!answerable ? (\n        actionNotice !== undefined && <span role=\"status\" className=\"text-2xs text-muted-foreground\">{actionNotice}</span>\n      ) : (\n      <AI_ApprovalActions\n        approvalId={approvalId}\n        riskLevel={riskLevel}\n        onApprove={onApprove}\n        onDeny={onDeny}\n        onEscalate={onEscalate}\n        onClaim={onClaim}\n        onUnclaim={onUnclaim}\n        onReassignOpen={onReassignOpen}\n        reassignCandidates={reassignCandidates}\n        onReassign={onReassign}\n        actionNotice={actionNotice}\n        onPauseClock={onPauseClock}\n        onResumeClock={onResumeClock}\n        pauseStateOptions={pauseStateOptions}\n        reasonCodeOptions={reasonCodeOptions}\n        isProcessing={isProcessing}\n        // Approving with unparseable text would send nothing and silently run the model's own\n        // arguments — a change collected and dropped, which is the one outcome this feature exists\n        // to prevent. The button is unavailable until the draft is an object.\n        disabled={\n          isExpired\n          || (editorMode === ApprovalArgumentEditorMode.FIELDS && fieldsEdit.invalid)\n          || (editorMode === ApprovalArgumentEditorMode.JSON && parsedDraft.invalid)\n        }\n        // Whatever the approver is authoring in — and `undefined` whenever the editor is closed, which is\n        // what \"run the call as proposed\" means on the wire.\n        modifiedToolArgs={\n          editorMode === ApprovalArgumentEditorMode.FIELDS\n            ? fieldsEdit.value\n            : editorMode === ApprovalArgumentEditorMode.JSON\n              ? parsedDraft.value\n              : undefined\n        }\n      />\n      )}\n    </Alert>\n  );\n};\n\n//===============================================================\n//  AI_ApprovalActions\n//===============================================================\n\nexport type AI_ApprovalActionsProps = ComponentProps<\"div\"> & AI_ApprovalRoutingProps & {\n  approvalId: string;\n  riskLevel?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  /** Present only while the approver has the argument editor open with a parseable draft (#566). */\n  modifiedToolArgs?: Record<string, unknown>;\n  /** See {@link AI_ApprovalRequestProps.reasonCodeOptions} (#1921). */\n  reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];\n  onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;\n  onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;\n  onEscalate?: (approvalId: string, comment?: string) => void;\n  isProcessing?: boolean;\n  disabled?: boolean;\n};\n\nexport const AI_ApprovalActions = ({\n  approvalId,\n  riskLevel,\n  modifiedToolArgs,\n  reasonCodeOptions,\n  onApprove,\n  onDeny,\n  onEscalate,\n  onClaim,\n  onUnclaim,\n  onReassignOpen,\n  reassignCandidates,\n  onReassign,\n  actionNotice,\n  onPauseClock,\n  onResumeClock,\n  pauseStateOptions,\n  isProcessing,\n  disabled,\n  className,\n  ...props\n}: AI_ApprovalActionsProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const [comment, setComment] = React.useState(\"\");\n  /*\n   * #1921 — the reason an approver gives for a CORRECTION. `undefined` until one is chosen, and optional throughout.\n   *\n   * Offered only on the two answers that correct the agent: an EDITED approval (the editor is open, so\n   * `modifiedToolArgs` is defined) and a rejection. Approving the call as proposed is agreement, so a reason there would\n   * enter the record as the reason for a correction that never happened — it is never sent then, even if one was\n   * picked while the editor was open. A rejection needs somewhere to choose BEFORE it is sent, so with reasons on offer\n   * Reject opens a picker and a confirm button, the pattern Reassign and Pause already use.\n   */\n  const [reasonCode, setReasonCode] = React.useState<string | undefined>(undefined);\n  const [rejecting, setRejecting] = React.useState(false);\n  const offersReasons = (reasonCodeOptions?.length ?? 0) > 0;\n  const isModifying = modifiedToolArgs !== undefined;\n  // The reason rides as a TRAILING argument only when there is one, so an answer with no reason is called exactly as it\n  // was before reasons existed — `(id, comment, args)` — and a consumer written against that shape sees no change.\n  const correctionReason: [string] | [] = reasonCode !== undefined ? [reasonCode] : [];\n  const approvalReason: [string] | [] = isModifying ? correctionReason : [];\n  // #1628 — `null` while the pause picker is closed; the chosen reason once one is picked.\n  const [pausing, setPausing] = React.useState<{ state: string | undefined } | null>(null);\n  const canPause = !!onPauseClock && (pauseStateOptions?.length ?? 0) > 0;\n  // `null` while the picker is closed; the chosen person's id once one is picked.\n  const [reassigning, setReassigning] = React.useState<{ target: string | undefined } | null>(null);\n  const isHighRisk = riskLevel === \"high\" || riskLevel === \"critical\";\n  const actionsDisabled = isProcessing || disabled;\n\n  if (!isReady) return null;\n\n  const approveButton = (\n    <Button\n      type=\"button\"\n      variant={ButtonVariants_Variant.DEFAULT}\n      size={ButtonSize.SM}\n      disabled={actionsDisabled}\n      onClick={isHighRisk ? undefined : () => onApprove?.(approvalId, comment || undefined, modifiedToolArgs, ...approvalReason)}\n    >\n      {isProcessing ? tComponent(CT, \"processing\") : tComponent(CT, \"approve\")}\n    </Button>\n  );\n\n  return (\n    <div className={cn(\"flex flex-col gap-2\", className)} {...props}>\n      {/* Comment textarea */}\n      <TextareaRoot\n        rows={2}\n        value={comment}\n        onChange={(e) => setComment(e.target.value)}\n        placeholder={tComponent(CT, \"commentPlaceholder\")}\n        className=\"text-xs\"\n        disabled={actionsDisabled}\n      />\n\n      <div className=\"flex items-center gap-element\">\n        {/* Approve — with confirmation dialog for high/critical risk */}\n        {isHighRisk ? (\n          <AlertDialog>\n            <AlertDialogTrigger asChild>\n              {approveButton}\n            </AlertDialogTrigger>\n            <AlertDialogContent>\n              <AlertDialogHeader>\n                <AlertDialogTitle>{tComponent(CT, \"confirmTitle\")}</AlertDialogTitle>\n                <AlertDialogDescription>{tComponent(CT, \"confirmDescription\")}</AlertDialogDescription>\n              </AlertDialogHeader>\n              <AlertDialogFooter>\n                <AlertDialogCancel>{tComponent(CT, \"confirmCancel\")}</AlertDialogCancel>\n                <AlertDialogAction onClick={() => onApprove?.(approvalId, comment || undefined, modifiedToolArgs, ...approvalReason)}>\n                  {tComponent(CT, \"confirmProceed\")}\n                </AlertDialogAction>\n              </AlertDialogFooter>\n            </AlertDialogContent>\n          </AlertDialog>\n        ) : (\n          approveButton\n        )}\n\n        {/* Deny — with reasons on offer, it opens the reason picker first (#1921); otherwise it rejects at once. */}\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.OUTLINE}\n          size={ButtonSize.SM}\n          disabled={actionsDisabled}\n          aria-expanded={offersReasons ? rejecting : undefined}\n          onClick={() => {\n            if (!offersReasons) { onDeny?.(approvalId, comment || undefined); return; }\n            setRejecting(!rejecting);\n          }}\n        >\n          {tComponent(CT, \"deny\")}\n        </Button>\n\n        {/* Escalate (optional) */}\n        {onEscalate && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.SECONDARY}\n            size={ButtonSize.SM}\n            disabled={actionsDisabled}\n            onClick={() => onEscalate?.(approvalId, comment || undefined)}\n          >\n            {tComponent(CT, \"escalate\")}\n          </Button>\n        )}\n\n        {onClaim && (\n          <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={isProcessing} onClick={() => onClaim(approvalId)}>\n            {tComponent(CT, \"claim\")}\n          </Button>\n        )}\n        {onUnclaim && (\n          <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={isProcessing} onClick={() => onUnclaim(approvalId)}>\n            {tComponent(CT, \"unclaim\")}\n          </Button>\n        )}\n        {canPause && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            disabled={isProcessing}\n            aria-expanded={pausing !== null}\n            onClick={() => setPausing(pausing !== null ? null : { state: undefined })}\n          >\n            {tComponent(CT, \"pauseClock\")}\n          </Button>\n        )}\n        {onResumeClock && (\n          <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={isProcessing} onClick={() => onResumeClock(approvalId)}>\n            {tComponent(CT, \"resumeClock\")}\n          </Button>\n        )}\n        {onReassign && (\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            disabled={isProcessing}\n            aria-expanded={reassigning !== null}\n            onClick={() => {\n              if (reassigning !== null) { setReassigning(null); return; }\n              setReassigning({ target: undefined });\n              onReassignOpen?.(approvalId);\n            }}\n          >\n            {tComponent(CT, \"reassign\")}\n          </Button>\n        )}\n      </div>\n\n      {/*\n        * #1921 — the reason picker, shown while the approver is CORRECTING the agent: editing the call, or rejecting it.\n        * It lists only the application's declared codes, so a reason chosen here is never refused for what it is. On a\n        * rejection it carries the confirm button, because the rejection is sent from here.\n        */}\n      {offersReasons && (isModifying || rejecting) && (\n        <div className=\"flex items-center gap-element\">\n          <SelectRoot value={reasonCode ?? \"\"} onValueChange={(value) => setReasonCode(value || undefined)} disabled={actionsDisabled}>\n            <SelectTrigger className=\"text-2xs\" aria-label={tComponent(CT, \"reasonCode\")}>\n              <SelectValue placeholder={tComponent(CT, \"reasonCode\")} />\n            </SelectTrigger>\n            <SelectContent>\n              {(reasonCodeOptions ?? []).map((option) => (\n                <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>\n              ))}\n            </SelectContent>\n          </SelectRoot>\n          {reasonCode !== undefined && (\n            <Button type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM} disabled={actionsDisabled} onClick={() => setReasonCode(undefined)}>\n              {tComponent(CT, \"reasonCodeClear\")}\n            </Button>\n          )}\n          {rejecting && (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.DESTRUCTIVE}\n              size={ButtonSize.SM}\n              disabled={actionsDisabled}\n              onClick={() => {\n                onDeny?.(approvalId, comment || undefined, ...correctionReason);\n                setRejecting(false);\n              }}\n            >\n              {tComponent(CT, \"denyConfirm\")}\n            </Button>\n          )}\n        </div>\n      )}\n\n      {/*\n        * The reassign picker. It lists only the people the server says could ANSWER this decision, so a\n        * choice made here is never refused for who the person is — only if the decision moved meanwhile.\n        */}\n      {onReassign && reassigning !== null && (\n        <div className=\"flex items-center gap-element\">\n          {reassignCandidates === undefined ? (\n            <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"processing\")}</span>\n          ) : reassignCandidates.length === 0 ? (\n            <span className=\"text-2xs text-muted-foreground\">{tComponent(CT, \"reassignNoCandidates\")}</span>\n          ) : (\n            <>\n              <SelectRoot value={reassigning.target} onValueChange={(target) => setReassigning({ target })} disabled={isProcessing}>\n                <SelectTrigger className=\"text-2xs\" aria-label={tComponent(CT, \"reassignTarget\")}>\n                  <SelectValue placeholder={tComponent(CT, \"reassignTarget\")} />\n                </SelectTrigger>\n                <SelectContent>\n                  {reassignCandidates.map((candidate) => (\n                    <SelectItem key={candidate.value} value={candidate.value}>{candidate.label}</SelectItem>\n                  ))}\n                </SelectContent>\n              </SelectRoot>\n              <Button\n                type=\"button\"\n                variant={ButtonVariants_Variant.SECONDARY}\n                size={ButtonSize.SM}\n                disabled={isProcessing || reassigning.target === undefined}\n                onClick={() => {\n                  if (reassigning.target === undefined) return;\n                  onReassign(approvalId, reassigning.target, comment || undefined);\n                  setReassigning(null);\n                }}\n              >\n                {tComponent(CT, \"reassignConfirm\")}\n              </Button>\n            </>\n          )}\n        </div>\n      )}\n\n      {/* #1628 — the pause picker: only the reasons the gate declares, so a pause is never refused for its reason. */}\n      {canPause && pausing !== null && (\n        <div className=\"flex items-center gap-element\">\n          <SelectRoot value={pausing.state} onValueChange={(state) => setPausing({ state })} disabled={isProcessing}>\n            <SelectTrigger className=\"text-2xs\" aria-label={tComponent(CT, \"pauseClockState\")}>\n              <SelectValue placeholder={tComponent(CT, \"pauseClockState\")} />\n            </SelectTrigger>\n            <SelectContent>\n              {(pauseStateOptions ?? []).map((option) => (\n                <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>\n              ))}\n            </SelectContent>\n          </SelectRoot>\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.SECONDARY}\n            size={ButtonSize.SM}\n            disabled={isProcessing || pausing.state === undefined}\n            onClick={() => {\n              if (pausing.state === undefined || !onPauseClock) return;\n              onPauseClock(approvalId, pausing.state);\n              setPausing(null);\n            }}\n          >\n            {tComponent(CT, \"pauseClockConfirm\")}\n          </Button>\n        </div>\n      )}\n\n      {actionNotice !== undefined && (\n        <span role=\"status\" className=\"text-2xs text-muted-foreground\">{actionNotice}</span>\n      )}\n    </div>\n  );\n};\n\n//===============================================================\n//  AI_ApprovalQueue\n//===============================================================\n\nconst RISK_ORDER: Record<string, number> = { critical: 0, high: 1, medium: 2, low: 3 };\n\nexport type AI_ApprovalQueueItem = {\n  approvalId: string;\n  executionId: string;\n  systemRef: string;\n  actionDescription: string;\n  /** OPTIONAL for the same reason as on a single request — nothing populates it (#528). */\n  riskLevel?: \"low\" | \"medium\" | \"high\" | \"critical\";\n  expiresAt?: Date;\n  requiredRoles?: string[];\n  executionContext?: Record<string, unknown>;\n  createdAt?: Date;\n  /** The gated tool, rendered as authored (#455). */\n  toolName?: string;\n  /**\n   * Which routing acts THIS item offers (#1594). Unset means none: the queue's callbacks are wired per item\n   * only where the person may perform the act, so no item shows a button the server would refuse.\n   */\n  canEscalate?: boolean;\n  canClaim?: boolean;\n  canUnclaim?: boolean;\n  canReassign?: boolean;\n  /** See {@link AI_ApprovalRoutingProps.reassignCandidates}. */\n  reassignCandidates?: readonly AI_ApprovalReassignCandidate[];\n  /** See {@link AI_ApprovalRoutingProps.actionNotice}. */\n  actionNotice?: string;\n  /** #1628: whether this item offers Pause / Resume, the reasons it may be paused for, and its deadline lines. */\n  canPauseClock?: boolean;\n  canResumeClock?: boolean;\n  pauseStateOptions?: readonly AI_ApprovalPauseStateOption[];\n  deadlineNotice?: string;\n  clockPausedNotice?: string;\n  /** #1921: the reasons a reviewer may give when changing or rejecting this item's proposal. */\n  reasonCodeOptions?: readonly AI_ApprovalReasonCodeOption[];\n  /** #1921: offer the argument editor on this item, so a reviewer may CHANGE the proposed call. */\n  allowArgumentModification?: boolean;\n  /** The gated tool's input-schema descriptor, so the editor offers the tool's fields (#587). */\n  argumentsSchema?: SerializableZodSchema;\n};\n\nexport type AI_ApprovalQueueProps = ComponentProps<\"div\"> & Omit<AI_ApprovalRoutingProps, 'reassignCandidates' | 'actionNotice' | 'pauseStateOptions' | 'deadlineNotice' | 'clockPausedNotice'> & {\n  items: AI_ApprovalQueueItem[];\n  /** `modifiedToolArgs` only when the reviewer edited the call; `reasonCode` only when they gave a reason (#1921). */\n  onApprove?: (approvalId: string, comment?: string, modifiedToolArgs?: Record<string, unknown>, reasonCode?: string) => void;\n  onDeny?: (approvalId: string, comment?: string, reasonCode?: string) => void;\n  onEscalate?: (approvalId: string, comment?: string) => void;\n  processingIds?: Set<string>;\n  filter?: string;\n  onFilterChange?: (filter: string) => void;\n};\n\nfunction useRelativeTimeFormatter(): (date: Date) => string {\n  const { tComponent } = useI18n({ component: CT });\n  return React.useCallback((date: Date): string => {\n    const seconds = Math.floor((Date.now() - date.getTime()) / 1_000);\n    if (seconds < 60) return tComponent(CT, \"timeAgoSeconds\", { count: String(seconds) });\n    const minutes = Math.floor(seconds / 60);\n    if (minutes < 60) return tComponent(CT, \"timeAgoMinutes\", { count: String(minutes) });\n    const hours = Math.floor(minutes / 60);\n    return tComponent(CT, \"timeAgoHours\", { count: String(hours) });\n  }, [tComponent]);\n}\n\nexport const AI_ApprovalQueue = ({\n  items,\n  onApprove,\n  onDeny,\n  onEscalate,\n  onClaim,\n  onUnclaim,\n  onReassignOpen,\n  onReassign,\n  onPauseClock,\n  onResumeClock,\n  processingIds,\n  filter,\n  onFilterChange,\n  className,\n  ...props\n}: AI_ApprovalQueueProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: CT });\n  const formatRelativeTime = useRelativeTimeFormatter();\n  const [sortByRisk, setSortByRisk] = React.useState(true);\n  const [internalFilter, setInternalFilter] = React.useState(\"\");\n\n  const activeFilter = filter ?? internalFilter;\n\n  const filtered = React.useMemo(() => {\n    let result = items;\n    if (activeFilter) {\n      const q = activeFilter.toLowerCase();\n      result = result.filter((i) =>\n        i.systemRef.toLowerCase().includes(q) ||\n        i.actionDescription.toLowerCase().includes(q) ||\n        i.executionId.toLowerCase().includes(q)\n      );\n    }\n    if (sortByRisk) {\n      result = [...result].sort((a, b) =>\n        (RISK_ORDER[a.riskLevel] ?? 4) - (RISK_ORDER[b.riskLevel] ?? 4)\n      );\n    }\n    return result;\n  }, [items, activeFilter, sortByRisk]);\n\n  if (!isReady) return null;\n\n  return (\n    <div className={cn(\"flex flex-col gap-card\", className)} {...props}>\n      <div className=\"flex items-center justify-between gap-element\">\n        <div className=\"flex items-center gap-element\">\n          <h3 className=\"text-sm font-semibold\">\n            {tComponent(CT, \"queueTitle\")}\n          </h3>\n          <Badge variant=\"secondary\">{items.length}</Badge>\n        </div>\n\n        <Button\n          type=\"button\"\n          variant={sortByRisk ? ButtonVariants_Variant.SECONDARY : ButtonVariants_Variant.GHOST}\n          size={ButtonSize.SM}\n          className=\"h-6 text-2xs\"\n          onClick={() => setSortByRisk(!sortByRisk)}\n        >\n          {tComponent(CT, \"queueSortRisk\")}\n        </Button>\n      </div>\n\n      {items.length === 0 ? (\n        <p className=\"py-card text-center text-sm text-muted-foreground\">\n          {tComponent(CT, \"queueEmpty\")}\n        </p>\n      ) : (\n        <ScrollArea className=\"max-h-96\">\n          <div className=\"flex flex-col gap-card-sm\">\n            {filtered.map((item) => (\n              <div key={item.approvalId} className=\"relative\">\n                {item.createdAt && (\n                  <span className=\"absolute end-2 top-2 text-2xs text-muted-foreground\">\n                    {formatRelativeTime(item.createdAt)}\n                  </span>\n                )}\n                <AI_ApprovalRequest\n                  approvalId={item.approvalId}\n                  executionId={item.executionId}\n                  systemRef={item.systemRef}\n                  actionDescription={item.actionDescription}\n                  riskLevel={item.riskLevel}\n                  expiresAt={item.expiresAt}\n                  requiredRoles={item.requiredRoles}\n                  executionContext={item.executionContext}\n                  toolName={item.toolName}\n                  createdAt={item.createdAt}\n                  allowArgumentModification={item.allowArgumentModification}\n                  argumentsSchema={item.argumentsSchema}\n                  reasonCodeOptions={item.reasonCodeOptions}\n                  onApprove={onApprove}\n                  onDeny={onDeny}\n                  // Per item, not per queue: an item offers only the acts its person may perform.\n                  onEscalate={item.canEscalate ? onEscalate : undefined}\n                  onClaim={item.canClaim ? onClaim : undefined}\n                  onUnclaim={item.canUnclaim ? onUnclaim : undefined}\n                  onReassignOpen={item.canReassign ? onReassignOpen : undefined}\n                  onReassign={item.canReassign ? onReassign : undefined}\n                  reassignCandidates={item.reassignCandidates}\n                  actionNotice={item.actionNotice}\n                  onPauseClock={item.canPauseClock ? onPauseClock : undefined}\n                  onResumeClock={item.canResumeClock ? onResumeClock : undefined}\n                  pauseStateOptions={item.pauseStateOptions}\n                  deadlineNotice={item.deadlineNotice}\n                  clockPausedNotice={item.clockPausedNotice}\n                  isProcessing={processingIds?.has(item.approvalId)}\n                />\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/esm/components/ai-elements/decision/decision-request.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decision-request.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/decision/decision-request.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EAaL,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmD5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oHAWhC,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA2JhD,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,mGAUlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA4GlD,CAAC"}
+{"version":3,"file":"decision-request.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/decision-request.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,IAAI,EAaL,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAmD5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,oHAWhC,uBAAuB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA2JhD,CAAC;AAMF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,mGAUlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA4GlD,CAAC"}

package/dist/esm/components/ai-elements/decision/decision-request.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decision-request.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/decision/decision-request.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAwDzD,CAAC"}
+{"version":3,"file":"decision-request.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/decision/decision-request.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,qCAAqC,CAAC;AAM7C,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,EAwDzD,CAAC"}

package/dist/esm/components/ai-elements/execution/confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAGV,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,6BAA6B,CAAC;AAsBrC,eAAO,MAAM,eAAe,GAAI,0CAK7B,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAU7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAGlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAExC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,cAAc,2BAA2B,KAAG,KAAK,CAAC,SASxF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,eAErC,4BAA4B,KAAG,KAAK,CAAC,SAcvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,eAErC,4BAA4B,KAAG,KAAK,CAAC,SAcvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,yBAGpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAcpD,CAAC;AAKF,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,KAAG,KAAK,CAAC,GAAG,CAAC,OAEnF,CAAC"}
+{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAGV,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,EAC3B,MAAM,6BAA6B,CAAC;AAsBrC,eAAO,MAAM,eAAe,GAAI,0CAK7B,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAU7C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAGlC,yBAAyB,KAAG,KAAK,CAAC,GAAG,CAAC,OAExC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,cAAc,2BAA2B,KAAG,KAAK,CAAC,SASxF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,eAErC,4BAA4B,KAAG,KAAK,CAAC,SAcvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,eAErC,4BAA4B,KAAG,KAAK,CAAC,SAcvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,yBAGpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAcpD,CAAC;AAKF,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,KAAG,KAAK,CAAC,GAAG,CAAC,OAEnF,CAAC"}

package/dist/esm/components/ai-elements/execution/confirmation.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/confirmation.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAW7D,CAAC"}
+{"version":3,"file":"confirmation.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/confirmation.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAW7D,CAAC"}

package/dist/esm/components/ai-elements/execution/queue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/queue.tsx"],"names":[],"mappings":"AAGA,OAAO,EAaL,gBAAgB,EAmBjB,MAAM,6BAA6B,CAAC;AAqTrC,eAAO,MAAM,QAAQ,kBAiBnB,CAAC"}
+{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/queue.tsx"],"names":[],"mappings":"AAGA,OAAO,EAaL,gBAAgB,EAmBjB,MAAM,6BAA6B,CAAC;AAqTrC,eAAO,MAAM,QAAQ,kBAiBnB,CAAC"}

package/dist/esm/components/ai-elements/execution/queue.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"queue.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/queue.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"queue.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/queue.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,qBAAqB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/ai-elements/execution/task.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAiGrC,eAAO,MAAM,OAAO,iBAKlB,CAAC"}
+{"version":3,"file":"task.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAwGrC,eAAO,MAAM,OAAO,iBAKlB,CAAC"}

package/dist/esm/components/ai-elements/execution/task.js

@@ -13,7 +13,7 @@ const AI_TaskTrigger = ({ children, className, title, ...props }) => {
     const { renderIcon } = useIconRegistry();
     const { getRecipe } = useUI();
     const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
-    return (_jsx(CollapsibleTrigger, { asChild: true, className: cn("group", className), ...props, children: children ?? (_jsxs("div", { className: cn("flex w-full cursor-pointer items-center gap-element transition-colors hover:text-foreground", descRecipe.base), children: [renderIcon(StandardIconReference.SEARCH, { className: "size-4" }), _jsx("p", { className: "text-sm", children: title }), renderIcon(StandardIconReference.CHEVRON_DOWN, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })] })) }));
+    return (_jsx(CollapsibleTrigger, { asChild: true, className: cn("group", className), ...props, children: children ?? (_jsxs("div", { className: cn("flex w-full min-w-0 cursor-pointer items-center gap-element transition-colors hover:text-foreground", descRecipe.base), children: [renderIcon(StandardIconReference.SEARCH, { className: "size-4 shrink-0" }), _jsx("p", { className: "min-w-0 flex-1 break-words text-sm", children: title }), renderIcon(StandardIconReference.CHEVRON_DOWN, { className: "size-4 transition-transform group-data-[state=open]:rotate-180" })] })) }));
 };
 /** The themed nesting guide for the task's revealed items — a hook because a recipe is runtime theme state. */
 function useTaskNestingGuide() {

package/dist/esm/components/ai-elements/execution/task.js.map

@@ -1 +1 @@
-{"version":3,"file":"task.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AI_TaskProps,\n  AI_TaskTriggerProps,\n  AI_TaskContentProps,\n  AI_TaskItemProps,\n  AI_TaskItemFileProps,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  useUI,\n  createCompoundPreset,\n  Surface,\n  AI_TaskCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { DividerVariant, FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\n\nconst AI_TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: AI_TaskItemFileProps): React.JSX.Element => (\n  <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n    <div\n      className={cn(\n        \"inline-flex items-center gap-item-xs rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  </Surface>\n);\n\nconst AI_TaskItem = ({ children, className, ...props }: AI_TaskItemProps): React.JSX.Element => {\n  const { getRecipe } = useUI();\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n  return (\n    <div className={cn(descRecipe.base, className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\nconst AI_TaskRoot = ({\n  defaultOpen = true,\n  className,\n  ...props\n}: AI_TaskProps): React.JSX.Element => (\n  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />\n);\n\nconst AI_TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: AI_TaskTriggerProps): React.JSX.Element => {\n  const { renderIcon } = useIconRegistry();\n  const { getRecipe } = useUI();\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n  return (\n    <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n      {children ?? (\n        <div className={cn(\"flex w-full cursor-pointer items-center gap-element transition-colors hover:text-foreground\", descRecipe.base)}>\n          {renderIcon(StandardIconReference.SEARCH, { className: \"size-4\" })}\n          <p className=\"text-sm\">{title}</p>\n          {renderIcon(StandardIconReference.CHEVRON_DOWN, { className: \"size-4 transition-transform group-data-[state=open]:rotate-180\" })}\n        </div>\n      )}\n    </CollapsibleTrigger>\n  );\n};\n\n\n/** The themed nesting guide for the task's revealed items — a hook because a recipe is runtime theme state. */\nfunction useTaskNestingGuide(): string | undefined {\n  const { getRecipe } = useUI()\n  return getRecipe(UIBehavior.DIVIDER, DividerVariant.NESTING_GUIDE).base\n}\n\nconst AI_TaskContent = ({\n  children,\n  className,\n  ...props\n}: AI_TaskContentProps): React.JSX.Element => {\n  const nestingGuide = useTaskNestingGuide()\n  return (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  >\n    {/*\n      * The nested-items guide comes from the theme (`DIVIDER` / `NESTING_GUIDE`) rather than the\n      * hand-rolled `border-muted border-s-2` it used to be — one meaning, one recipe, restylable per\n      * theme. The `ps-card` indent is this component's own structural choice and stays.\n      */}\n    <div className={cn(nestingGuide, \"mt-field space-y-item ps-card\")}>\n      {children}\n    </div>\n  </CollapsibleContent>\n  )\n};\n\nexport const AI_Task = createCompoundPreset<AI_TaskCompound>(AI_TaskRoot, {\n  Trigger: AI_TaskTrigger,\n  Content: AI_TaskContent,\n  Item: AI_TaskItem,\n  ItemFile: AI_TaskItemFile,\n});\n"]}
+{"version":3,"file":"task.js","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  AI_TaskProps,\n  AI_TaskTriggerProps,\n  AI_TaskContentProps,\n  AI_TaskItemProps,\n  AI_TaskItemFileProps,\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n  cn,\n  useIconRegistry,\n  StandardIconReference,\n  useUI,\n  createCompoundPreset,\n  Surface,\n  AI_TaskCompound,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { DividerVariant, FrontendComponentType, SurfaceVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\";\n\nconst AI_TaskItemFile = ({\n  children,\n  className,\n  ...props\n}: AI_TaskItemFileProps): React.JSX.Element => (\n  <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n    <div\n      className={cn(\n        \"inline-flex items-center gap-item-xs rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  </Surface>\n);\n\nconst AI_TaskItem = ({ children, className, ...props }: AI_TaskItemProps): React.JSX.Element => {\n  const { getRecipe } = useUI();\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n  return (\n    <div className={cn(descRecipe.base, className)} {...props}>\n      {children}\n    </div>\n  );\n};\n\nconst AI_TaskRoot = ({\n  defaultOpen = true,\n  className,\n  ...props\n}: AI_TaskProps): React.JSX.Element => (\n  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />\n);\n\nconst AI_TaskTrigger = ({\n  children,\n  className,\n  title,\n  ...props\n}: AI_TaskTriggerProps): React.JSX.Element => {\n  const { renderIcon } = useIconRegistry();\n  const { getRecipe } = useUI();\n  const descRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n\n  return (\n    <CollapsibleTrigger asChild className={cn(\"group\", className)} {...props}>\n      {children ?? (\n        <div className={cn(\"flex w-full min-w-0 cursor-pointer items-center gap-element transition-colors hover:text-foreground\", descRecipe.base)}>\n          {renderIcon(StandardIconReference.SEARCH, { className: \"size-4 shrink-0\" })}\n          {/*\n            * `min-w-0` + `break-words`, so a title longer than the trigger WRAPS inside it. Without them\n            * the paragraph kept its content width and overflowed the trigger into whatever sat beside\n            * it — measured on the creation board's split (2026-09-20), where a run's write entry drew\n            * its \"playbook\" and \"trace\" links over the playbook ref, and a click on the row landed on\n            * the link instead of the row.\n            */}\n          <p className=\"min-w-0 flex-1 break-words text-sm\">{title}</p>\n          {renderIcon(StandardIconReference.CHEVRON_DOWN, { className: \"size-4 transition-transform group-data-[state=open]:rotate-180\" })}\n        </div>\n      )}\n    </CollapsibleTrigger>\n  );\n};\n\n\n/** The themed nesting guide for the task's revealed items — a hook because a recipe is runtime theme state. */\nfunction useTaskNestingGuide(): string | undefined {\n  const { getRecipe } = useUI()\n  return getRecipe(UIBehavior.DIVIDER, DividerVariant.NESTING_GUIDE).base\n}\n\nconst AI_TaskContent = ({\n  children,\n  className,\n  ...props\n}: AI_TaskContentProps): React.JSX.Element => {\n  const nestingGuide = useTaskNestingGuide()\n  return (\n  <CollapsibleContent\n    className={cn(\n      \"data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in\",\n      className\n    )}\n    {...props}\n  >\n    {/*\n      * The nested-items guide comes from the theme (`DIVIDER` / `NESTING_GUIDE`) rather than the\n      * hand-rolled `border-muted border-s-2` it used to be — one meaning, one recipe, restylable per\n      * theme. The `ps-card` indent is this component's own structural choice and stays.\n      */}\n    <div className={cn(nestingGuide, \"mt-field space-y-item ps-card\")}>\n      {children}\n    </div>\n  </CollapsibleContent>\n  )\n};\n\nexport const AI_Task = createCompoundPreset<AI_TaskCompound>(AI_TaskRoot, {\n  Trigger: AI_TaskTrigger,\n  Content: AI_TaskContent,\n  Item: AI_TaskItem,\n  ItemFile: AI_TaskItemFile,\n});\n"]}

package/dist/esm/components/ai-elements/execution/task.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/task.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"task.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/task.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/ai-elements/execution/tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../../src/components/ai-elements/execution/tool.tsx"],"names":[],"mappings":"AAGA,OAAO,EAmBL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AA6KrC,eAAO,MAAM,OAAO,iBAKlB,CAAC"}
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ai-elements/execution/tool.tsx"],"names":[],"mappings":"AAGA,OAAO,EAmBL,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAmLrC,eAAO,MAAM,OAAO,iBAKlB,CAAC"}