@alexgorbatchev/shadcn 0.0.12 → 0.0.16

package/dist/chunk-yp12vs0s.js

@@ -0,0 +1,862 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Collapsible2,
+  CollapsibleTrigger2,
+  CollapsibleContent2
+} from "./chunk-24d68cjp.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  Textarea2
+} from "./chunk-hz9azhzx.js";
+
+// src/components/assistant-ui/native/ToolFallbackRoot.tsx
+import { forwardRef, memo, useCallback, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
+import { AlertCircleIcon, CheckIcon, ChevronDownIcon, CircleMinusIcon, LoaderIcon, XCircleIcon } from "lucide-react";
+import {
+  toolApprovalAcceptsText,
+  useAuiState,
+  useScrollLock,
+  useToolCallElapsed
+} from "@assistant-ui/react";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var ANIMATION_DURATION = 200;
+function ToolFallbackRoot2({
+  open: controlledOpen,
+  onOpenChange: controlledOnOpenChange,
+  defaultOpen = false,
+  children,
+  ...props
+}) {
+  const collapsibleRef = useRef(null);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const lockScroll = useScrollLock(collapsibleRef, ANIMATION_DURATION);
+  const isControlled = controlledOpen !== undefined;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = useCallback((open) => {
+    lockScroll();
+    if (!isControlled) {
+      setUncontrolledOpen(open);
+    }
+    controlledOnOpenChange?.(open);
+  }, [lockScroll, isControlled, controlledOnOpenChange]);
+  return /* @__PURE__ */ jsx(Collapsible2, {
+    ref: collapsibleRef,
+    "data-slot": "tool-fallback-root",
+    open: isOpen,
+    onOpenChange: handleOpenChange,
+    ...props,
+    render: /* @__PURE__ */ jsx("div", {
+      className: "aui-tool-fallback-root group/tool-fallback-root w-full [--animation-duration:200ms]"
+    }),
+    children
+  });
+}
+var statusIconMap = {
+  running: LoaderIcon,
+  complete: CheckIcon,
+  incomplete: XCircleIcon,
+  "requires-action": AlertCircleIcon
+};
+var formatToolDuration = (ms) => {
+  if (ms < 1000)
+    return "<1s";
+  const seconds = ms / 1000;
+  if (seconds < 10)
+    return `${(Math.floor(seconds * 10) / 10).toFixed(1)}s`;
+  if (seconds < 60)
+    return `${Math.floor(seconds)}s`;
+  return `${Math.floor(seconds / 60)}m ${Math.floor(seconds % 60)}s`;
+};
+function ToolFallbackDuration({ className, ...props }) {
+  const elapsedMs = useToolCallElapsed();
+  if (elapsedMs === undefined)
+    return null;
+  return /* @__PURE__ */ jsx("span", {
+    "data-slot": "tool-fallback-duration",
+    className: cn2("aui-tool-fallback-duration text-muted-foreground text-sm tabular-nums", className),
+    ...props,
+    children: formatToolDuration(elapsedMs)
+  });
+}
+function ToolFallbackTrigger2({ toolName, status, responseDeliveryStatus, ...props }) {
+  const statusType = status?.type ?? "complete";
+  const isRunning = statusType === "running";
+  const isCancelled = status?.type === "incomplete" && status.reason === "cancelled";
+  const StatusGlyph = statusIconMap[statusType];
+  const label = responseDeliveryStatus === "queued" ? "Reply queued, not sent yet" : statusType === "running" ? "Running tool" : statusType === "requires-action" ? "Waiting on tool" : statusType === "incomplete" ? `${isCancelled ? "Cancelled" : "Failed"} tool` : "Used tool";
+  return /* @__PURE__ */ jsxs(CollapsibleTrigger2, {
+    "data-slot": "tool-fallback-trigger",
+    ...props,
+    render: /* @__PURE__ */ jsx("button", {
+      className: "aui-tool-fallback-trigger group/trigger text-muted-foreground hover:text-foreground flex w-fit max-w-full origin-left items-center gap-2 py-1.5 text-sm transition-colors "
+    }),
+    children: [
+      /* @__PURE__ */ jsx(StatusGlyph, {
+        "aria-hidden": "true",
+        className: cn2("size-4 shrink-0 text-muted-foreground", isRunning && "animate-spin motion-reduce:animate-none")
+      }),
+      /* @__PURE__ */ jsxs("span", {
+        "data-slot": "tool-fallback-trigger-label",
+        className: cn2("aui-tool-fallback-trigger-label-wrapper inline-block min-w-0 text-start leading-none wrap-anywhere", isCancelled && "text-muted-foreground line-through", isRunning && "shimmer motion-reduce:animate-none"),
+        children: [
+          label,
+          ": ",
+          /* @__PURE__ */ jsx("b", {
+            children: toolName
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(ToolFallbackDuration, {}),
+      /* @__PURE__ */ jsx(ChevronDownIcon, {
+        "aria-hidden": "true",
+        className: "size-4 shrink-0 transition-transform group-data-open:rotate-180 motion-reduce:transition-none"
+      })
+    ]
+  });
+}
+function ToolFallbackContent2({ children, ...props }) {
+  return /* @__PURE__ */ jsx(CollapsibleContent2, {
+    "data-slot": "tool-fallback-content",
+    ...props,
+    render: /* @__PURE__ */ jsx("div", {
+      className: cn2("aui-tool-fallback-content relative overflow-hidden text-sm outline-none", "group/collapsible-content ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:animate-none", "data-closed:animate-collapsible-up", "data-open:animate-collapsible-down", "data-closed:fill-mode-forwards", "data-closed:pointer-events-none", "[--tw-duration:var(--animation-duration)]")
+    }),
+    children: /* @__PURE__ */ jsx("div", {
+      className: cn2("flex flex-col gap-2 ps-6 pt-1 pb-2 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:animate-none", "group-data-open/collapsible-content:animate-in group-data-open/collapsible-content:fade-in-0 group-data-open/collapsible-content:blur-in-[2px] group-data-open/collapsible-content:slide-in-from-top-1", "group-data-closed/collapsible-content:animate-out group-data-closed/collapsible-content:fade-out-0 group-data-closed/collapsible-content:blur-out-[2px] group-data-closed/collapsible-content:slide-out-to-top-1", "group-data-closed/collapsible-content:animation-duration-(--animation-duration) group-data-open/collapsible-content:animation-duration-(--animation-duration)"),
+      children
+    })
+  });
+}
+function ToolFallbackArgs2({ argsText, className, ...props }) {
+  if (!argsText)
+    return null;
+  return /* @__PURE__ */ jsx("div", {
+    "data-slot": "tool-fallback-args",
+    className: cn2("aui-tool-fallback-args", className),
+    ...props,
+    children: /* @__PURE__ */ jsx("pre", {
+      className: "aui-tool-fallback-args-value bg-muted/50 text-foreground/90 rounded-md p-2.5 text-sm break-words whitespace-pre-wrap",
+      children: argsText
+    })
+  });
+}
+var formatUnknownValue2 = (value, space) => {
+  if (typeof value === "string")
+    return value;
+  try {
+    if (value instanceof Error)
+      return String(value);
+    const json = JSON.stringify(value, null, space);
+    if (json !== undefined)
+      return json;
+  } catch {}
+  try {
+    return String(value);
+  } catch {
+    return "[Unserializable value]";
+  }
+};
+function ToolFallbackResult2({ result, className, ...props }) {
+  if (result === undefined)
+    return null;
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "tool-fallback-result",
+    className: cn2("aui-tool-fallback-result", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("p", {
+        className: "aui-tool-fallback-result-header text-muted-foreground text-sm font-medium",
+        children: "Result:"
+      }),
+      /* @__PURE__ */ jsx("pre", {
+        className: "aui-tool-fallback-result-content bg-muted/50 text-foreground/90 mt-1 rounded-md p-2.5 text-sm break-words whitespace-pre-wrap",
+        children: formatUnknownValue2(result, 2)
+      })
+    ]
+  });
+}
+function ToolFallbackError2({ status, className, ...props }) {
+  if (status?.type !== "incomplete")
+    return null;
+  const error = status.error;
+  const errorText = error === undefined || error === null ? null : formatUnknownValue2(error);
+  if (!errorText)
+    return null;
+  const isCancelled = status.reason === "cancelled";
+  const headerText = isCancelled ? "Cancelled reason:" : "Error:";
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "tool-fallback-error",
+    className: cn2("aui-tool-fallback-error", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("p", {
+        className: "aui-tool-fallback-error-header text-muted-foreground font-semibold",
+        children: headerText
+      }),
+      /* @__PURE__ */ jsx("p", {
+        className: "aui-tool-fallback-error-reason text-muted-foreground break-words whitespace-pre-line",
+        children: errorText
+      })
+    ]
+  });
+}
+var APPROVED_RESULT = "Approved by user";
+var DENIED_RESULT = "User denied tool execution";
+var APPROVAL_OPTION_DEFAULT_LABELS = {
+  "allow-once": "Allow",
+  "allow-always": "Always allow",
+  "reject-once": "Deny",
+  "reject-always": "Always deny"
+};
+var isKnownKind = (kind) => Object.hasOwn(APPROVAL_OPTION_DEFAULT_LABELS, kind);
+var isAllowKind = (kind) => kind === "allow-once" || kind === "allow-always";
+var approvalOptionLabel = (option) => option.label ?? (isKnownKind(option.kind) ? APPROVAL_OPTION_DEFAULT_LABELS[option.kind] : undefined) ?? option.id;
+var isQuestion = (approval) => approval?.display === "select" || approval?.display === "text" || approval?.display === "questions";
+var questionAcceptsText = (question) => !question.options?.length || question.allowFreeform === true;
+var answerLabels = (question, answer) => [
+  ...(answer?.optionIds ?? []).map((id) => question.options?.find((option) => option.id === id)?.label ?? id),
+  ...answer?.text?.trim() ? [answer.text] : []
+];
+var isSettled = (approval) => approval != null && (approval.approved !== undefined || approval.resolution !== undefined);
+var approvalReceipt = (approval) => {
+  if (approval.resolution !== undefined)
+    return {
+      outcome: "closed",
+      label: approval.resolution === "cancelled" ? "Cancelled before a decision" : "Expired before a decision"
+    };
+  const chosen = approval.optionId === undefined ? undefined : approval.options?.find((option) => option.id === approval.optionId);
+  const option = chosen !== undefined ? approvalOptionLabel(chosen) : approval.optionId === undefined ? undefined : approval.optionId;
+  const answered = isQuestion(approval) || chosen !== undefined && !isKnownKind(chosen.kind);
+  const automatic = approval.isAutomatic ? " automatically" : "";
+  if (approval.approved)
+    return {
+      outcome: "allowed",
+      label: `${answered ? "Answered" : "Allowed"}${automatic}`,
+      option
+    };
+  return {
+    outcome: "refused",
+    label: `${answered ? "Dismissed" : "Denied"}${automatic}`,
+    option
+  };
+};
+var receiptIcons = {
+  allowed: CheckIcon,
+  refused: XCircleIcon,
+  closed: CircleMinusIcon
+};
+function ToolFallbackApprovalReceipt({
+  approval,
+  className,
+  focusReceiptRef,
+  receiptRef,
+  ...props
+}) {
+  useLayoutEffect(() => {
+    const shouldFocus = focusReceiptRef.current === approval.id;
+    focusReceiptRef.current = null;
+    if (shouldFocus)
+      receiptRef.current?.focus({ preventScroll: true });
+  }, [approval.id, focusReceiptRef, receiptRef]);
+  const receipt = approvalReceipt(approval);
+  const Icon = receiptIcons[receipt.outcome];
+  const notes = [
+    ...new Set([approval.text, approval.reason].filter((value) => typeof value === "string" && value !== ""))
+  ];
+  return /* @__PURE__ */ jsxs("div", {
+    ref: receiptRef,
+    "data-slot": "tool-fallback-approval-receipt",
+    "data-outcome": receipt.outcome,
+    tabIndex: -1,
+    className: cn2("aui-tool-fallback-approval-receipt flex flex-col gap-1.5 pt-1", className),
+    ...props,
+    children: [
+      approval.prompt ? /* @__PURE__ */ jsx("p", {
+        className: "aui-tool-fallback-approval-prompt text-muted-foreground whitespace-pre-line",
+        children: approval.prompt
+      }) : null,
+      /* @__PURE__ */ jsxs("p", {
+        className: "aui-tool-fallback-approval-receipt-label flex items-center gap-1.5",
+        children: [
+          /* @__PURE__ */ jsx(Icon, {
+            "aria-hidden": true,
+            className: "text-muted-foreground size-3.5 shrink-0"
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "font-medium",
+            children: receipt.label
+          }),
+          receipt.option !== undefined ? /* @__PURE__ */ jsxs("span", {
+            className: "text-muted-foreground",
+            children: [
+              "· ",
+              receipt.option
+            ]
+          }) : null
+        ]
+      }),
+      approval.answers && approval.questions?.map((question) => {
+        const labels = answerLabels(question, approval.answers && Object.hasOwn(approval.answers, question.id) ? approval.answers[question.id] : undefined);
+        if (labels.length === 0)
+          return null;
+        return /* @__PURE__ */ jsxs("p", {
+          className: "aui-tool-fallback-approval-receipt-answer whitespace-pre-line",
+          children: [
+            /* @__PURE__ */ jsx("span", {
+              className: "text-muted-foreground",
+              children: question.header ?? question.prompt
+            }),
+            " · ",
+            labels.join(", ")
+          ]
+        }, question.id);
+      }),
+      notes.map((text) => /* @__PURE__ */ jsx("p", {
+        className: "aui-tool-fallback-approval-receipt-note text-muted-foreground whitespace-pre-line",
+        children: text
+      }, text))
+    ]
+  });
+}
+function ToolFallbackApprovalQuestions({
+  questions,
+  dismissible,
+  locked,
+  onSend,
+  onDismiss
+}) {
+  const [selected, setSelected] = useState(() => new Map);
+  const [typed, setTyped] = useState(() => new Map);
+  const toggle = (question, optionId) => setSelected((current) => {
+    const chosen = current.get(question.id) ?? [];
+    const next = chosen.includes(optionId) ? chosen.filter((id) => id !== optionId) : question.multiple ? [...chosen, optionId] : [optionId];
+    return new Map(current).set(question.id, next);
+  });
+  const answerOf = (question) => {
+    const optionIds = selected.get(question.id) ?? [];
+    const draft = typed.get(question.id);
+    const text = draft?.trim() ? draft : undefined;
+    return {
+      ...optionIds.length > 0 && { optionIds },
+      ...text !== undefined && { text }
+    };
+  };
+  const complete = questions.length > 0 && questions.every((question) => {
+    const answer = answerOf(question);
+    return answer.optionIds !== undefined || answer.text !== undefined;
+  });
+  const send = () => {
+    if (locked || !complete)
+      return;
+    onSend(Object.fromEntries(questions.map((question) => [question.id, answerOf(question)])));
+  };
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      questions.map((question) => {
+        const chosen = selected.get(question.id) ?? [];
+        const described = question.options?.some((option) => option.description) ?? false;
+        return /* @__PURE__ */ jsxs("div", {
+          role: "group",
+          "aria-label": question.prompt,
+          "data-slot": "tool-fallback-approval-question",
+          className: "aui-tool-fallback-approval-question flex flex-col gap-2",
+          children: [
+            /* @__PURE__ */ jsxs("p", {
+              className: "aui-tool-fallback-approval-question-prompt text-foreground whitespace-pre-line",
+              children: [
+                question.header ? /* @__PURE__ */ jsx("span", {
+                  className: "text-muted-foreground me-1.5 text-sm font-medium uppercase",
+                  children: question.header
+                }) : null,
+                question.prompt
+              ]
+            }),
+            question.options && question.options.length > 0 ? /* @__PURE__ */ jsx("div", {
+              className: cn2("flex gap-2", described ? "flex-col items-stretch" : "flex-wrap items-center"),
+              children: question.options.map((option) => {
+                const pressed = chosen.includes(option.id);
+                return /* @__PURE__ */ jsxs(Button2, {
+                  variant: pressed ? "default" : "outline",
+                  "aria-pressed": pressed,
+                  onClick: () => toggle(question, option.id),
+                  disabled: locked,
+                  children: [
+                    /* @__PURE__ */ jsx("span", {
+                      children: option.label
+                    }),
+                    option.description ? /* @__PURE__ */ jsx("span", {
+                      className: "text-sm font-normal opacity-80",
+                      children: option.description
+                    }) : null
+                  ]
+                }, option.id);
+              })
+            }) : null,
+            questionAcceptsText(question) ? /* @__PURE__ */ jsx(Textarea2, {
+              value: typed.get(question.id) ?? "",
+              onChange: (event) => setTyped((current) => new Map(current).set(question.id, event.target.value)),
+              disabled: locked,
+              "aria-label": question.prompt,
+              placeholder: question.options?.length ? "Or type an answer" : "Type your answer"
+            }) : null
+          ]
+        }, question.id);
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsx(Button2, {
+            onClick: send,
+            disabled: locked || !complete,
+            children: "Send"
+          }),
+          dismissible ? /* @__PURE__ */ jsx(Button2, {
+            variant: "default",
+            onClick: onDismiss,
+            disabled: locked,
+            children: "Dismiss"
+          }) : null
+        ]
+      })
+    ]
+  });
+}
+var offersInterruptAction2 = (status, approval, interrupt) => status?.type !== "requires-action" || status.reason !== "interrupt" || approval != null || interrupt != null;
+var ToolFallbackApproval2 = forwardRef(function ToolFallbackApproval(props, ref) {
+  const carryFocusRef = useRef(false);
+  return /* @__PURE__ */ jsx(ToolFallbackApprovalImpl, {
+    carryFocusRef,
+    forwardedRef: ref,
+    ...props
+  }, props.approval?.id);
+});
+function ToolFallbackApprovalImpl({
+  className,
+  forwardedRef,
+  carryFocusRef,
+  addResult,
+  resume,
+  interrupt,
+  approval,
+  respondToApproval,
+  status,
+  ...props
+}) {
+  const [submitted, setSubmitted] = useState(false);
+  const voiceActive = useAuiState((s) => s.thread.voice !== undefined);
+  const canAnswer = useAuiState((s) => s.thread.capabilities.answerToolCall);
+  const locked = submitted || voiceActive;
+  const [confirmingId, setConfirmingId] = useState(null);
+  const [answer, setAnswer] = useState("");
+  const [error, setError] = useState(null);
+  const isRequiresAction = status?.type === "requires-action";
+  const [prevRequiresAction, setPrevRequiresAction] = useState(isRequiresAction);
+  const [attempt, setAttempt] = useState(0);
+  const attemptRef = useRef(attempt);
+  useLayoutEffect(() => {
+    attemptRef.current = attempt;
+  }, [attempt]);
+  if (isRequiresAction !== prevRequiresAction) {
+    setPrevRequiresAction(isRequiresAction);
+    if (isRequiresAction) {
+      setSubmitted(false);
+      setConfirmingId(null);
+      setAnswer("");
+      setError(null);
+      setAttempt(attempt + 1);
+    }
+  }
+  const pendingGroupRef = useRef(null);
+  const receiptRef = useRef(null);
+  const focusReceiptRef = useRef(null);
+  useLayoutEffect(() => {
+    if (carryFocusRef.current) {
+      carryFocusRef.current = false;
+      pendingGroupRef.current?.focus({ preventScroll: true });
+    }
+    return () => {
+      const element = pendingGroupRef.current ?? receiptRef.current;
+      carryFocusRef.current = element?.contains(element.ownerDocument.activeElement) ?? false;
+    };
+  }, [carryFocusRef]);
+  useImperativeHandle(forwardedRef, () => pendingGroupRef.current ?? receiptRef.current);
+  const setPendingGroup = useCallback((element) => {
+    const group = pendingGroupRef.current;
+    focusReceiptRef.current = !element && group?.contains(group.ownerDocument.activeElement) ? approval?.id : null;
+    pendingGroupRef.current = element;
+  }, [approval?.id]);
+  const hidePendingApproval = approval != null && !isSettled(approval) && status !== undefined && status.type !== "requires-action" && !(submitted && status.type === "running");
+  useLayoutEffect(() => {
+    if (hidePendingApproval)
+      focusReceiptRef.current = null;
+  }, [hidePendingApproval]);
+  const focusPendingGroup = () => {
+    const group = pendingGroupRef.current;
+    if (group?.contains(group.ownerDocument.activeElement)) {
+      group.focus({ preventScroll: true });
+    }
+  };
+  if (approval != null && isSettled(approval))
+    return /* @__PURE__ */ jsx(ToolFallbackApprovalReceipt, {
+      approval,
+      receiptRef,
+      focusReceiptRef,
+      className,
+      ...props
+    });
+  if (hidePendingApproval || !offersInterruptAction2(status, approval, interrupt))
+    return null;
+  const promptText = approval?.prompt ? /* @__PURE__ */ jsx("p", {
+    className: "aui-tool-fallback-approval-prompt text-foreground whitespace-pre-line",
+    children: approval.prompt
+  }) : null;
+  if (!canAnswer)
+    return promptText && /* @__PURE__ */ jsx("div", {
+      "data-slot": "tool-fallback-approval",
+      tabIndex: -1,
+      className: cn2("aui-tool-fallback-approval flex flex-col gap-2 pt-1", className),
+      ...props,
+      ref: setPendingGroup,
+      children: promptText
+    });
+  const declaredOptions = respondToApproval ? approval?.options : undefined;
+  const acceptsText = approval != null && respondToApproval != null && toolApprovalAcceptsText(approval);
+  const submit = (send) => {
+    focusPendingGroup();
+    setSubmitted(true);
+    setConfirmingId(null);
+    setError(null);
+    (async () => {
+      try {
+        await send();
+      } catch (sendError) {
+        if (attemptRef.current !== attempt)
+          return;
+        setSubmitted(false);
+        setError(sendError instanceof Error ? sendError.message : String(sendError));
+      }
+    })();
+  };
+  const respond = (approved) => {
+    if (locked)
+      return;
+    if (approval != null && approval.approved === undefined && respondToApproval) {
+      submit(() => respondToApproval({ approved, ...typedNote() }));
+    } else if (interrupt) {
+      submit(() => resume?.({ approved }));
+    } else if (status?.type === "requires-action" && status.reason === "interrupt") {
+      return;
+    } else {
+      submit(() => addResult?.(approved ? APPROVED_RESULT : DENIED_RESULT));
+    }
+  };
+  const respondWithOption = (option) => {
+    if (locked)
+      return;
+    submit(() => respondToApproval?.(isKnownKind(option.kind) ? { optionId: option.id, ...typedNote() } : { optionId: option.id, approved: true, ...typedNote() }));
+  };
+  const typedNote = () => answer.trim() ? { text: answer } : {};
+  const submitAnswer = () => {
+    if (locked)
+      return;
+    submit(() => respondToApproval?.({ text: answer }));
+  };
+  const dismiss = () => {
+    if (locked)
+      return;
+    submit(() => respondToApproval?.({ approved: false }));
+  };
+  const handleOption = (option) => {
+    if (option.confirm) {
+      focusPendingGroup();
+      setConfirmingId(option.id);
+    } else {
+      respondWithOption(option);
+    }
+  };
+  const confirming = confirmingId != null ? declaredOptions?.find((o) => o.id === confirmingId) : undefined;
+  const question = isQuestion(approval);
+  const dismissible = question && respondToApproval != null && approval?.dismissible === true;
+  const dismissButton = dismissible ? /* @__PURE__ */ jsx(Button2, {
+    variant: "default",
+    onClick: dismiss,
+    disabled: locked,
+    children: "Dismiss"
+  }) : null;
+  const errorText = error ? /* @__PURE__ */ jsx("p", {
+    role: "alert",
+    className: "aui-tool-fallback-approval-error text-destructive text-sm whitespace-pre-line",
+    children: error
+  }) : null;
+  const answerField = acceptsText ? /* @__PURE__ */ jsxs("div", {
+    className: "aui-tool-fallback-approval-answer flex flex-col items-start gap-2",
+    children: [
+      /* @__PURE__ */ jsx(Textarea2, {
+        value: answer,
+        onChange: (event) => setAnswer(event.target.value),
+        disabled: locked,
+        "aria-label": question ? approval?.prompt ?? "Answer" : "Note",
+        placeholder: question ? "Type your answer" : "Add a note to your decision"
+      }),
+      question && /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsx(Button2, {
+            onClick: submitAnswer,
+            disabled: locked,
+            children: "Send"
+          }),
+          dismissButton
+        ]
+      })
+    ]
+  }) : null;
+  if (approval?.display === "questions" && respondToApproval) {
+    return /* @__PURE__ */ jsxs("div", {
+      "data-slot": "tool-fallback-approval",
+      tabIndex: -1,
+      className: cn2("aui-tool-fallback-approval flex flex-col gap-3 pt-1", className),
+      ...props,
+      ref: setPendingGroup,
+      children: [
+        promptText,
+        /* @__PURE__ */ jsx(ToolFallbackApprovalQuestions, {
+          questions: approval.questions ?? [],
+          dismissible: approval.dismissible === true,
+          locked,
+          onSend: (answers) => submit(() => respondToApproval({ answers })),
+          onDismiss: dismiss
+        }),
+        errorText
+      ]
+    });
+  }
+  if (confirming) {
+    const confirmMeta = typeof confirming.confirm === "object" ? confirming.confirm : undefined;
+    const confirmDescription = confirmMeta?.description ?? confirming.description;
+    return /* @__PURE__ */ jsxs("div", {
+      "data-slot": "tool-fallback-approval-confirm",
+      tabIndex: -1,
+      className: cn2("aui-tool-fallback-approval-confirm flex flex-col gap-2 pt-1", className),
+      ...props,
+      ref: setPendingGroup,
+      children: [
+        /* @__PURE__ */ jsx("p", {
+          className: "aui-tool-fallback-approval-confirm-title font-semibold",
+          children: confirmMeta?.title ?? `${approvalOptionLabel(confirming)}?`
+        }),
+        confirmDescription && /* @__PURE__ */ jsx("p", {
+          className: "aui-tool-fallback-approval-confirm-description text-muted-foreground whitespace-pre-line",
+          children: confirmDescription
+        }),
+        confirming.grants && confirming.grants.length > 0 && /* @__PURE__ */ jsx("ul", {
+          className: "aui-tool-fallback-approval-confirm-grants flex flex-col gap-1",
+          children: confirming.grants.map((grant) => /* @__PURE__ */ jsx("li", {
+            children: /* @__PURE__ */ jsx("code", {
+              className: "aui-tool-fallback-approval-confirm-grant bg-muted rounded px-1.5 py-0.5 text-sm",
+              children: grant
+            })
+          }, grant))
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx(Button2, {
+              onClick: () => respondWithOption(confirming),
+              disabled: locked,
+              children: "Confirm"
+            }),
+            /* @__PURE__ */ jsx(Button2, {
+              variant: "default",
+              onClick: () => {
+                focusPendingGroup();
+                setConfirmingId(null);
+              },
+              disabled: locked,
+              children: "Back"
+            })
+          ]
+        })
+      ]
+    });
+  }
+  if (declaredOptions && declaredOptions.length > 0) {
+    const allowOptions = declaredOptions.filter((o) => isAllowKind(o.kind));
+    const customOptions = declaredOptions.filter((o) => !isKnownKind(o.kind));
+    const rejectOptions = declaredOptions.filter((o) => isKnownKind(o.kind) && !isAllowKind(o.kind));
+    return /* @__PURE__ */ jsxs("div", {
+      "data-slot": "tool-fallback-approval",
+      tabIndex: -1,
+      className: cn2("aui-tool-fallback-approval flex flex-col gap-2 pt-1", className),
+      ...props,
+      ref: setPendingGroup,
+      children: [
+        promptText,
+        /* @__PURE__ */ jsxs("div", {
+          className: "flex flex-wrap items-center gap-2",
+          children: [
+            [...allowOptions, ...customOptions, ...rejectOptions].map((option) => /* @__PURE__ */ jsx(Button2, {
+              variant: option === allowOptions[0] ? "default" : "outline",
+              onClick: () => handleOption(option),
+              disabled: locked,
+              children: approvalOptionLabel(option)
+            }, option.id)),
+            rejectOptions.length === 0 && !question && /* @__PURE__ */ jsx(Button2, {
+              variant: "default",
+              onClick: () => respond(false),
+              disabled: locked,
+              children: "Deny"
+            }),
+            !acceptsText && dismissButton
+          ]
+        }),
+        answerField,
+        errorText
+      ]
+    });
+  }
+  if (question) {
+    return /* @__PURE__ */ jsxs("div", {
+      "data-slot": "tool-fallback-approval",
+      tabIndex: -1,
+      className: cn2("aui-tool-fallback-approval flex flex-col gap-2 pt-1", className),
+      ...props,
+      ref: setPendingGroup,
+      children: [
+        promptText,
+        answerField,
+        !acceptsText && dismissButton && /* @__PURE__ */ jsx("div", {
+          className: "flex items-center gap-2",
+          children: dismissButton
+        }),
+        errorText
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    "data-slot": "tool-fallback-approval",
+    tabIndex: -1,
+    className: cn2("aui-tool-fallback-approval flex flex-col gap-2 pt-1", className),
+    ...props,
+    ref: setPendingGroup,
+    children: [
+      promptText,
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+          /* @__PURE__ */ jsx(Button2, {
+            onClick: () => respond(true),
+            disabled: locked,
+            children: "Allow"
+          }),
+          /* @__PURE__ */ jsx(Button2, {
+            variant: "default",
+            onClick: () => respond(false),
+            disabled: locked,
+            children: "Deny"
+          })
+        ]
+      }),
+      answerField,
+      errorText
+    ]
+  });
+}
+var ToolFallback2 = Object.assign(memo(function ToolFallback({
+  toolName,
+  argsText,
+  result,
+  status,
+  responseDeliveryStatus,
+  addResult,
+  resume,
+  interrupt,
+  approval,
+  respondToApproval
+}) {
+  const isCancelled = status?.type === "incomplete" && status.reason === "cancelled";
+  const isRequiresAction = status?.type === "requires-action";
+  const shouldRenderApproval = approval != null || isRequiresAction && offersInterruptAction2(status, approval, interrupt);
+  const [open, setOpen] = useState(isRequiresAction);
+  const [prevRequiresAction, setPrevRequiresAction] = useState(isRequiresAction);
+  if (isRequiresAction !== prevRequiresAction) {
+    setPrevRequiresAction(isRequiresAction);
+    if (isRequiresAction)
+      setOpen(true);
+  }
+  const approvalHadFocusRef = useRef(false);
+  const approvalElementRef = useRef(null);
+  const triggerRef = useRef(null);
+  useLayoutEffect(() => {
+    const focusedElement = approvalElementRef.current;
+    if (!focusedElement || focusedElement.isConnected || isRequiresAction || !approvalHadFocusRef.current) {
+      return;
+    }
+    const shouldFocusTrigger = approval == null || !isSettled(approval);
+    approvalHadFocusRef.current = false;
+    const { activeElement, body } = focusedElement.ownerDocument;
+    if (shouldFocusTrigger && (activeElement == null || activeElement === body)) {
+      triggerRef.current?.focus({ preventScroll: true });
+    }
+  }, [approval, isRequiresAction, status?.type]);
+  return /* @__PURE__ */ jsxs(ToolFallbackRoot2, {
+    open,
+    onOpenChange: setOpen,
+    children: [
+      /* @__PURE__ */ jsx(ToolFallbackTrigger2, {
+        toolName,
+        status,
+        responseDeliveryStatus
+      }),
+      /* @__PURE__ */ jsxs(ToolFallbackContent2, {
+        children: [
+          /* @__PURE__ */ jsx(ToolFallbackError2, {
+            status
+          }),
+          /* @__PURE__ */ jsx(ToolFallbackArgs2, {
+            argsText,
+            className: cn2(isCancelled && "opacity-60")
+          }),
+          shouldRenderApproval && /* @__PURE__ */ jsx(ToolFallbackApproval2, {
+            addResult,
+            resume,
+            interrupt,
+            approval,
+            respondToApproval,
+            status,
+            onFocusCapture: (event) => {
+              const root = event.currentTarget.closest('[data-slot="tool-fallback-root"]');
+              triggerRef.current = root?.querySelector('[data-slot="tool-fallback-trigger"]') ?? null;
+              approvalElementRef.current = event.currentTarget;
+              approvalHadFocusRef.current = true;
+            },
+            onBlurCapture: (event) => {
+              const relatedTarget = event.relatedTarget;
+              const stillFocused = relatedTarget ? event.currentTarget.contains(relatedTarget) : event.currentTarget.contains(event.currentTarget.ownerDocument.activeElement);
+              if (!stillFocused)
+                approvalHadFocusRef.current = false;
+            }
+          }),
+          /* @__PURE__ */ jsx(ToolFallbackResult2, {
+            result
+          })
+        ]
+      })
+    ]
+  });
+}), {
+  Root: ToolFallbackRoot2,
+  Trigger: ToolFallbackTrigger2,
+  Content: ToolFallbackContent2,
+  Args: ToolFallbackArgs2,
+  Result: ToolFallbackResult2,
+  Error: ToolFallbackError2,
+  Approval: ToolFallbackApproval2
+});
+ToolFallback2.displayName = "ToolFallback";
+
+export { ToolFallbackRoot2, ToolFallbackTrigger2, ToolFallbackContent2, ToolFallbackArgs2, formatUnknownValue2, ToolFallbackResult2, ToolFallbackError2, offersInterruptAction2, ToolFallbackApproval2, ToolFallback2 };