@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/tool-approval-Dys524ty.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const Button = require('./Button-CVewl8nT.cjs');
+
+function ToolApprovalActions({
+  onApprove,
+  onDecline,
+  disabled = false,
+  status,
+  toolName,
+  autoFocus = false
+}) {
+  const actionsDisabled = disabled || status !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        type: "button",
+        variant: status ? "default" : "primary",
+        size: "sm",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}),
+        "aria-label": toolName ? `Approve ${toolName}` : void 0,
+        autoFocus,
+        disabled: actionsDisabled,
+        className: status === "approved" ? "text-accent1!" : void 0,
+        onClick: onApprove,
+        children: "Approve"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        type: "button",
+        size: "sm",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, {}),
+        "aria-label": toolName ? `Decline ${toolName}` : void 0,
+        disabled: actionsDisabled,
+        className: status === "declined" ? "text-accent2!" : void 0,
+        onClick: onDecline,
+        children: "Decline"
+      }
+    )
+  ] });
+}
+function ToolApproval({ toolName, children, ...actions }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "border-border border-l-warning1 bg-fill my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3",
+      role: "group",
+      "aria-label": `Tool approval for ${toolName}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground text-subheading mb-1.5", children: [
+          "Approve ",
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "bg-fill-hover text-caption rounded px-1.5 py-px font-mono break-all", children: toolName }),
+          "?"
+        ] }),
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(ToolApprovalActions, { toolName, ...actions }) })
+      ]
+    }
+  );
+}
+
+exports.ToolApproval = ToolApproval;
+exports.ToolApprovalActions = ToolApprovalActions;
+//# sourceMappingURL=tool-approval-Dys524ty.cjs.map

package/dist/tool-approval-Dys524ty.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval-Dys524ty.cjs","sources":["../src/ds/components/ai/tool-approval/tool-approval.tsx"],"sourcesContent":["import { Check, X } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface ToolApprovalActionsProps {\n  onApprove: () => void;\n  onDecline: () => void;\n  disabled?: boolean;\n  status?: 'approved' | 'declined';\n  toolName?: string;\n  autoFocus?: boolean;\n}\n\nexport function ToolApprovalActions({\n  onApprove,\n  onDecline,\n  disabled = false,\n  status,\n  toolName,\n  autoFocus = false,\n}: ToolApprovalActionsProps) {\n  const actionsDisabled = disabled || status !== undefined;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Button\n        type=\"button\"\n        variant={status ? 'default' : 'primary'}\n        size=\"sm\"\n        icon={<Check />}\n        aria-label={toolName ? `Approve ${toolName}` : undefined}\n        autoFocus={autoFocus}\n        disabled={actionsDisabled}\n        className={status === 'approved' ? 'text-accent1!' : undefined}\n        onClick={onApprove}\n      >\n        Approve\n      </Button>\n      <Button\n        type=\"button\"\n        size=\"sm\"\n        icon={<X />}\n        aria-label={toolName ? `Decline ${toolName}` : undefined}\n        disabled={actionsDisabled}\n        className={status === 'declined' ? 'text-accent2!' : undefined}\n        onClick={onDecline}\n      >\n        Decline\n      </Button>\n    </div>\n  );\n}\n\nexport interface ToolApprovalProps extends ToolApprovalActionsProps {\n  toolName: string;\n  children?: ReactNode;\n}\n\nexport function ToolApproval({ toolName, children, ...actions }: ToolApprovalProps) {\n  return (\n    <div\n      className=\"border-border border-l-warning1 bg-fill my-2 min-w-0 rounded-lg border border-l-4 px-4 py-3\"\n      role=\"group\"\n      aria-label={`Tool approval for ${toolName}`}\n    >\n      <div className=\"text-foreground text-subheading mb-1.5\">\n        Approve <code className=\"bg-fill-hover text-caption rounded px-1.5 py-px font-mono break-all\">{toolName}</code>?\n      </div>\n      {children}\n      <div className=\"mt-2\">\n        <ToolApprovalActions toolName={toolName} {...actions} />\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","Button","Check","X"],"mappings":";;;;;;AAaO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAA6B;AAC3B,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAA,KAAW,MAAA;AAE/C,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,SAAS,SAAA,GAAY,SAAA;AAAA,QAC9B,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,iCAAOC,iBAAA,EAAA,EAAM,CAAA;AAAA,QACb,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,SAAA;AAAA,QACA,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBACAF,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,IAAA;AAAA,QACL,IAAA,iCAAOE,aAAA,EAAA,EAAE,CAAA;AAAA,QACT,YAAA,EAAY,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,QAC/C,QAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,eAAA,GAAkB,MAAA;AAAA,QACrD,OAAA,EAAS,SAAA;AAAA,QACV,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,aAAa,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,SAAQ,EAAsB;AAClF,EAAA,uBACEJ,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,6FAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,YAAA,EAAY,qBAAqB,QAAQ,CAAA,CAAA;AAAA,MAEzC,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EAAyC,QAAA,EAAA;AAAA,UAAA,UAAA;AAAA,0BAC9CC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qEAAA,EAAuE,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,UAAO;AAAA,SAAA,EACjH,CAAA;AAAA,QACC,QAAA;AAAA,wBACDA,cAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EACb,yCAAC,mBAAA,EAAA,EAAoB,QAAA,EAAqB,GAAG,OAAA,EAAS,CAAA,EACxD;AAAA;AAAA;AAAA,GACF;AAEJ;;;;;"}

package/dist/tool-call-CMRvRE-v.cjs

@@ -0,0 +1,197 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const useWatched = require('./use-watched-BixmYWp0.cjs');
+const collapsible = require('./collapsible-BvrI6XnN.cjs');
+const copyButton = require('./copy-button-BbDBpBMl.cjs');
+const shimmer = require('./shimmer-DbSkqomT.cjs');
+const Txt = require('./Txt-B4-2nLaI.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const ToolCallContext = React.createContext(void 0);
+const noopOpenChange = () => {
+};
+function useToolCall() {
+  const context = React.useContext(ToolCallContext);
+  if (!context) throw new Error("ToolCall compounds must be rendered within ToolCall");
+  return context;
+}
+function ToolCall({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange = noopOpenChange,
+  status = "idle",
+  className,
+  children,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const statusId = React.useId();
+  const handleOpenChange = (nextOpen) => {
+    if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ToolCallContext.Provider, { value: { open, status }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    collapsible.Collapsible,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      className: utils_cn.cn("max-w-full min-w-0", className),
+      role: "group",
+      "aria-busy": status === "running",
+      "aria-invalid": status === "error" || void 0,
+      "aria-describedby": status === "idle" ? void 0 : statusId,
+      "data-status": status,
+      ...props,
+      children: [
+        children,
+        status !== "idle" && /* @__PURE__ */ jsxRuntime.jsx("span", { id: statusId, className: "sr-only", children: status === "running" ? "Tool call running" : "Tool call failed" })
+      ]
+    }
+  ) });
+}
+const ToolCallTrigger = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  collapsible.CollapsibleTrigger,
+  {
+    className: utils_cn.cn(
+      "group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-fill focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none",
+      className
+    ),
+    ...props
+  }
+);
+const ToolCallHeader = ({ className, children, ...props }) => {
+  const { status } = useToolCall();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    shimmer.Shimmer,
+    {
+      active: status === "running",
+      className: utils_cn.cn("flex w-full min-w-0 items-center gap-2 px-1.5 py-1", className),
+      ...props,
+      children
+    }
+  );
+};
+const ToolCallIcon = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex size-4 shrink-0 items-center justify-center", className), ...props });
+const ToolCallLabel = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", tone: "muted", className: utils_cn.cn("max-w-[55%] shrink-0 truncate", className), ...props });
+const ToolCallDetail = ({ className, ...props }) => {
+  const arriving = useWatched.useArriving();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Txt.Txt,
+    {
+      as: "span",
+      variant: "meta",
+      tone: "muted",
+      font: "mono",
+      className: utils_cn.cn("min-w-0 truncate", arriving, className),
+      ...props
+    }
+  );
+};
+const ToolCallSummary = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex min-w-0 items-center gap-1", className), ...props });
+const ToolCallSpacer = ({ rule, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "span",
+  {
+    "aria-hidden": true,
+    className: utils_cn.cn("min-w-2 flex-1", rule && "h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]", className),
+    ...props
+  }
+);
+const ToolCallTrailing = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex shrink-0 items-center", className), ...props });
+const ToolCallDisclosure = ({ className, children, ...props }) => {
+  const { open } = useToolCall();
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("flex size-4 shrink-0 items-center justify-center", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: utils_cn.cn(
+        "text-muted-foreground flex shrink-0 items-center opacity-0 transition duration-150 motion-reduce:transition-none",
+        "group-hover/row:opacity-100 group-focus-visible/row:opacity-100",
+        open && "rotate-90 opacity-100"
+      ),
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 13 })
+    }
+  ) });
+};
+const ToolCallPresentedHeader = ({
+  leading,
+  icon: Icon,
+  label,
+  detail,
+  disclosure = true,
+  ...props
+}) => {
+  const { status } = useToolCall();
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToolCallHeader, { ...props, children: [
+    leading,
+    /* @__PURE__ */ jsxRuntime.jsx(ToolCallIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        size: 14,
+        strokeWidth: 1.75,
+        "aria-hidden": true,
+        className: status === "error" ? "text-error/80" : "text-placeholder"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ToolCallLabel, { children: label }),
+    detail && /* @__PURE__ */ jsxRuntime.jsx(ToolCallDetail, { children: detail }),
+    /* @__PURE__ */ jsxRuntime.jsx(ToolCallSpacer, {}),
+    status === "error" && /* @__PURE__ */ jsxRuntime.jsx(ToolCallTrailing, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 13, role: "img", "aria-label": "Failed", className: "text-error shrink-0" }) }),
+    disclosure && /* @__PURE__ */ jsxRuntime.jsx(ToolCallDisclosure, {})
+  ] });
+};
+const ToolCallContent = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { className: "max-w-full min-w-0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: utils_cn.cn(
+      "relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']",
+      className
+    ),
+    children
+  }
+) });
+const ToolCallMono = ({ copyText, className, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/block relative max-w-full min-w-0", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "pre",
+    {
+      className: utils_cn.cn(
+        "m-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap",
+        className
+      ),
+      ...props,
+      children
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    copyButton.CopyButton,
+    {
+      content: copyText,
+      size: "sm",
+      variant: "ghost",
+      className: "absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100"
+    }
+  )
+] });
+const ToolCallCommand = ({ command }) => /* @__PURE__ */ jsxRuntime.jsxs(ToolCallMono, { copyText: command, className: "text-foreground", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground select-none", children: "$ " }),
+  command
+] });
+
+exports.ToolCall = ToolCall;
+exports.ToolCallCommand = ToolCallCommand;
+exports.ToolCallContent = ToolCallContent;
+exports.ToolCallDetail = ToolCallDetail;
+exports.ToolCallDisclosure = ToolCallDisclosure;
+exports.ToolCallHeader = ToolCallHeader;
+exports.ToolCallIcon = ToolCallIcon;
+exports.ToolCallLabel = ToolCallLabel;
+exports.ToolCallMono = ToolCallMono;
+exports.ToolCallPresentedHeader = ToolCallPresentedHeader;
+exports.ToolCallSpacer = ToolCallSpacer;
+exports.ToolCallSummary = ToolCallSummary;
+exports.ToolCallTrailing = ToolCallTrailing;
+exports.ToolCallTrigger = ToolCallTrigger;
+//# sourceMappingURL=tool-call-CMRvRE-v.cjs.map

package/dist/tool-call-CMRvRE-v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-CMRvRE-v.cjs","sources":["../src/ds/components/ai/tool-call/tool-call.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ToolCallStatus = 'idle' | 'running' | 'error';\n\ninterface ToolCallContextValue {\n  open: boolean;\n  status: ToolCallStatus;\n}\n\nconst ToolCallContext = createContext<ToolCallContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useToolCall() {\n  const context = useContext(ToolCallContext);\n  if (!context) throw new Error('ToolCall compounds must be rendered within ToolCall');\n  return context;\n}\n\nexport interface ToolCallProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  status?: ToolCallStatus;\n}\n\nexport function ToolCall({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ToolCallProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ToolCallContext.Provider value={{ open, status }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        {status !== 'idle' && (\n          <span id={statusId} className=\"sr-only\">\n            {status === 'running' ? 'Tool call running' : 'Tool call failed'}\n          </span>\n        )}\n      </Collapsible>\n    </ToolCallContext.Provider>\n  );\n}\n\nexport const ToolCallTrigger = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn(\n      'group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-fill focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport const ToolCallHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useToolCall();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ToolCallIcon = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props} />\n);\n\nexport const ToolCallLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport const ToolCallDetail = ({ className, ...props }: ComponentProps<typeof Txt>) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font=\"mono\"\n      className={cn('min-w-0 truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ToolCallSummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ToolCallSpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ToolCallSpacer = ({ rule, className, ...props }: ToolCallSpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ToolCallTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ToolCallDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open } = useToolCall();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'text-muted-foreground flex shrink-0 items-center opacity-0 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:opacity-100 group-focus-visible/row:opacity-100',\n          open && 'rotate-90 opacity-100',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ToolCallPresentedHeaderProps extends Omit<ComponentProps<typeof ToolCallHeader>, 'children'> {\n  /** Rendered ahead of the icon, e.g. a timestamp. */\n  leading?: ReactNode;\n  icon: LucideIcon;\n  label: string;\n  detail?: string;\n  disclosure?: boolean;\n}\n\n/** The canonical header of a presented tool call: icon, label, detail, failure mark, chevron. */\nexport const ToolCallPresentedHeader = ({\n  leading,\n  icon: Icon,\n  label,\n  detail,\n  disclosure = true,\n  ...props\n}: ToolCallPresentedHeaderProps) => {\n  const { status } = useToolCall();\n\n  return (\n    <ToolCallHeader {...props}>\n      {leading}\n      <ToolCallIcon>\n        <Icon\n          size={14}\n          strokeWidth={1.75}\n          aria-hidden\n          className={status === 'error' ? 'text-error/80' : 'text-placeholder'}\n        />\n      </ToolCallIcon>\n      <ToolCallLabel>{label}</ToolCallLabel>\n      {detail && <ToolCallDetail>{detail}</ToolCallDetail>}\n      <ToolCallSpacer />\n      {status === 'error' && (\n        <ToolCallTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" />\n        </ToolCallTrailing>\n      )}\n      {disclosure && <ToolCallDisclosure />}\n    </ToolCallHeader>\n  );\n};\n\nexport const ToolCallContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-foreground\">\n    <span className=\"text-muted-foreground select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n\nexport type { ToolCallStatus };\n"],"names":["createContext","useContext","useState","useId","jsx","jsxs","Collapsible","cn","CollapsibleTrigger","Shimmer","Txt","useArriving","ChevronRight","X","CollapsibleContent","CopyButton"],"mappings":";;;;;;;;;;;;AAkBA,MAAM,eAAA,GAAkBA,oBAAgD,MAAS,CAAA;AAGjF,MAAM,iBAAiB,MAAM;AAAC,CAAA;AAE9B,SAAS,WAAA,GAAc;AACrB,EAAA,MAAM,OAAA,GAAUC,iBAAW,eAAe,CAAA;AAC1C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,qDAAqD,CAAA;AACnF,EAAA,OAAO,OAAA;AACT;AAYO,SAAS,QAAA,CAAS;AAAA,EACvB,IAAA,EAAM,cAAA;AAAA,EACN,WAAA,GAAc,KAAA;AAAA,EACd,YAAA,GAAe,cAAA;AAAA,EACf,MAAA,GAAS,MAAA;AAAA,EACT,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAkB;AAChB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIC,eAAS,WAAW,CAAA;AACpE,EAAA,MAAM,OAAO,cAAA,IAAkB,gBAAA;AAC/B,EAAA,MAAM,WAAWC,WAAA,EAAM;AAEvB,EAAA,MAAM,gBAAA,GAAmB,CAAC,QAAA,KAAsB;AAC9C,IAAA,IAAI,cAAA,KAAmB,MAAA,EAAW,mBAAA,CAAoB,QAAQ,CAAA;AAC9D,IAAA,YAAA,CAAa,QAAQ,CAAA;AAAA,EACvB,CAAA;AAEA,EAAA,uBACEC,cAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,EAAE,IAAA,EAAM,QAAO,EAC9C,QAAA,kBAAAC,eAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA,EAAc,gBAAA;AAAA,MACd,SAAA,EAAWC,WAAA,CAAG,oBAAA,EAAsB,SAAS,CAAA;AAAA,MAC7C,IAAA,EAAK,OAAA;AAAA,MACL,aAAW,MAAA,KAAW,SAAA;AAAA,MACtB,cAAA,EAAc,WAAW,OAAA,IAAW,MAAA;AAAA,MACpC,kBAAA,EAAkB,MAAA,KAAW,MAAA,GAAS,MAAA,GAAY,QAAA;AAAA,MAClD,aAAA,EAAa,MAAA;AAAA,MACZ,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,MAAA,KAAW,MAAA,oBACVH,cAAA,CAAC,MAAA,EAAA,EAAK,EAAA,EAAI,QAAA,EAAU,SAAA,EAAU,SAAA,EAC3B,QAAA,EAAA,MAAA,KAAW,SAAA,GAAY,mBAAA,GAAsB,kBAAA,EAChD;AAAA;AAAA;AAAA,GAEJ,EACF,CAAA;AAEJ;AAEO,MAAM,kBAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBACpDA,cAAA;AAAA,EAACI,8BAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAWD,WAAA;AAAA,MACT,iMAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN;AAGK,MAAM,iBAAiB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC3F,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAE/B,EAAA,uBACEH,cAAA;AAAA,IAACK,eAAA;AAAA,IAAA;AAAA,MACC,QAAQ,MAAA,KAAW,SAAA;AAAA,MACnB,SAAA,EAAWF,WAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC5E,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,YAAA,GAAe,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACjDH,cAAA,CAAC,MAAA,EAAA,EAAK,WAAWG,WAAA,CAAG,kDAAA,EAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAG1F,MAAM,aAAA,GAAgB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,oCACjDG,OAAA,EAAA,EAAI,EAAA,EAAG,QAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,OAAA,EAAQ,SAAA,EAAWH,YAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAG/G,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,KAAkC;AACrF,EAAA,MAAM,WAAWI,sBAAA,EAAY;AAE7B,EAAA,uBACEP,cAAA;AAAA,IAACM,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAWH,WAAA,CAAG,kBAAA,EAAoB,QAAA,EAAU,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACpDH,cAAA,CAAC,MAAA,EAAA,EAAK,WAAWG,WAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAOzE,MAAM,iBAAiB,CAAC,EAAE,MAAM,SAAA,EAAW,GAAG,OAAM,qBACzDH,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,aAAA,EAAW,IAAA;AAAA,IACX,SAAA,EAAWG,WAAA,CAAG,gBAAA,EAAkB,IAAA,IAAQ,2DAA2D,SAAS,CAAA;AAAA,IAC3G,GAAG;AAAA;AACN;AAGK,MAAM,gBAAA,GAAmB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACrDH,cAAA,CAAC,MAAA,EAAA,EAAK,WAAWG,WAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAGpE,MAAM,qBAAqB,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,OAAM,KAA8B;AAC/F,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,WAAA,EAAY;AAE7B,EAAA,uBACEH,cAAA,CAAC,UAAK,SAAA,EAAWG,WAAA,CAAG,oDAAoD,SAAS,CAAA,EAAI,GAAG,KAAA,EACtF,QAAA,kBAAAH,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWG,WAAA;AAAA,QACT,kHAAA;AAAA,QACA,iEAAA;AAAA,QACA,IAAA,IAAQ;AAAA,OACV;AAAA,MAEC,QAAA,EAAA,QAAA,oBAAYH,cAAA,CAACQ,wBAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA,GACvC,EACF,CAAA;AAEJ;AAYO,MAAM,0BAA0B,CAAC;AAAA,EACtC,OAAA;AAAA,EACA,IAAA,EAAM,IAAA;AAAA,EACN,KAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,GAAG;AACL,CAAA,KAAoC;AAClC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,WAAA,EAAY;AAE/B,EAAA,uBACEP,eAAA,CAAC,cAAA,EAAA,EAAgB,GAAG,KAAA,EACjB,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,mCACA,YAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,EAAA;AAAA,QACN,WAAA,EAAa,IAAA;AAAA,QACb,aAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW,MAAA,KAAW,OAAA,GAAU,eAAA,GAAkB;AAAA;AAAA,KACpD,EACF,CAAA;AAAA,oBACAA,cAAA,CAAC,iBAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACrB,MAAA,oBAAUA,cAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,mCAClC,cAAA,EAAA,EAAe,CAAA;AAAA,IACf,MAAA,KAAW,OAAA,oBACVA,cAAA,CAAC,gBAAA,EAAA,EACC,yCAACS,aAAA,EAAA,EAAE,IAAA,EAAM,EAAA,EAAI,IAAA,EAAK,KAAA,EAAM,YAAA,EAAW,QAAA,EAAS,SAAA,EAAU,uBAAsB,CAAA,EAC9E,CAAA;AAAA,IAED,UAAA,mCAAe,kBAAA,EAAA,EAAmB;AAAA,GAAA,EACrC,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,qBAC9DT,cAAA,CAACU,8BAAA,EAAA,EAAmB,SAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EACrD,QAAA,kBAAAV,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAWG,WAAA;AAAA,MACT,4NAAA;AAAA,MACA;AAAA,KACF;AAAA,IAEC;AAAA;AACH,CAAA,EACF;AAQK,MAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,qBACrEF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA;AAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWG,WAAA;AAAA,QACT,2HAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAAA,kBACAH,cAAA;AAAA,IAACW,qBAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,QAAA;AAAA,MACT,IAAA,EAAK,IAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,SAAA,EAAU;AAAA;AAAA;AACZ,CAAA,EACF;AAIK,MAAM,eAAA,GAAkB,CAAC,EAAE,OAAA,EAAQ,qCACvC,YAAA,EAAA,EAAa,QAAA,EAAU,OAAA,EAAS,SAAA,EAAU,iBAAA,EACzC,QAAA,EAAA;AAAA,kBAAAX,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC,QAAA,EAAA,IAAA,EAAE,CAAA;AAAA,EACrD;AAAA,CAAA,EACH;;;;;;;;;;;;;;;;;"}

package/dist/tool-call-K147tCug.js

@@ -0,0 +1,182 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { X, ChevronRight } from 'lucide-react';
+import { useState, useId, useContext, createContext } from 'react';
+import { u as useArriving } from './use-watched-CG9KoWl3.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from './collapsible-B2uUy8w5.js';
+import { C as CopyButton } from './copy-button-2cwdZ3dW.js';
+import { S as Shimmer } from './shimmer-BN7Dzm37.js';
+import { T as Txt } from './Txt-DTh3Pa_a.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const ToolCallContext = createContext(void 0);
+const noopOpenChange = () => {
+};
+function useToolCall() {
+  const context = useContext(ToolCallContext);
+  if (!context) throw new Error("ToolCall compounds must be rendered within ToolCall");
+  return context;
+}
+function ToolCall({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange = noopOpenChange,
+  status = "idle",
+  className,
+  children,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const statusId = useId();
+  const handleOpenChange = (nextOpen) => {
+    if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsx(ToolCallContext.Provider, { value: { open, status }, children: /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open,
+      onOpenChange: handleOpenChange,
+      className: cn("max-w-full min-w-0", className),
+      role: "group",
+      "aria-busy": status === "running",
+      "aria-invalid": status === "error" || void 0,
+      "aria-describedby": status === "idle" ? void 0 : statusId,
+      "data-status": status,
+      ...props,
+      children: [
+        children,
+        status !== "idle" && /* @__PURE__ */ jsx("span", { id: statusId, className: "sr-only", children: status === "running" ? "Tool call running" : "Tool call failed" })
+      ]
+    }
+  ) });
+}
+const ToolCallTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  CollapsibleTrigger,
+  {
+    className: cn(
+      "group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-fill focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none",
+      className
+    ),
+    ...props
+  }
+);
+const ToolCallHeader = ({ className, children, ...props }) => {
+  const { status } = useToolCall();
+  return /* @__PURE__ */ jsx(
+    Shimmer,
+    {
+      active: status === "running",
+      className: cn("flex w-full min-w-0 items-center gap-2 px-1.5 py-1", className),
+      ...props,
+      children
+    }
+  );
+};
+const ToolCallIcon = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", className), ...props });
+const ToolCallLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", tone: "muted", className: cn("max-w-[55%] shrink-0 truncate", className), ...props });
+const ToolCallDetail = ({ className, ...props }) => {
+  const arriving = useArriving();
+  return /* @__PURE__ */ jsx(
+    Txt,
+    {
+      as: "span",
+      variant: "meta",
+      tone: "muted",
+      font: "mono",
+      className: cn("min-w-0 truncate", arriving, className),
+      ...props
+    }
+  );
+};
+const ToolCallSummary = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex min-w-0 items-center gap-1", className), ...props });
+const ToolCallSpacer = ({ rule, className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("min-w-2 flex-1", rule && "h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]", className),
+    ...props
+  }
+);
+const ToolCallTrailing = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("flex shrink-0 items-center", className), ...props });
+const ToolCallDisclosure = ({ className, children, ...props }) => {
+  const { open } = useToolCall();
+  return /* @__PURE__ */ jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "text-muted-foreground flex shrink-0 items-center opacity-0 transition duration-150 motion-reduce:transition-none",
+        "group-hover/row:opacity-100 group-focus-visible/row:opacity-100",
+        open && "rotate-90 opacity-100"
+      ),
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, { size: 13 })
+    }
+  ) });
+};
+const ToolCallPresentedHeader = ({
+  leading,
+  icon: Icon,
+  label,
+  detail,
+  disclosure = true,
+  ...props
+}) => {
+  const { status } = useToolCall();
+  return /* @__PURE__ */ jsxs(ToolCallHeader, { ...props, children: [
+    leading,
+    /* @__PURE__ */ jsx(ToolCallIcon, { children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        size: 14,
+        strokeWidth: 1.75,
+        "aria-hidden": true,
+        className: status === "error" ? "text-error/80" : "text-placeholder"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(ToolCallLabel, { children: label }),
+    detail && /* @__PURE__ */ jsx(ToolCallDetail, { children: detail }),
+    /* @__PURE__ */ jsx(ToolCallSpacer, {}),
+    status === "error" && /* @__PURE__ */ jsx(ToolCallTrailing, { children: /* @__PURE__ */ jsx(X, { size: 13, role: "img", "aria-label": "Failed", className: "text-error shrink-0" }) }),
+    disclosure && /* @__PURE__ */ jsx(ToolCallDisclosure, {})
+  ] });
+};
+const ToolCallContent = ({ className, children, ...props }) => /* @__PURE__ */ jsx(CollapsibleContent, { className: "max-w-full min-w-0", ...props, children: /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']",
+      className
+    ),
+    children
+  }
+) });
+const ToolCallMono = ({ copyText, className, children, ...props }) => /* @__PURE__ */ jsxs("div", { className: "group/block relative max-w-full min-w-0", children: [
+  /* @__PURE__ */ jsx(
+    "pre",
+    {
+      className: cn(
+        "m-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap",
+        className
+      ),
+      ...props,
+      children
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    CopyButton,
+    {
+      content: copyText,
+      size: "sm",
+      variant: "ghost",
+      className: "absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100"
+    }
+  )
+] });
+const ToolCallCommand = ({ command }) => /* @__PURE__ */ jsxs(ToolCallMono, { copyText: command, className: "text-foreground", children: [
+  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground select-none", children: "$ " }),
+  command
+] });
+
+export { ToolCall as T, ToolCallTrigger as a, ToolCallTrailing as b, ToolCallContent as c, ToolCallHeader as d, ToolCallIcon as e, ToolCallLabel as f, ToolCallDetail as g, ToolCallSpacer as h, ToolCallDisclosure as i, ToolCallPresentedHeader as j, ToolCallMono as k, ToolCallSummary as l, ToolCallCommand as m };
+//# sourceMappingURL=tool-call-K147tCug.js.map

package/dist/tool-call-K147tCug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-K147tCug.js","sources":["../src/ds/components/ai/tool-call/tool-call.tsx"],"sourcesContent":["import { ChevronRight, X } from 'lucide-react';\nimport type { LucideIcon } from 'lucide-react';\nimport { createContext, useContext, useId, useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { useArriving } from '@/ds/components/Arrival';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Shimmer } from '@/ds/components/Shimmer';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\ntype ToolCallStatus = 'idle' | 'running' | 'error';\n\ninterface ToolCallContextValue {\n  open: boolean;\n  status: ToolCallStatus;\n}\n\nconst ToolCallContext = createContext<ToolCallContextValue | undefined>(undefined);\n\n// Stryker disable next-line ArrowFunction: the default callback is intentionally behaviorless.\nconst noopOpenChange = () => {};\n\nfunction useToolCall() {\n  const context = useContext(ToolCallContext);\n  if (!context) throw new Error('ToolCall compounds must be rendered within ToolCall');\n  return context;\n}\n\nexport interface ToolCallProps extends Omit<\n  ComponentProps<typeof Collapsible>,\n  'defaultOpen' | 'onOpenChange' | 'open'\n> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  status?: ToolCallStatus;\n}\n\nexport function ToolCall({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange = noopOpenChange,\n  status = 'idle',\n  className,\n  children,\n  ...props\n}: ToolCallProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const open = controlledOpen ?? uncontrolledOpen;\n  const statusId = useId();\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(nextOpen);\n    onOpenChange(nextOpen);\n  };\n\n  return (\n    <ToolCallContext.Provider value={{ open, status }}>\n      <Collapsible\n        open={open}\n        onOpenChange={handleOpenChange}\n        className={cn('max-w-full min-w-0', className)}\n        role=\"group\"\n        aria-busy={status === 'running'}\n        aria-invalid={status === 'error' || undefined}\n        aria-describedby={status === 'idle' ? undefined : statusId}\n        data-status={status}\n        {...props}\n      >\n        {children}\n        {status !== 'idle' && (\n          <span id={statusId} className=\"sr-only\">\n            {status === 'running' ? 'Tool call running' : 'Tool call failed'}\n          </span>\n        )}\n      </Collapsible>\n    </ToolCallContext.Provider>\n  );\n}\n\nexport const ToolCallTrigger = ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => (\n  <CollapsibleTrigger\n    className={cn(\n      'group/row w-full cursor-pointer rounded-md text-left transition-colors hover:bg-fill focus-visible:ring-1 focus-visible:ring-accent1 focus-visible:outline-hidden motion-reduce:transition-none',\n      className,\n    )}\n    {...props}\n  />\n);\n\nexport const ToolCallHeader = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { status } = useToolCall();\n\n  return (\n    <Shimmer\n      active={status === 'running'}\n      className={cn('flex w-full min-w-0 items-center gap-2 px-1.5 py-1', className)}\n      {...props}\n    >\n      {children}\n    </Shimmer>\n  );\n};\n\nexport const ToolCallIcon = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props} />\n);\n\nexport const ToolCallLabel = ({ className, ...props }: ComponentProps<typeof Txt>) => (\n  <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className={cn('max-w-[55%] shrink-0 truncate', className)} {...props} />\n);\n\nexport const ToolCallDetail = ({ className, ...props }: ComponentProps<typeof Txt>) => {\n  const arriving = useArriving();\n\n  return (\n    <Txt\n      as=\"span\"\n      variant=\"meta\"\n      tone=\"muted\"\n      font=\"mono\"\n      className={cn('min-w-0 truncate', arriving, className)}\n      {...props}\n    />\n  );\n};\n\nexport const ToolCallSummary = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex min-w-0 items-center gap-1', className)} {...props} />\n);\n\nexport interface ToolCallSpacerProps extends ComponentProps<'span'> {\n  rule?: boolean;\n}\n\nexport const ToolCallSpacer = ({ rule, className, ...props }: ToolCallSpacerProps) => (\n  <span\n    aria-hidden\n    className={cn('min-w-2 flex-1', rule && 'h-px bg-border mask-r-from-[calc(100%-min(100%,160px))]', className)}\n    {...props}\n  />\n);\n\nexport const ToolCallTrailing = ({ className, ...props }: ComponentProps<'span'>) => (\n  <span className={cn('flex shrink-0 items-center', className)} {...props} />\n);\n\nexport const ToolCallDisclosure = ({ className, children, ...props }: ComponentProps<'span'>) => {\n  const { open } = useToolCall();\n\n  return (\n    <span className={cn('flex size-4 shrink-0 items-center justify-center', className)} {...props}>\n      <span\n        aria-hidden\n        className={cn(\n          'text-muted-foreground flex shrink-0 items-center opacity-0 transition duration-150 motion-reduce:transition-none',\n          'group-hover/row:opacity-100 group-focus-visible/row:opacity-100',\n          open && 'rotate-90 opacity-100',\n        )}\n      >\n        {children ?? <ChevronRight size={13} />}\n      </span>\n    </span>\n  );\n};\n\nexport interface ToolCallPresentedHeaderProps extends Omit<ComponentProps<typeof ToolCallHeader>, 'children'> {\n  /** Rendered ahead of the icon, e.g. a timestamp. */\n  leading?: ReactNode;\n  icon: LucideIcon;\n  label: string;\n  detail?: string;\n  disclosure?: boolean;\n}\n\n/** The canonical header of a presented tool call: icon, label, detail, failure mark, chevron. */\nexport const ToolCallPresentedHeader = ({\n  leading,\n  icon: Icon,\n  label,\n  detail,\n  disclosure = true,\n  ...props\n}: ToolCallPresentedHeaderProps) => {\n  const { status } = useToolCall();\n\n  return (\n    <ToolCallHeader {...props}>\n      {leading}\n      <ToolCallIcon>\n        <Icon\n          size={14}\n          strokeWidth={1.75}\n          aria-hidden\n          className={status === 'error' ? 'text-error/80' : 'text-placeholder'}\n        />\n      </ToolCallIcon>\n      <ToolCallLabel>{label}</ToolCallLabel>\n      {detail && <ToolCallDetail>{detail}</ToolCallDetail>}\n      <ToolCallSpacer />\n      {status === 'error' && (\n        <ToolCallTrailing>\n          <X size={13} role=\"img\" aria-label=\"Failed\" className=\"text-error shrink-0\" />\n        </ToolCallTrailing>\n      )}\n      {disclosure && <ToolCallDisclosure />}\n    </ToolCallHeader>\n  );\n};\n\nexport const ToolCallContent = ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => (\n  <CollapsibleContent className=\"max-w-full min-w-0\" {...props}>\n    <div\n      className={cn(\n        \"relative ml-[14px] flex max-w-full min-w-0 flex-col gap-1.5 py-1.5 pr-1 pl-4 before:absolute before:inset-y-0 before:left-0 before:w-px before:bg-border before:mask-b-from-[calc(100%-min(40%,80px))] before:content-['']\",\n        className,\n      )}\n    >\n      {children}\n    </div>\n  </CollapsibleContent>\n);\n\nexport interface ToolCallMonoProps extends ComponentProps<'pre'> {\n  copyText: string;\n}\n\n/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */\nexport const ToolCallMono = ({ copyText, className, children, ...props }: ToolCallMonoProps) => (\n  <div className=\"group/block relative max-w-full min-w-0\">\n    <pre\n      className={cn(\n        'm-0 max-h-60 max-w-full overflow-auto rounded-md bg-fill px-3 py-2 font-mono text-caption break-words whitespace-pre-wrap',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </pre>\n    <CopyButton\n      content={copyText}\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"absolute top-1 right-1 opacity-0 transition-opacity group-hover/block:opacity-100 focus-visible:opacity-100\"\n    />\n  </div>\n);\n\n/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */\nexport const ToolCallCommand = ({ command }: { command: string }) => (\n  <ToolCallMono copyText={command} className=\"text-foreground\">\n    <span className=\"text-muted-foreground select-none\">$ </span>\n    {command}\n  </ToolCallMono>\n);\n\nexport type { ToolCallStatus };\n"],"names":[],"mappings":"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"}

package/dist/tooltip-BrDiP0RI.js

@@ -0,0 +1,114 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import * as React from 'react';
+import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
+import { overlaySurfaceStyle } from './primitives/raised-surface.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+function TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }) {
+  const resolvedDelay = delay ?? delayDuration;
+  const resolvedTimeout = timeout ?? skipDelayDuration;
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Provider,
+    {
+      ...resolvedDelay !== void 0 ? { delay: resolvedDelay } : {},
+      ...resolvedTimeout !== void 0 ? { timeout: resolvedTimeout } : {},
+      ...props
+    }
+  );
+}
+const Tooltip = Tooltip$1.Root;
+const TooltipTrigger = React.forwardRef(
+  ({ asChild, render, children, ...props }, ref) => {
+    if (asChild && React.isValidElement(children)) {
+      return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, render: children, ...props });
+    }
+    return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, render, ...props, children });
+  }
+);
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React.forwardRef(
+  ({
+    className,
+    side = "top",
+    sideOffset = 8,
+    align = "center",
+    alignOffset = 0,
+    arrowPadding = 10,
+    anchor,
+    positionMethod = FLOATING_POSITION_METHOD,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const positionerProps = {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      arrowPadding,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, { className: "isolate z-100", ...positionerProps, children: /* @__PURE__ */ jsxs(
+      Tooltip$1.Popup,
+      {
+        ref,
+        role: "tooltip",
+        className: cn(
+          "relative z-100 flex origin-(--transform-origin) flex-col rounded-lg px-2.5 py-1.5 text-caption text-foreground transition-[transform,scale,opacity] duration-150",
+          overlaySurfaceStyle,
+          "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+          "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+          "data-[instant]:transition-none motion-reduce:transition-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            Tooltip$1.Arrow,
+            {
+              className: cn(
+                "flex",
+                "data-[side=top]:-bottom-[7px] data-[side=top]:rotate-180",
+                "data-[side=bottom]:-top-[7px]",
+                "data-[side=left]:right-[-9px] data-[side=left]:rotate-90",
+                "data-[side=right]:left-[-9px] data-[side=right]:-rotate-90"
+              ),
+              children: /* @__PURE__ */ jsx(TooltipArrowSvg, {})
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+function TooltipArrowSvg() {
+  return /* @__PURE__ */ jsxs("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z", className: "fill-card" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5",
+        className: "fill-none [stroke:var(--surface-rim)]",
+        strokeWidth: "1",
+        strokeLinejoin: "round",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+
+export { Tooltip as T, TooltipContent as a, TooltipProvider as b, TooltipTrigger as c };
+//# sourceMappingURL=tooltip-BrDiP0RI.js.map