@humain/ui 2.1.62 → 2.1.65

package/dist/wc/AIToolCall.js

@@ -0,0 +1,218 @@
+import { a as _ } from "./rolldown-runtime.js";
+import { i as A, t as O } from "./vendor/react.js";
+import { n as o } from "./utils.js";
+import { t as C } from "./createLucideIcon.js";
+import { t as q } from "./check.js";
+import { t as V } from "./chevron-down.js";
+import { t as H } from "./chevron-right.js";
+import { t as b } from "./circle-alert.js";
+import { t as L } from "./clock.js";
+import { t as B } from "./react.js";
+import { t as E } from "./AnimatePresence.js";
+import { t as I } from "./dist.js";
+import { t as M } from "./use-controllable-state.js";
+import { n as v } from "./AICodeBlock.js";
+var D = [["path", {
+  d: "m16 18 6-6-6-6",
+  key: "eg8j8"
+}], ["path", {
+  d: "m8 6-6 6 6 6",
+  key: "ppft3o"
+}]], j = C("code", D), R = [["path", {
+  d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
+  key: "1ngwbx"
+}]], F = C("wrench", R), N = /* @__PURE__ */ _(A(), 1), s = O(), J = I("overflow-hidden rounded-xl border transition-colors", {
+  variants: { status: {
+    pending: "border-border bg-muted",
+    running: "border-primary bg-primary/10",
+    success: "border-success/50 bg-success/10",
+    error: "border-destructive/50 bg-destructive/10"
+  } },
+  defaultVariants: { status: "pending" }
+}), U = I("size-4", {
+  variants: { status: {
+    pending: "text-muted-foreground",
+    running: "text-primary animate-spin motion-reduce:animate-none",
+    success: "text-success",
+    error: "text-destructive"
+  } },
+  defaultVariants: { status: "pending" }
+});
+function w({ status: e, className: a }) {
+  const t = o(U({ status: e }), a);
+  switch (e) {
+    case "running":
+      return /* @__PURE__ */ (0, s.jsx)(L, { className: t });
+    case "success":
+      return /* @__PURE__ */ (0, s.jsx)(q, { className: o(t, "delight-check-bounce motion-reduce:!animate-none") });
+    case "error":
+      return /* @__PURE__ */ (0, s.jsx)(b, { className: o(t, "delight-shake motion-reduce:!animate-none") });
+    default:
+      return /* @__PURE__ */ (0, s.jsx)(F, { className: t });
+  }
+}
+w.displayName = "StatusIcon";
+function T({ toolName: e, status: a, isOpen: t, onToggle: n, className: c }) {
+  return /* @__PURE__ */ (0, s.jsxs)("button", {
+    type: "button",
+    onClick: n,
+    "aria-expanded": t,
+    className: o("flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring", c),
+    children: [/* @__PURE__ */ (0, s.jsxs)("div", {
+      className: "flex items-center gap-3",
+      children: [/* @__PURE__ */ (0, s.jsx)(w, {
+        status: a,
+        "aria-hidden": "true"
+      }), /* @__PURE__ */ (0, s.jsxs)("div", {
+        className: "flex flex-col items-start",
+        children: [/* @__PURE__ */ (0, s.jsx)("span", {
+          className: "text-sm font-medium text-foreground",
+          children: e
+        }), /* @__PURE__ */ (0, s.jsx)("span", {
+          className: "text-xs text-text-quaternary",
+          children: {
+            pending: "Pending",
+            running: "Running...",
+            success: "Completed",
+            error: "Failed"
+          }[a]
+        })]
+      })]
+    }), t ? /* @__PURE__ */ (0, s.jsx)(V, {
+      className: "size-4 text-muted-foreground",
+      "aria-hidden": "true"
+    }) : /* @__PURE__ */ (0, s.jsx)(H, {
+      className: "size-4 text-muted-foreground rtl:rotate-180",
+      "aria-hidden": "true"
+    })]
+  });
+}
+T.displayName = "AIToolCallHeader";
+function f({ title: e, icon: a, children: t, className: n }) {
+  return /* @__PURE__ */ (0, s.jsxs)("div", {
+    className: o("space-y-2", n),
+    children: [/* @__PURE__ */ (0, s.jsxs)("div", {
+      className: "flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide",
+      children: [a, e]
+    }), t]
+  });
+}
+f.displayName = "ToolCallSection";
+function y(e) {
+  return typeof e == "string" ? e : JSON.stringify(e, null, 2);
+}
+function k({ toolPart: e, defaultOpen: a = !1, open: t, onOpenChange: n, className: c }) {
+  const [d, i] = M({
+    value: t,
+    defaultValue: a,
+    onChange: n
+  }), u = e.status || "pending", m = () => {
+    i(!d);
+  };
+  return /* @__PURE__ */ (0, s.jsxs)("div", {
+    "data-slot": "ai-tool-call",
+    className: o(J({ status: u }), c),
+    children: [/* @__PURE__ */ (0, s.jsx)(T, {
+      toolName: e.toolName,
+      status: u,
+      isOpen: d,
+      onToggle: m
+    }), /* @__PURE__ */ (0, s.jsx)(E, { children: d && /* @__PURE__ */ (0, s.jsx)(B.div, {
+      initial: {
+        height: 0,
+        opacity: 0
+      },
+      animate: {
+        height: "auto",
+        opacity: 1
+      },
+      exit: {
+        height: 0,
+        opacity: 0
+      },
+      transition: { duration: 0.2 },
+      className: "overflow-hidden",
+      children: /* @__PURE__ */ (0, s.jsxs)("div", {
+        className: "px-4 pb-4 space-y-4",
+        children: [
+          /* @__PURE__ */ (0, s.jsxs)("div", {
+            className: "text-xs text-muted-foreground font-mono",
+            children: ["ID: ", e.toolCallId]
+          }),
+          e.args && Object.keys(e.args).length > 0 && /* @__PURE__ */ (0, s.jsx)(f, {
+            title: "Input",
+            icon: /* @__PURE__ */ (0, s.jsx)(j, { className: "size-3" }),
+            children: /* @__PURE__ */ (0, s.jsx)(v, {
+              code: y(e.args),
+              language: "json",
+              showHeader: !1,
+              showCopyButton: !0,
+              size: "sm"
+            })
+          }),
+          e.result !== void 0 && /* @__PURE__ */ (0, s.jsx)(f, {
+            title: "Output",
+            icon: /* @__PURE__ */ (0, s.jsx)(j, { className: "size-3" }),
+            children: /* @__PURE__ */ (0, s.jsx)(v, {
+              code: y(e.result),
+              language: "json",
+              showHeader: !1,
+              showCopyButton: !0,
+              size: "sm"
+            })
+          }),
+          e.error && /* @__PURE__ */ (0, s.jsx)("div", {
+            className: "p-3 rounded-lg bg-destructive/20 border border-destructive/50",
+            children: /* @__PURE__ */ (0, s.jsxs)("div", {
+              className: "flex items-start gap-2",
+              children: [/* @__PURE__ */ (0, s.jsx)(b, { className: "size-4 text-destructive mt-0.5 shrink-0" }), /* @__PURE__ */ (0, s.jsx)("p", {
+                className: "text-sm text-destructive",
+                children: e.error
+              })]
+            })
+          })
+        ]
+      })
+    }) })]
+  });
+}
+k.displayName = "AIToolCall";
+function p(e, a) {
+  const t = new Set(e);
+  return a.flatMap((n) => t.has(n.toolCallId) ? [n.toolCallId] : []);
+}
+function W(e, a) {
+  return e.length === a.length && e.every((t, n) => t === a[n]);
+}
+function $({ toolCalls: e, defaultAllOpen: a = !1, defaultOpenToolCallIds: t = [], openToolCallIds: n, onOpenToolCallIdsChange: c, className: d }) {
+  const i = n !== void 0, [u, m] = N.useState(() => p(a ? e.map((r) => r.toolCallId) : t, e)), h = p(i ? n : u, e), z = new Set(h);
+  N.useLayoutEffect(() => {
+    i || m((r) => {
+      const l = p(r, e);
+      return W(r, l) ? r : l;
+    });
+  }, [i, e]);
+  const S = (r, l) => {
+    const x = new Set(h);
+    l ? x.add(r) : x.delete(r);
+    const g = p([...x], e);
+    i || m(g), c?.([...g]);
+  };
+  return /* @__PURE__ */ (0, s.jsx)("div", {
+    "data-slot": "ai-tool-call-list",
+    className: o("space-y-2", d),
+    children: e.map((r) => /* @__PURE__ */ (0, s.jsx)(k, {
+      toolPart: r,
+      open: z.has(r.toolCallId),
+      onOpenChange: (l) => S(r.toolCallId, l)
+    }, r.toolCallId))
+  });
+}
+$.displayName = "AIToolCallList";
+export {
+  $ as n,
+  F as r,
+  k as t
+};
+
+//# sourceMappingURL=AIToolCall.js.map

