@athenaintel/react 0.19.0 → 0.20.0

package/dist/tools/tool-fallback.js

@@ -0,0 +1,667 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { memo, useMemo, useRef, useState, useCallback } from "react";
+import { LoaderIcon, XCircleIcon, AlertCircleIcon, PauseIcon, ShieldAlertIcon, CheckCircle2Icon, ChevronDownIcon, ExternalLinkIcon, LinkIcon } from "lucide-react";
+import { useScrollLock } from "@assistant-ui/react";
+import "../packages/agent-runtime/src/generated/runconfig-contract.js";
+import "@assistant-ui/tap";
+import "statewire";
+import "../packages/agent-runtime/src/statewire-suspended.js";
+import { getToolDisplayMeta, describeToolArgs, toolStatusLabel } from "../packages/agent-runtime/src/tool-metadata.js";
+import { resultMessage, classifyToolResult } from "../packages/agent-runtime/src/tool-result.js";
+import "@tanstack/react-query";
+import "../packages/agent-runtime/src/statewire-state.js";
+import "../packages/agent-runtime/src/messages.js";
+import "@assistant-ui/react-statewire";
+import "@assistant-ui/store";
+import "@assistant-ui/react-statewire/local-storage";
+import "../packages/agent-runtime/src/statewire-attach-observer.js";
+import "../packages/agent-runtime/src/thread-status.js";
+import "@assistant-ui/core";
+import { CollapsibleContent, Collapsible, CollapsibleTrigger } from "../ui/collapsible.js";
+import { useAssetPanelStore } from "../assets/asset-panel-store.js";
+import { useNestedPtcComponents, NestedPtcMessages } from "./NestedPtcMessages.js";
+import { tryParseJson, CopyToolSpecButton } from "./primitives.js";
+import { toolIcon } from "./tool-icons.js";
+import { cn } from "cnfast";
+const ANIMATION_DURATION = 200;
+function rejectedOutcome(classification) {
+  return classification.state === "rejected" ? classification.rejection : null;
+}
+function extractAssetId(result) {
+  if (!result) return null;
+  try {
+    const obj = typeof result === "string" ? JSON.parse(result) : result;
+    if (typeof obj === "object" && obj !== null) {
+      const record = obj;
+      const id = record.asset_id ?? record.assetId ?? record.id;
+      if (typeof id === "string" && id.startsWith("asset_")) return id;
+    }
+  } catch {
+  }
+  return null;
+}
+function extractAssetIdFromArgs(argsText) {
+  if (!argsText) return null;
+  const parsed = tryParseJson(argsText);
+  if (!parsed) return null;
+  const id = parsed.asset_id ?? parsed.assetId;
+  if (typeof id === "string" && id.startsWith("asset_")) return id;
+  return null;
+}
+function toolMetaToAssetType(toolName) {
+  const lower = toolName.toLowerCase();
+  if (lower.includes("presentation") || lower.includes("pptx") || lower.includes("slide") || lower.includes("powerpoint"))
+    return "presentation";
+  if (lower.includes("sheet") || lower.includes("spreadsheet"))
+    return "spreadsheet";
+  if (lower.includes("document") || lower.includes("doc") || lower.includes("markdown"))
+    return "document";
+  if (lower.includes("notebook"))
+    return "notebook";
+  return "unknown";
+}
+const CREATE_ASSET_TOOLS = [
+  "create_powerpoint_deck",
+  "create_document_from_markdown",
+  "create_new_document",
+  "create_new_sheet",
+  "create_new_notebook"
+];
+function isAssetTool(toolName, result) {
+  return CREATE_ASSET_TOOLS.includes(toolName.toLowerCase()) || extractAssetId(result) !== null;
+}
+function extractTitle(argsText, result) {
+  if (argsText) {
+    const args = tryParseJson(argsText);
+    if (args) {
+      const t = args.title ?? args.name ?? args.filename ?? args.sheet_name;
+      if (t) return t;
+    }
+  }
+  if (result) {
+    try {
+      const obj = typeof result === "string" ? JSON.parse(result) : result;
+      if (typeof obj === "object" && obj !== null) {
+        return obj.title ?? obj.name;
+      }
+    } catch {
+    }
+  }
+  return null;
+}
+function clearAutoOpenedAssets() {
+  useAssetPanelStore.getState().resetAutoOpen();
+}
+const HIDDEN_ARG_KEYS = /* @__PURE__ */ new Set(["catalog_id", "asset_id", "workspace_id", "user_id"]);
+function looksLikeInternalId(value) {
+  if (typeof value !== "string") return false;
+  return /^(asset|catalog|user|workspace)_[a-f0-9-]{8,}$/i.test(value);
+}
+function useOpenAsset(onOpenAsset) {
+  const storeOpenAsset = useAssetPanelStore((s) => s.openAsset);
+  return onOpenAsset ?? storeOpenAsset;
+}
+function ToolFallbackRoot({
+  className,
+  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 !== void 0;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = useCallback(
+    (open) => {
+      if (!open) {
+        lockScroll();
+      }
+      if (!isControlled) {
+        setUncontrolledOpen(open);
+      }
+      controlledOnOpenChange == null ? void 0 : controlledOnOpenChange(open);
+    },
+    [lockScroll, isControlled, controlledOnOpenChange]
+  );
+  return /* @__PURE__ */ jsx(
+    Collapsible,
+    {
+      ref: collapsibleRef,
+      "data-slot": "tool-fallback-root",
+      open: isOpen,
+      onOpenChange: handleOpenChange,
+      className: cn(
+        "aui-tool-fallback-root group/tool-fallback-root my-3 w-full rounded-xl border border-border/60 bg-background py-2.5 shadow-sm",
+        className
+      ),
+      style: {
+        "--animation-duration": `${ANIMATION_DURATION}ms`
+      },
+      ...props,
+      children
+    }
+  );
+}
+function ToolFallbackTrigger({
+  toolName,
+  argsText,
+  result,
+  status,
+  isError,
+  classification: givenClassification,
+  displayName,
+  activeLabel,
+  icon,
+  className,
+  ...props
+}) {
+  const classification = givenClassification ?? classifyToolResult({ status, result, isError });
+  const state = classification.state;
+  const isRunning = state === "running";
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const meta = getToolDisplayMeta(toolName);
+  const ToolIcon = icon ?? toolIcon(meta.icon);
+  const title = displayName ?? meta.displayName;
+  const running = activeLabel ?? meta.activeLabel;
+  const summary = useMemo(() => {
+    if (isRunning || !argsText) return null;
+    const parsed = tryParseJson(argsText);
+    return parsed ? describeToolArgs({ toolName, args: parsed }) ?? null : null;
+  }, [toolName, argsText, isRunning]);
+  const message = useMemo(
+    () => state === "complete" ? resultMessage(result) : null,
+    [result, state]
+  );
+  const rejection = rejectedOutcome(classification);
+  const headline = rejection ? toolStatusLabel(toolName, "rejected", displayName) : state === "error" ? `Failed: ${title}` : state === "paused" ? `Paused: ${title}` : title;
+  const secondary = rejection ? rejection.reason : message || summary;
+  return /* @__PURE__ */ jsxs(
+    CollapsibleTrigger,
+    {
+      "data-slot": "tool-fallback-trigger",
+      "data-tool-outcome": state,
+      className: cn(
+        "aui-tool-fallback-trigger group/trigger flex w-full items-center gap-2.5 px-3 text-sm transition-colors",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex size-7 shrink-0 items-center justify-center rounded-lg",
+              isRunning && "bg-blue-50 text-blue-600",
+              state === "complete" && "bg-emerald-50 text-emerald-600",
+              state === "error" && "bg-red-50 text-red-500",
+              (state === "requires-action" || state === "paused" || state === "rejected") && "bg-amber-50 text-amber-500"
+            ),
+            children: isRunning ? /* @__PURE__ */ jsx(LoaderIcon, { className: "size-3.5 animate-spin" }) : rejection ? /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3.5" }) : state === "error" ? isCancelled ? /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-3.5" }) : state === "paused" ? /* @__PURE__ */ jsx(PauseIcon, { className: "size-3.5" }) : state === "requires-action" ? /* @__PURE__ */ jsx(ShieldAlertIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ToolIcon, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 grow flex-col items-start gap-0.5 text-left", children: [
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "relative inline-block text-[13px] font-medium leading-tight",
+                isCancelled && "text-muted-foreground line-through"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { children: isRunning ? `${running}...` : headline }),
+                isRunning && /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: "shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none",
+                    children: [
+                      running,
+                      "..."
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          !isRunning && secondary && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground leading-snug max-w-full", children: secondary })
+        ] }),
+        state === "complete" && /* @__PURE__ */ jsx(CheckCircle2Icon, { className: "size-3.5 shrink-0 text-emerald-500" }),
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: cn(
+              "size-4 shrink-0 text-muted-foreground",
+              "transition-transform duration-(--animation-duration) ease-out",
+              "group-data-[state=closed]/trigger:-rotate-90",
+              "group-data-[state=open]/trigger:rotate-0"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function ToolFallbackContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CollapsibleContent,
+    {
+      "data-slot": "tool-fallback-content",
+      className: cn(
+        "aui-tool-fallback-content relative overflow-hidden text-sm outline-none",
+        "group/collapsible-content ease-out",
+        "data-[state=closed]:animate-collapsible-up",
+        "data-[state=open]:animate-collapsible-down",
+        "data-[state=closed]:fill-mode-forwards",
+        "data-[state=closed]:pointer-events-none",
+        "data-[state=open]:duration-(--animation-duration)",
+        "data-[state=closed]:duration-(--animation-duration)",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "mt-2.5 flex flex-col gap-2 border-t border-border/50 pt-2", children })
+    }
+  );
+}
+function ToolFallbackArgs({
+  argsText,
+  hideInternalIdArgs = true,
+  className,
+  ...props
+}) {
+  if (!argsText) return null;
+  const parsed = tryParseJson(argsText);
+  if (!parsed) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("px-3", className), ...props, children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Arguments" }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-1 whitespace-pre-wrap text-xs text-muted-foreground", children: argsText })
+    ] });
+  }
+  const entries = Object.entries(parsed).filter(
+    ([key, value]) => !hideInternalIdArgs || !HIDDEN_ARG_KEYS.has(key) && !looksLikeInternalId(value)
+  );
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "tool-fallback-args",
+      className: cn("aui-tool-fallback-args flex flex-col gap-1.5 px-3", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Arguments" }),
+        entries.map(([key, value]) => {
+          const strValue = typeof value === "string" ? value : JSON.stringify(value, null, 2);
+          const isLong = typeof value === "string" && value.length > 80;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: key }),
+            isLong ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs leading-relaxed text-foreground/80", children: strValue }) : /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs text-foreground/80", children: strValue })
+          ] }, key);
+        })
+      ]
+    }
+  );
+}
+function ToolFallbackResult({
+  result,
+  classification,
+  className,
+  ...props
+}) {
+  const message = resultMessage(result);
+  const succeeded = (classification ?? classifyToolResult({ status: { type: "complete" }, result })).state === "complete";
+  const displayValue = useMemo(() => {
+    if (result === void 0) return "";
+    if (typeof result === "string") {
+      const parsed = tryParseJson(result);
+      return parsed ? JSON.stringify(parsed, null, 2) : result;
+    }
+    return JSON.stringify(result, null, 2);
+  }, [result]);
+  if (result === void 0) return null;
+  if (message && succeeded) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "tool-fallback-result",
+      className: cn("border-t border-dashed border-border/50 px-3 pt-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Result" }),
+        /* @__PURE__ */ jsx("pre", { className: "mt-1 max-h-72 overflow-auto whitespace-pre-wrap break-words rounded-md bg-muted/20 p-2 text-[11px] text-foreground/80", children: message ?? displayValue })
+      ]
+    }
+  );
+}
+function ToolFallbackError({
+  status,
+  className,
+  ...props
+}) {
+  if ((status == null ? void 0 : status.type) !== "incomplete") return null;
+  const error = status.error;
+  const errorText = error ? typeof error === "string" ? error : JSON.stringify(error) : null;
+  if (!errorText) return null;
+  const isCancelled = status.reason === "cancelled";
+  const headerText = isCancelled ? "Cancelled" : "Error";
+  return /* @__PURE__ */ jsxs("div", { className: cn("px-3", className), ...props, children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: headerText }),
+    /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-destructive/80", children: errorText })
+  ] });
+}
+function ToolFallbackNotice({
+  classification,
+  className,
+  ...props
+}) {
+  if (classification.state === "error") {
+    const { failure } = classification;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "tool-fallback-notice",
+        className: cn(
+          "mt-2 border-t border-red-200/80 px-3 pt-1.5 text-[11px] text-red-700",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: failure.code ? `${failure.code}: ` : "Error: " }),
+          failure.message
+        ]
+      }
+    );
+  }
+  if (classification.state === "paused") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-slot": "tool-fallback-notice",
+        className: cn(
+          "mt-2 border-t border-amber-200/80 px-3 pt-1.5 text-[11px] text-amber-800",
+          className
+        ),
+        ...props,
+        children: classification.notice
+      }
+    );
+  }
+  return null;
+}
+function AssetToolCard({
+  toolName,
+  argsText,
+  result,
+  status,
+  classification,
+  context,
+  displayName,
+  activeLabel,
+  icon,
+  hideInternalIdArgs,
+  action,
+  notice,
+  renderResult,
+  onOpenAsset,
+  children,
+  defaultOpen,
+  className,
+  rootProps
+}) {
+  const [detailsOpen, setDetailsOpen] = useState(defaultOpen ?? false);
+  const openAsset = useOpenAsset(onOpenAsset);
+  const meta = getToolDisplayMeta(toolName);
+  const ToolIcon = icon ?? toolIcon(meta.icon);
+  const title = displayName ?? meta.displayName;
+  const state = classification.state;
+  const isRunning = state === "running";
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const assetId = extractAssetId(result);
+  const assetTitle = extractTitle(argsText, result);
+  const assetType = toolMetaToAssetType(toolName);
+  const rejection = rejectedOutcome(classification);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rootProps,
+      "data-slot": "tool-fallback-root",
+      "data-tool-outcome": state,
+      className: cn(
+        "aui-tool-fallback-root my-3 w-full rounded-xl border border-border/60 bg-background py-2.5 shadow-sm",
+        isCancelled && "border-muted-foreground/30 bg-muted/30",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 px-3 text-sm", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex size-7 shrink-0 items-center justify-center rounded-lg",
+                isRunning && "bg-blue-50 text-blue-600",
+                state === "complete" && "bg-emerald-50 text-emerald-600",
+                state === "error" && "bg-red-50 text-red-500",
+                state === "rejected" && "bg-amber-50 text-amber-500"
+              ),
+              children: isRunning ? /* @__PURE__ */ jsx(LoaderIcon, { className: "size-3.5 animate-spin" }) : rejection ? /* @__PURE__ */ jsx(XCircleIcon, { className: "size-3.5" }) : state === "error" ? /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(ToolIcon, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 grow flex-col items-start gap-0.5 text-left", children: [
+            /* @__PURE__ */ jsx("span", { className: "leading-tight font-medium", children: isRunning ? `${activeLabel ?? meta.activeLabel}...` : rejection ? toolStatusLabel(toolName, "rejected", displayName) : state === "error" ? `Failed: ${title}` : title }),
+            !isRunning && assetTitle && /* @__PURE__ */ jsx("span", { className: "max-w-full truncate text-xs leading-snug text-muted-foreground", children: assetTitle })
+          ] }),
+          assetId && state === "complete" && CREATE_ASSET_TOOLS.includes(toolName.toLowerCase()) && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => openAsset(assetId, { name: assetTitle ?? void 0, type: assetType }),
+              className: "flex shrink-0 items-center gap-1 rounded-md border border-border/60 px-2 py-0.5 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-2.5" }),
+                "Open"
+              ]
+            }
+          ),
+          action,
+          state === "complete" && /* @__PURE__ */ jsx(CheckCircle2Icon, { className: "size-3.5 shrink-0 text-emerald-500" }),
+          !isCancelled && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setDetailsOpen((o) => !o),
+              className: cn(
+                "flex size-5 shrink-0 items-center justify-center rounded transition-all",
+                detailsOpen ? "bg-primary/5 text-primary" : "text-muted-foreground/40 hover:bg-muted/50 hover:text-muted-foreground"
+              ),
+              title: "Show details",
+              children: /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  className: cn(
+                    "size-3 transition-transform duration-200",
+                    detailsOpen && "rotate-180"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        notice,
+        /* @__PURE__ */ jsx(ToolFallbackNotice, { classification }),
+        detailsOpen && !isCancelled && /* @__PURE__ */ jsxs("div", { className: "mt-2.5 flex flex-col gap-2 border-t border-border/50 px-3 pt-2", children: [
+          children,
+          /* @__PURE__ */ jsx(ToolFallbackArgs, { argsText, hideInternalIdArgs }),
+          renderResult ? renderResult(context) : /* @__PURE__ */ jsx(ToolFallbackResult, { result, classification }),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ jsx(CopyToolSpecButton, { toolName, argsText, result, className: "px-0 pb-0" }) })
+        ] })
+      ]
+    }
+  );
+}
+function AssetOpenLink({
+  assetId,
+  toolName,
+  onOpenAsset
+}) {
+  const openAsset = useOpenAsset(onOpenAsset);
+  const assetType = toolMetaToAssetType(toolName);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        openAsset(assetId, { type: assetType });
+      },
+      className: "flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground/50 transition-colors hover:bg-muted/50 hover:text-foreground",
+      title: "Open asset",
+      children: /* @__PURE__ */ jsx(LinkIcon, { className: "size-3" })
+    }
+  );
+}
+const ToolFallbackImpl = ({
+  toolName,
+  args,
+  argsText,
+  result,
+  status,
+  isError,
+  displayName,
+  activeLabel,
+  icon,
+  hideInternalIdArgs = true,
+  extraAction,
+  notice,
+  renderResult,
+  onOpenAsset,
+  children,
+  defaultOpen,
+  className,
+  rootProps
+}) => {
+  const classification = classifyToolResult({ status, result, isError });
+  const isCancelled = (status == null ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+  const nestedComponents = useNestedPtcComponents(ToolFallback);
+  const resultAssetId = extractAssetId(result);
+  const argsAssetId = extractAssetIdFromArgs(argsText);
+  const assetId = resultAssetId ?? argsAssetId;
+  const context = {
+    toolName,
+    args: args ?? void 0,
+    argsText,
+    result,
+    status,
+    classification,
+    assetId
+  };
+  const action = typeof extraAction === "function" ? extraAction(context) : extraAction;
+  if (isAssetTool(toolName, result)) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        AssetToolCard,
+        {
+          toolName,
+          argsText,
+          result,
+          status,
+          classification,
+          context,
+          displayName,
+          activeLabel,
+          icon,
+          hideInternalIdArgs,
+          action,
+          notice,
+          renderResult,
+          onOpenAsset,
+          defaultOpen,
+          className,
+          rootProps,
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(NestedPtcMessages, { components: nestedComponents })
+    ] });
+  }
+  const isComplete = classification.state === "complete";
+  return /* @__PURE__ */ jsxs(
+    ToolFallbackRoot,
+    {
+      ...rootProps,
+      defaultOpen,
+      className: cn(isCancelled && "border-muted-foreground/30 bg-muted/30", className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+            ToolFallbackTrigger,
+            {
+              toolName,
+              argsText,
+              result,
+              status,
+              classification,
+              displayName,
+              activeLabel,
+              icon
+            }
+          ) }),
+          action ? /* @__PURE__ */ jsx("div", { className: "shrink-0 pr-2", children: action }) : null,
+          assetId && isComplete && !action && /* @__PURE__ */ jsx("div", { className: "shrink-0 pr-2", children: /* @__PURE__ */ jsx(AssetOpenLink, { assetId, toolName, onOpenAsset }) })
+        ] }),
+        notice,
+        /* @__PURE__ */ jsx(ToolFallbackNotice, { classification }),
+        /* @__PURE__ */ jsxs(ToolFallbackContent, { children: [
+          children,
+          /* @__PURE__ */ jsx(ToolFallbackError, { status }),
+          /* @__PURE__ */ jsx(
+            ToolFallbackArgs,
+            {
+              argsText,
+              hideInternalIdArgs,
+              className: cn(isCancelled && "opacity-60")
+            }
+          ),
+          !isCancelled && (renderResult ? renderResult(context) : /* @__PURE__ */ jsx(ToolFallbackResult, { result, classification })),
+          /* @__PURE__ */ jsx(NestedPtcMessages, { components: nestedComponents }),
+          !isCancelled && /* @__PURE__ */ jsx("div", { className: "flex justify-end px-3 pt-1", children: /* @__PURE__ */ jsx(
+            CopyToolSpecButton,
+            {
+              toolName,
+              argsText,
+              result,
+              className: "px-0 pb-0"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+const ToolFallback = memo(
+  ToolFallbackImpl
+);
+ToolFallback.displayName = "ToolFallback";
+ToolFallback.Root = ToolFallbackRoot;
+ToolFallback.Trigger = ToolFallbackTrigger;
+ToolFallback.Content = ToolFallbackContent;
+ToolFallback.Args = ToolFallbackArgs;
+ToolFallback.Result = ToolFallbackResult;
+ToolFallback.Error = ToolFallbackError;
+ToolFallback.Notice = ToolFallbackNotice;
+export {
+  ToolFallback,
+  ToolFallbackArgs,
+  ToolFallbackContent,
+  ToolFallbackError,
+  ToolFallbackNotice,
+  ToolFallbackResult,
+  ToolFallbackRoot,
+  ToolFallbackTrigger,
+  clearAutoOpenedAssets
+};
+//# sourceMappingURL=tool-fallback.js.map