package/dist/wc/AIToolCall.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n  [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\",\n      key: \"1ngwbx\"\n    }\n  ]\n];\nconst Wrench = createLucideIcon(\"wrench\", __iconNode);\n\nexport { __iconNode, Wrench as default };\n//# sourceMappingURL=wrench.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Code,\n  Wrench,\n} from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { AICodeBlock } from '@/components/organisms/ai/AICodeBlock';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst toolCallVariants = cva(\n  'overflow-hidden rounded-xl border transition-colors',\n  {\n    variants: {\n      status: {\n        pending: 'border-border bg-muted',\n        running: 'border-primary bg-primary/10',\n        success: 'border-success/50 bg-success/10',\n        error: 'border-destructive/50 bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst statusIconVariants = cva('size-4', {\n  variants: {\n    status: {\n      pending: 'text-muted-foreground',\n      running: 'text-primary animate-spin motion-reduce:animate-none',\n      success: 'text-success',\n      error: 'text-destructive',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface ToolCallPart {\n  /** Unique tool call ID */\n  toolCallId: string;\n  /** Tool name */\n  toolName: string;\n  /** Tool input/arguments */\n  args?: Record<string, unknown>;\n  /** Tool output/result */\n  result?: unknown;\n  /** Tool status */\n  status?: ToolCallStatus;\n  /** Error message if status is error */\n  error?: string;\n}\n\n// =============================================================================\n// Status Icon Component\n// =============================================================================\n\ninterface StatusIconProps {\n  status: ToolCallStatus;\n  className?: string;\n}\n\nfunction StatusIcon({ status, className }: StatusIconProps) {\n  const iconClass = cn(statusIconVariants({ status }), className);\n\n  switch (status) {\n    case 'running':\n      return <Clock className={iconClass} />;\n    case 'success':\n      return (\n        <Check\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        />\n      );\n    default:\n      return <Wrench className={iconClass} />;\n  }\n}\n\nStatusIcon.displayName = 'StatusIcon';\n\n// =============================================================================\n// Tool Call Header\n// =============================================================================\n\ninterface AIToolCallHeaderProps {\n  toolName: string;\n  status: ToolCallStatus;\n  isOpen: boolean;\n  onToggle: () => void;\n  className?: string;\n}\n\nfunction AIToolCallHeader({\n  toolName,\n  status,\n  isOpen,\n  onToggle,\n  className,\n}: AIToolCallHeaderProps) {\n  const statusLabel = {\n    pending: 'Pending',\n    running: 'Running...',\n    success: 'Completed',\n    error: 'Failed',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={isOpen}\n      className={cn(\n        'flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <StatusIcon status={status} aria-hidden=\"true\" />\n        <div className=\"flex flex-col items-start\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {toolName}\n          </span>\n          <span className=\"text-xs text-text-quaternary\">\n            {statusLabel[status]}\n          </span>\n        </div>\n      </div>\n      {isOpen ? (\n        <ChevronDown\n          className=\"size-4 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <ChevronRight\n          className=\"size-4 text-muted-foreground rtl:rotate-180\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIToolCallHeader.displayName = 'AIToolCallHeader';\n\n// =============================================================================\n// Tool Call Section\n// =============================================================================\n\ninterface ToolCallSectionProps {\n  title: string;\n  icon: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ToolCallSection({\n  title,\n  icon,\n  children,\n  className,\n}: ToolCallSectionProps) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide\">\n        {icon}\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nToolCallSection.displayName = 'ToolCallSection';\n\n// =============================================================================\n// Main AIToolCall Component\n// =============================================================================\n\nexport interface AIToolCallProps extends VariantProps<typeof toolCallVariants> {\n  /** Tool call data */\n  toolPart: ToolCallPart;\n  /** Whether to expand by default */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction formatValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  return JSON.stringify(value, null, 2);\n}\n\nfunction AIToolCall({\n  toolPart,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n}: AIToolCallProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const status = toolPart.status || 'pending';\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div\n      data-slot=\"ai-tool-call\"\n      className={cn(toolCallVariants({ status }), className)}\n    >\n      <AIToolCallHeader\n        toolName={toolPart.toolName}\n        status={status}\n        isOpen={isOpen}\n        onToggle={handleToggle}\n      />\n\n      <AnimatePresence>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Tool Call ID */}\n              <div className=\"text-xs text-muted-foreground font-mono\">\n                ID: {toolPart.toolCallId}\n              </div>\n\n              {/* Input Section */}\n              {toolPart.args && Object.keys(toolPart.args).length > 0 && (\n                <ToolCallSection\n                  title=\"Input\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.args)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Output Section */}\n              {toolPart.result !== undefined && (\n                <ToolCallSection\n                  title=\"Output\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.result)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Error Section */}\n              {toolPart.error && (\n                <div className=\"p-3 rounded-lg bg-destructive/20 border border-destructive/50\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"size-4 text-destructive mt-0.5 shrink-0\" />\n                    <p className=\"text-sm text-destructive\">{toolPart.error}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nAIToolCall.displayName = 'AIToolCall';\n\n// =============================================================================\n// Tool Call List Component\n// =============================================================================\n\nexport interface AIToolCallListProps {\n  /** Array of tool calls */\n  toolCalls: readonly ToolCallPart[];\n  /** Whether to expand all by default */\n  defaultAllOpen?: boolean;\n  /** Tool-call IDs to expand initially in uncontrolled mode */\n  defaultOpenToolCallIds?: readonly string[];\n  /** Controlled expanded tool-call IDs */\n  openToolCallIds?: readonly string[];\n  /** Called with expanded IDs in current tool-call order */\n  onOpenToolCallIdsChange?: (ids: readonly string[]) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction normalizeOpenToolCallIds(\n  ids: readonly string[],\n  toolCalls: readonly ToolCallPart[],\n): string[] {\n  const requested = new Set(ids);\n  return toolCalls.flatMap((toolCall) =>\n    requested.has(toolCall.toolCallId) ? [toolCall.toolCallId] : [],\n  );\n}\n\nfunction areToolCallIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction AIToolCallList({\n  toolCalls,\n  defaultAllOpen = false,\n  defaultOpenToolCallIds = [],\n  openToolCallIds: controlledOpenToolCallIds,\n  onOpenToolCallIdsChange,\n  className,\n}: AIToolCallListProps) {\n  const isControlled = controlledOpenToolCallIds !== undefined;\n  const [uncontrolledOpenToolCallIds, setUncontrolledOpenToolCallIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeOpenToolCallIds(\n        defaultAllOpen\n          ? toolCalls.map((toolCall) => toolCall.toolCallId)\n          : defaultOpenToolCallIds,\n        toolCalls,\n      ),\n    );\n  const rawOpenToolCallIds = isControlled\n    ? controlledOpenToolCallIds\n    : uncontrolledOpenToolCallIds;\n  const visibleOpenToolCallIds = normalizeOpenToolCallIds(\n    rawOpenToolCallIds,\n    toolCalls,\n  );\n  const openSet = new Set(visibleOpenToolCallIds);\n\n  React.useLayoutEffect(() => {\n    if (isControlled) return;\n    setUncontrolledOpenToolCallIds((current) => {\n      const normalized = normalizeOpenToolCallIds(current, toolCalls);\n      return areToolCallIdsEqual(current, normalized) ? current : normalized;\n    });\n  }, [isControlled, toolCalls]);\n\n  const setToolCallOpen = (toolCallId: string, open: boolean) => {\n    const next = new Set(visibleOpenToolCallIds);\n    if (open) next.add(toolCallId);\n    else next.delete(toolCallId);\n    const normalized = normalizeOpenToolCallIds([...next], toolCalls);\n    if (!isControlled) {\n      setUncontrolledOpenToolCallIds(normalized);\n    }\n    onOpenToolCallIdsChange?.([...normalized]);\n  };\n\n  return (\n    <div data-slot=\"ai-tool-call-list\" className={cn('space-y-2', className)}>\n      {toolCalls.map((toolCall) => (\n        <AIToolCall\n          key={toolCall.toolCallId}\n          toolPart={toolCall}\n          open={openSet.has(toolCall.toolCallId)}\n          onOpenChange={(open) => setToolCallOpen(toolCall.toolCallId, open)}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIToolCallList.displayName = 'AIToolCallList';\n\nexport {\n  AIToolCall,\n  AIToolCallHeader,\n  AIToolCallList,\n  StatusIcon,\n  statusIconVariants,\n  ToolCallSection,\n  toolCallVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/wc/hf-ai-tool-call.js

@@ -1,243 +1,58 @@
-import { a as I } from "./rolldown-runtime.js";
-import { i as A, t as T } from "./vendor/react.js";
-import { n as i } from "./utils.js";
-import { a as _, i as O, o as k, t as S, u as w } from "./_shared.js";
-import { t as z } from "./createLucideIcon.js";
-import { t as E } from "./check.js";
-import { t as L } from "./chevron-down.js";
-import { t as V } from "./chevron-right.js";
-import { t as j } from "./circle-alert.js";
-import { t as R } from "./clock.js";
-import { t as q } from "./wrench.js";
-import { t as B } from "./react.js";
-import { t as D } from "./AnimatePresence.js";
-import { t as v } from "./dist.js";
-import { t as H } from "./use-controllable-state.js";
-import { n as f } from "./AICodeBlock.js";
-var W = [["path", {
-  d: "m16 18 6-6-6-6",
-  key: "eg8j8"
-}], ["path", {
-  d: "m8 6-6 6 6 6",
-  key: "ppft3o"
-}]], x = z("code", W), t = T(), F = v("overflow-hidden rounded-xl border transition-colors", {
-  variants: { status: {
-    pending: "border-border bg-muted",
-    running: "border-primary bg-primary/10",
-    success: "border-success/50 bg-success/10",
-    error: "border-destructive/50 bg-destructive/10"
-  } },
-  defaultVariants: { status: "pending" }
-}), P = v("size-4", {
-  variants: { status: {
-    pending: "text-muted-foreground",
-    running: "text-primary animate-spin motion-reduce:animate-none",
-    success: "text-success",
-    error: "text-destructive"
-  } },
-  defaultVariants: { status: "pending" }
-});
-function y({ status: e, className: r }) {
-  const s = i(P({ status: e }), r);
-  switch (e) {
-    case "running":
-      return /* @__PURE__ */ (0, t.jsx)(R, { className: s });
-    case "success":
-      return /* @__PURE__ */ (0, t.jsx)(E, { className: i(s, "delight-check-bounce motion-reduce:!animate-none") });
-    case "error":
-      return /* @__PURE__ */ (0, t.jsx)(j, { className: i(s, "delight-shake motion-reduce:!animate-none") });
-    default:
-      return /* @__PURE__ */ (0, t.jsx)(q, { className: s });
-  }
-}
-y.displayName = "StatusIcon";
-function C({ toolName: e, status: r, isOpen: s, onToggle: a, className: n }) {
-  return /* @__PURE__ */ (0, t.jsxs)("button", {
-    type: "button",
-    onClick: a,
-    "aria-expanded": s,
-    className: i("flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring", n),
-    children: [/* @__PURE__ */ (0, t.jsxs)("div", {
-      className: "flex items-center gap-3",
-      children: [/* @__PURE__ */ (0, t.jsx)(y, {
-        status: r,
-        "aria-hidden": "true"
-      }), /* @__PURE__ */ (0, t.jsxs)("div", {
-        className: "flex flex-col items-start",
-        children: [/* @__PURE__ */ (0, t.jsx)("span", {
-          className: "text-sm font-medium text-foreground",
-          children: e
-        }), /* @__PURE__ */ (0, t.jsx)("span", {
-          className: "text-xs text-text-quaternary",
-          children: {
-            pending: "Pending",
-            running: "Running...",
-            success: "Completed",
-            error: "Failed"
-          }[r]
-        })]
-      })]
-    }), s ? /* @__PURE__ */ (0, t.jsx)(L, {
-      className: "size-4 text-muted-foreground",
-      "aria-hidden": "true"
-    }) : /* @__PURE__ */ (0, t.jsx)(V, {
-      className: "size-4 text-muted-foreground rtl:rotate-180",
-      "aria-hidden": "true"
-    })]
-  });
-}
-C.displayName = "AIToolCallHeader";
-function d({ title: e, icon: r, children: s, className: a }) {
-  return /* @__PURE__ */ (0, t.jsxs)("div", {
-    className: i("space-y-2", a),
-    children: [/* @__PURE__ */ (0, t.jsxs)("div", {
-      className: "flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide",
-      children: [r, e]
-    }), s]
-  });
-}
-d.displayName = "ToolCallSection";
-function g(e) {
-  return typeof e == "string" ? e : JSON.stringify(e, null, 2);
-}
-function m({ toolPart: e, defaultOpen: r = !1, open: s, onOpenChange: a, className: n }) {
-  const [o, l] = H({
-    value: s,
-    defaultValue: r,
-    onChange: a
-  }), p = e.status || "pending", b = () => {
-    l(!o);
-  };
-  return /* @__PURE__ */ (0, t.jsxs)("div", {
-    "data-slot": "ai-tool-call",
-    className: i(F({ status: p }), n),
-    children: [/* @__PURE__ */ (0, t.jsx)(C, {
-      toolName: e.toolName,
-      status: p,
-      isOpen: o,
-      onToggle: b
-    }), /* @__PURE__ */ (0, t.jsx)(D, { children: o && /* @__PURE__ */ (0, t.jsx)(B.div, {
-      initial: {
-        height: 0,
-        opacity: 0
-      },
-      animate: {
-        height: "auto",
-        opacity: 1
-      },
-      exit: {
-        height: 0,
-        opacity: 0
-      },
-      transition: { duration: 0.2 },
-      className: "overflow-hidden",
-      children: /* @__PURE__ */ (0, t.jsxs)("div", {
-        className: "px-4 pb-4 space-y-4",
-        children: [
-          /* @__PURE__ */ (0, t.jsxs)("div", {
-            className: "text-xs text-muted-foreground font-mono",
-            children: ["ID: ", e.toolCallId]
-          }),
-          e.args && Object.keys(e.args).length > 0 && /* @__PURE__ */ (0, t.jsx)(d, {
-            title: "Input",
-            icon: /* @__PURE__ */ (0, t.jsx)(x, { className: "size-3" }),
-            children: /* @__PURE__ */ (0, t.jsx)(f, {
-              code: g(e.args),
-              language: "json",
-              showHeader: !1,
-              showCopyButton: !0,
-              size: "sm"
-            })
-          }),
-          e.result !== void 0 && /* @__PURE__ */ (0, t.jsx)(d, {
-            title: "Output",
-            icon: /* @__PURE__ */ (0, t.jsx)(x, { className: "size-3" }),
-            children: /* @__PURE__ */ (0, t.jsx)(f, {
-              code: g(e.result),
-              language: "json",
-              showHeader: !1,
-              showCopyButton: !0,
-              size: "sm"
-            })
-          }),
-          e.error && /* @__PURE__ */ (0, t.jsx)("div", {
-            className: "p-3 rounded-lg bg-destructive/20 border border-destructive/50",
-            children: /* @__PURE__ */ (0, t.jsxs)("div", {
-              className: "flex items-start gap-2",
-              children: [/* @__PURE__ */ (0, t.jsx)(j, { className: "size-4 text-destructive mt-0.5 shrink-0" }), /* @__PURE__ */ (0, t.jsx)("p", {
-                className: "text-sm text-destructive",
-                children: e.error
-              })]
-            })
-          })
-        ]
-      })
-    }) })]
-  });
-}
-m.displayName = "AIToolCall";
-function J({ toolCalls: e, defaultAllOpen: r = !1, className: s }) {
-  return /* @__PURE__ */ (0, t.jsx)("div", {
-    "data-slot": "ai-tool-call-list",
-    className: i("space-y-2", s),
-    children: e.map((a) => /* @__PURE__ */ (0, t.jsx)(m, {
-      toolPart: a,
-      defaultOpen: r
-    }, a.toolCallId))
-  });
-}
-J.displayName = "AIToolCallList";
-var c = /* @__PURE__ */ I(A(), 1), u = {
+import { a as f } from "./rolldown-runtime.js";
+import { i as c } from "./vendor/react.js";
+import { a as d, i as m, o as g, t as C, u as A } from "./_shared.js";
+import { t as _ } from "./AIToolCall.js";
+var s = /* @__PURE__ */ f(c(), 1), i = {
   toolPart: "json",
   defaultOpen: "boolean",
   open: "boolean"
-}, K = {
+}, b = {
   error: !0,
   pending: !0,
   running: !0,
   success: !0
 };
-function h(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
+function l(r) {
+  return typeof r == "object" && r !== null && !Array.isArray(r);
 }
-function M(e) {
-  return typeof e == "string" && e in K;
+function h(r) {
+  return typeof r == "string" && r in b;
 }
-function U(e) {
-  if (!h(e)) return;
-  const { args: r, error: s, result: a, status: n, toolCallId: o, toolName: l } = e;
-  if (!(typeof o != "string" || o.length === 0) && !(typeof l != "string" || l.length === 0) && !(n !== void 0 && !M(n)) && !(r !== void 0 && !h(r)))
+function y(r) {
+  if (!l(r)) return;
+  const { args: t, error: e, result: u, status: o, toolCallId: n, toolName: a } = r;
+  if (!(typeof n != "string" || n.length === 0) && !(typeof a != "string" || a.length === 0) && !(o !== void 0 && !h(o)) && !(t !== void 0 && !l(t)))
     return {
-      args: r,
-      error: typeof s == "string" ? s : void 0,
-      result: a,
-      status: n,
-      toolCallId: o,
-      toolName: l
+      args: t,
+      error: typeof e == "string" ? e : void 0,
+      result: u,
+      status: o,
+      toolCallId: n,
+      toolName: a
     };
 }
-var N = class extends S {
+var p = class extends C {
   get propDefs() {
-    return u;
+    return i;
   }
   static get observedAttributes() {
-    return Object.keys(u).map(O);
+    return Object.keys(i).map(m);
   }
   _renderReact() {
-    const e = this._readAllProps(), r = U(e.toolPart);
-    return r ? c.createElement(m, {
-      toolPart: r,
-      defaultOpen: e.defaultOpen ?? !1,
-      open: e.open,
-      onOpenChange: (s) => _(this, "open-change", s)
-    }) : c.createElement(c.Fragment);
+    const r = this._readAllProps(), t = y(r.toolPart);
+    return t ? s.createElement(_, {
+      toolPart: t,
+      defaultOpen: r.defaultOpen ?? !1,
+      open: r.open,
+      onOpenChange: (e) => d(this, "open-change", e)
+    }) : s.createElement(s.Fragment);
   }
 };
-k(N, u);
-w("hf-ai-tool-call", N);
+g(p, i);
+A("hf-ai-tool-call", p);
 export {
-  N as AIToolCallWC,
-  N as default
+  p as AIToolCallWC,
+  p as default
 };
 
 //# sourceMappingURL=hf-ai-tool-call.js.map

package/dist/wc/hf-ai-tool-call.js.map

@@ -1 +1 @@
-{"version":3,"file":"hf-ai-tool-call.js","names":[],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx","../../src/wc/hf-ai-tool-call.ts"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m16 18 6-6-6-6\", key: \"eg8j8\" }],\n  [\"path\", { d: \"m8 6-6 6 6 6\", key: \"ppft3o\" }]\n];\nconst Code = createLucideIcon(\"code\", __iconNode);\n\nexport { __iconNode, Code as default };\n//# sourceMappingURL=code.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Clock,\n  Code,\n  Wrench,\n} from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport type * as React from 'react';\nimport { AICodeBlock } from '@/components/organisms/ai/AICodeBlock';\nimport { useControllableState } from '@/hooks/use-controllable-state';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst toolCallVariants = cva(\n  'overflow-hidden rounded-xl border transition-colors',\n  {\n    variants: {\n      status: {\n        pending: 'border-border bg-muted',\n        running: 'border-primary bg-primary/10',\n        success: 'border-success/50 bg-success/10',\n        error: 'border-destructive/50 bg-destructive/10',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst statusIconVariants = cva('size-4', {\n  variants: {\n    status: {\n      pending: 'text-muted-foreground',\n      running: 'text-primary animate-spin motion-reduce:animate-none',\n      success: 'text-success',\n      error: 'text-destructive',\n    },\n  },\n  defaultVariants: {\n    status: 'pending',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ToolCallStatus = 'pending' | 'running' | 'success' | 'error';\n\nexport interface ToolCallPart {\n  /** Unique tool call ID */\n  toolCallId: string;\n  /** Tool name */\n  toolName: string;\n  /** Tool input/arguments */\n  args?: Record<string, unknown>;\n  /** Tool output/result */\n  result?: unknown;\n  /** Tool status */\n  status?: ToolCallStatus;\n  /** Error message if status is error */\n  error?: string;\n}\n\n// =============================================================================\n// Status Icon Component\n// =============================================================================\n\ninterface StatusIconProps {\n  status: ToolCallStatus;\n  className?: string;\n}\n\nfunction StatusIcon({ status, className }: StatusIconProps) {\n  const iconClass = cn(statusIconVariants({ status }), className);\n\n  switch (status) {\n    case 'running':\n      return <Clock className={iconClass} />;\n    case 'success':\n      return (\n        <Check\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        />\n      );\n    default:\n      return <Wrench className={iconClass} />;\n  }\n}\n\nStatusIcon.displayName = 'StatusIcon';\n\n// =============================================================================\n// Tool Call Header\n// =============================================================================\n\ninterface AIToolCallHeaderProps {\n  toolName: string;\n  status: ToolCallStatus;\n  isOpen: boolean;\n  onToggle: () => void;\n  className?: string;\n}\n\nfunction AIToolCallHeader({\n  toolName,\n  status,\n  isOpen,\n  onToggle,\n  className,\n}: AIToolCallHeaderProps) {\n  const statusLabel = {\n    pending: 'Pending',\n    running: 'Running...',\n    success: 'Completed',\n    error: 'Failed',\n  };\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      aria-expanded={isOpen}\n      className={cn(\n        'flex items-center justify-between w-full px-4 py-3 transition-colors hover:bg-foreground/5 focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n        className,\n      )}\n    >\n      <div className=\"flex items-center gap-3\">\n        <StatusIcon status={status} aria-hidden=\"true\" />\n        <div className=\"flex flex-col items-start\">\n          <span className=\"text-sm font-medium text-foreground\">\n            {toolName}\n          </span>\n          <span className=\"text-xs text-text-quaternary\">\n            {statusLabel[status]}\n          </span>\n        </div>\n      </div>\n      {isOpen ? (\n        <ChevronDown\n          className=\"size-4 text-muted-foreground\"\n          aria-hidden=\"true\"\n        />\n      ) : (\n        <ChevronRight\n          className=\"size-4 text-muted-foreground rtl:rotate-180\"\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n}\n\nAIToolCallHeader.displayName = 'AIToolCallHeader';\n\n// =============================================================================\n// Tool Call Section\n// =============================================================================\n\ninterface ToolCallSectionProps {\n  title: string;\n  icon: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n}\n\nfunction ToolCallSection({\n  title,\n  icon,\n  children,\n  className,\n}: ToolCallSectionProps) {\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex items-center gap-2 text-xs font-medium text-text-quaternary uppercase tracking-wide\">\n        {icon}\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n}\n\nToolCallSection.displayName = 'ToolCallSection';\n\n// =============================================================================\n// Main AIToolCall Component\n// =============================================================================\n\nexport interface AIToolCallProps extends VariantProps<typeof toolCallVariants> {\n  /** Tool call data */\n  toolPart: ToolCallPart;\n  /** Whether to expand by default */\n  defaultOpen?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction formatValue(value: unknown): string {\n  if (typeof value === 'string') return value;\n  return JSON.stringify(value, null, 2);\n}\n\nfunction AIToolCall({\n  toolPart,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n}: AIToolCallProps) {\n  const [isOpen, setIsOpen] = useControllableState({\n    value: controlledOpen,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const status = toolPart.status || 'pending';\n\n  const handleToggle = () => {\n    setIsOpen(!isOpen);\n  };\n\n  return (\n    <div\n      data-slot=\"ai-tool-call\"\n      className={cn(toolCallVariants({ status }), className)}\n    >\n      <AIToolCallHeader\n        toolName={toolPart.toolName}\n        status={status}\n        isOpen={isOpen}\n        onToggle={handleToggle}\n      />\n\n      <AnimatePresence>\n        {isOpen && (\n          <motion.div\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            className=\"overflow-hidden\"\n          >\n            <div className=\"px-4 pb-4 space-y-4\">\n              {/* Tool Call ID */}\n              <div className=\"text-xs text-muted-foreground font-mono\">\n                ID: {toolPart.toolCallId}\n              </div>\n\n              {/* Input Section */}\n              {toolPart.args && Object.keys(toolPart.args).length > 0 && (\n                <ToolCallSection\n                  title=\"Input\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.args)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Output Section */}\n              {toolPart.result !== undefined && (\n                <ToolCallSection\n                  title=\"Output\"\n                  icon={<Code className=\"size-3\" />}\n                >\n                  <AICodeBlock\n                    code={formatValue(toolPart.result)}\n                    language=\"json\"\n                    showHeader={false}\n                    showCopyButton={true}\n                    size=\"sm\"\n                  />\n                </ToolCallSection>\n              )}\n\n              {/* Error Section */}\n              {toolPart.error && (\n                <div className=\"p-3 rounded-lg bg-destructive/20 border border-destructive/50\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"size-4 text-destructive mt-0.5 shrink-0\" />\n                    <p className=\"text-sm text-destructive\">{toolPart.error}</p>\n                  </div>\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n}\n\nAIToolCall.displayName = 'AIToolCall';\n\n// =============================================================================\n// Tool Call List Component\n// =============================================================================\n\nexport interface AIToolCallListProps {\n  /** Array of tool calls */\n  toolCalls: ToolCallPart[];\n  /** Whether to expand all by default */\n  defaultAllOpen?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AIToolCallList({\n  toolCalls,\n  defaultAllOpen = false,\n  className,\n}: AIToolCallListProps) {\n  return (\n    <div data-slot=\"ai-tool-call-list\" className={cn('space-y-2', className)}>\n      {toolCalls.map((toolCall) => (\n        <AIToolCall\n          key={toolCall.toolCallId}\n          toolPart={toolCall}\n          defaultOpen={defaultAllOpen}\n        />\n      ))}\n    </div>\n  );\n}\n\nAIToolCallList.displayName = 'AIToolCallList';\n\nexport {\n  AIToolCall,\n  AIToolCallHeader,\n  AIToolCallList,\n  StatusIcon,\n  statusIconVariants,\n  ToolCallSection,\n  toolCallVariants,\n};\n","/**\n * Web Component wrapper for AIToolCall (hand-crafted WC adapter).\n * Custom element: <hf-ai-tool-call>\n *\n * Provides JSON prop parsing for `toolPart` and a null guard\n * so the component doesn't crash before Vue sets the prop.\n *\n * @generated by scripts/generate-wc-components.ts\n * DO NOT EDIT MANUALLY\n */\n\nimport React from 'react';\nimport type { ToolCallPart, ToolCallStatus } from '../components';\nimport { AIToolCall } from '../components';\nimport {\n  BaseCompoundWC,\n  camelToKebab,\n  dispatchEvent,\n  installPropAccessors,\n  type PropDefs,\n  registerWC,\n} from './_shared';\n\nconst PROP_DEFS: PropDefs = {\n  toolPart: 'json',\n  defaultOpen: 'boolean',\n  open: 'boolean',\n};\n\nconst TOOL_CALL_STATUSES = {\n  error: true,\n  pending: true,\n  running: true,\n  success: true,\n} as const satisfies Record<ToolCallStatus, true>;\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction isToolCallStatus(value: unknown): value is ToolCallStatus {\n  return typeof value === 'string' && value in TOOL_CALL_STATUSES;\n}\n\nfunction parseToolCallPart(value: unknown): ToolCallPart | undefined {\n  if (!isRecord(value)) return undefined;\n\n  const { args, error, result, status, toolCallId, toolName } = value;\n  if (typeof toolCallId !== 'string' || toolCallId.length === 0) {\n    return undefined;\n  }\n\n  if (typeof toolName !== 'string' || toolName.length === 0) {\n    return undefined;\n  }\n\n  if (status !== undefined && !isToolCallStatus(status)) {\n    return undefined;\n  }\n\n  if (args !== undefined && !isRecord(args)) {\n    return undefined;\n  }\n\n  return {\n    args,\n    error: typeof error === 'string' ? error : undefined,\n    result,\n    status,\n    toolCallId,\n    toolName,\n  };\n}\n\nclass AIToolCallWC extends BaseCompoundWC {\n  get propDefs() {\n    return PROP_DEFS;\n  }\n\n  static get observedAttributes() {\n    return Object.keys(PROP_DEFS).map(camelToKebab);\n  }\n\n  protected _renderReact(): React.ReactElement {\n    const props = this._readAllProps();\n    const toolPart = parseToolCallPart(props.toolPart);\n\n    // Null guard: return empty fragment until toolPart is provided\n    if (!toolPart) {\n      return React.createElement(React.Fragment);\n    }\n\n    return React.createElement(AIToolCall, {\n      toolPart,\n      defaultOpen: (props.defaultOpen as boolean) ?? false,\n      open: props.open as boolean | undefined,\n      onOpenChange: (open: boolean) => dispatchEvent(this, 'open-change', open),\n    });\n  }\n}\n\ninstallPropAccessors(AIToolCallWC, PROP_DEFS);\nregisterWC('hf-ai-tool-call', AIToolCallWC);\n\nexport { AIToolCallWC };\nexport default AIToolCallWC;\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"hf-ai-tool-call.js","names":[],"sources":["../../src/wc/hf-ai-tool-call.ts"],"sourcesContent":["/**\n * Web Component wrapper for AIToolCall (hand-crafted WC adapter).\n * Custom element: <hf-ai-tool-call>\n *\n * Provides JSON prop parsing for `toolPart` and a null guard\n * so the component doesn't crash before Vue sets the prop.\n *\n * @generated by scripts/generate-wc-components.ts\n * DO NOT EDIT MANUALLY\n */\n\nimport React from 'react';\nimport type { ToolCallPart, ToolCallStatus } from '../components';\nimport { AIToolCall } from '../components';\nimport {\n  BaseCompoundWC,\n  camelToKebab,\n  dispatchEvent,\n  installPropAccessors,\n  type PropDefs,\n  registerWC,\n} from './_shared';\n\nconst PROP_DEFS: PropDefs = {\n  toolPart: 'json',\n  defaultOpen: 'boolean',\n  open: 'boolean',\n};\n\nconst TOOL_CALL_STATUSES = {\n  error: true,\n  pending: true,\n  running: true,\n  success: true,\n} as const satisfies Record<ToolCallStatus, true>;\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\nfunction isToolCallStatus(value: unknown): value is ToolCallStatus {\n  return typeof value === 'string' && value in TOOL_CALL_STATUSES;\n}\n\nfunction parseToolCallPart(value: unknown): ToolCallPart | undefined {\n  if (!isRecord(value)) return undefined;\n\n  const { args, error, result, status, toolCallId, toolName } = value;\n  if (typeof toolCallId !== 'string' || toolCallId.length === 0) {\n    return undefined;\n  }\n\n  if (typeof toolName !== 'string' || toolName.length === 0) {\n    return undefined;\n  }\n\n  if (status !== undefined && !isToolCallStatus(status)) {\n    return undefined;\n  }\n\n  if (args !== undefined && !isRecord(args)) {\n    return undefined;\n  }\n\n  return {\n    args,\n    error: typeof error === 'string' ? error : undefined,\n    result,\n    status,\n    toolCallId,\n    toolName,\n  };\n}\n\nclass AIToolCallWC extends BaseCompoundWC {\n  get propDefs() {\n    return PROP_DEFS;\n  }\n\n  static get observedAttributes() {\n    return Object.keys(PROP_DEFS).map(camelToKebab);\n  }\n\n  protected _renderReact(): React.ReactElement {\n    const props = this._readAllProps();\n    const toolPart = parseToolCallPart(props.toolPart);\n\n    // Null guard: return empty fragment until toolPart is provided\n    if (!toolPart) {\n      return React.createElement(React.Fragment);\n    }\n\n    return React.createElement(AIToolCall, {\n      toolPart,\n      defaultOpen: (props.defaultOpen as boolean) ?? false,\n      open: props.open as boolean | undefined,\n      onOpenChange: (open: boolean) => dispatchEvent(this, 'open-change', open),\n    });\n  }\n}\n\ninstallPropAccessors(AIToolCallWC, PROP_DEFS);\nregisterWC('hf-ai-tool-call', AIToolCallWC);\n\nexport { AIToolCallWC };\nexport default AIToolCallWC;\n"],"mappings":";;;;mCAuBM,IAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,aAAa;AAAA,EACb,MAAM;AACR,GAEM,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,SAAS,EAAS,GAAkD;AAClE,SAAO,OAAO,KAAU,YAAY,MAAU,QAAQ,CAAC,MAAM,QAAQ,CAAK;AAC5E;AAEA,SAAS,EAAiB,GAAyC;AACjE,SAAO,OAAO,KAAU,YAAY,KAAS;AAC/C;AAEA,SAAS,EAAkB,GAA0C;AACnE,MAAI,CAAC,EAAS,CAAK,EAAG;AAEtB,QAAM,EAAE,MAAA,GAAM,OAAA,GAAO,QAAA,GAAQ,QAAA,GAAQ,YAAA,GAAY,UAAA,EAAA,IAAa;AAC9D,MAAI,SAAO,KAAe,YAAY,EAAW,WAAW,MAIxD,SAAO,KAAa,YAAY,EAAS,WAAW,MAIpD,EAAA,MAAW,UAAa,CAAC,EAAiB,CAAM,MAIhD,EAAA,MAAS,UAAa,CAAC,EAAS,CAAI;AAIxC,WAAO;AAAA,MACL,MAAA;AAAA,MACA,OAAO,OAAO,KAAU,WAAW,IAAQ;AAAA,MAC3C,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,IACF;AACF;AAEA,IAAM,IAAN,cAA2B,EAAe;AAAA,EACxC,IAAI,WAAW;AACb,WAAO;AAAA,EACT;AAAA,EAEA,WAAW,qBAAqB;AAC9B,WAAO,OAAO,KAAK,CAAS,EAAE,IAAI,CAAY;AAAA,EAChD;AAAA,EAEA,eAA6C;AAC3C,UAAM,IAAQ,KAAK,cAAc,GAC3B,IAAW,EAAkB,EAAM,QAAQ;AAGjD,WAAK,IAIL,EAAa,cAAc,GAAY;AAAA,MACrC,UAAA;AAAA,MACA,aAAc,EAAM,eAA2B;AAAA,MAC/C,MAAM,EAAM;AAAA,MACZ,cAAA,CAAe,MAAkB,EAAc,MAAM,eAAe,CAAI;AAAA,IAC1E,CAAC,IARC,EAAa,cAAA,EAAoB,QAAQ;AAAA,EAS7C;AACF;AAEA,EAAqB,GAAc,CAAS;AAC5C,EAAW,mBAAmB,CAAY"}