@humain/ui 2.2.3 → 2.2.5

package/dist/wc/AIScrollButton.js

@@ -1,10 +1,10 @@
 import { a as j } from "./rolldown-runtime.js";
 import { i as k, t as I } from "./vendor/react.js";
-import { n as y } from "./utils.js";
+import { n as w } from "./utils.js";
 import { t as V } from "./arrow-down.js";
 import { t as _ } from "./dist.js";
 import { t as N } from "./button.js";
-import { t as w } from "./react.js";
+import { t as y } from "./react.js";
 import { t as H } from "./AnimatePresence.js";
 var e = /* @__PURE__ */ j(k(), 1), d = I(), T = _("fixed flex items-center justify-center shadow-lg transition-all", {
   variants: {
@@ -107,7 +107,7 @@ function D({ scrollRef: c, containerRef: n, threshold: m = 50, onClick: o, visib
   const a = l ?? t, s = () => {
     o ? o() : c?.current ? c.current.scrollIntoView({ behavior: "smooth" }) : n?.current && (n.current.scrollTop = n.current.scrollHeight);
   }, g = E(f);
-  return /* @__PURE__ */ (0, d.jsx)(H, { children: a && /* @__PURE__ */ (0, d.jsxs)(w.div, {
+  return /* @__PURE__ */ (0, d.jsx)(H, { children: a && /* @__PURE__ */ (0, d.jsxs)(y.div, {
     "data-slot": "ai-scroll-button",
     initial: {
       opacity: 0,
@@ -133,7 +133,7 @@ function D({ scrollRef: c, containerRef: n, threshold: m = 50, onClick: o, visib
         1
       ]
     },
-    className: y(T({
+    className: w(T({
       variant: b,
       size: f,
       position: p
@@ -145,8 +145,8 @@ function D({ scrollRef: c, containerRef: n, threshold: m = 50, onClick: o, visib
       onClick: s,
       className: "size-full rounded-full",
       "aria-label": h,
-      children: /* @__PURE__ */ (0, d.jsx)(V, { className: y(g, b === "primary" ? "text-primary-foreground" : "text-muted-foreground") })
-    }), i !== void 0 && i > 0 && /* @__PURE__ */ (0, d.jsx)(w.div, {
+      children: /* @__PURE__ */ (0, d.jsx)(V, { className: w(g, b === "primary" ? "text-primary-foreground" : "text-muted-foreground") })
+    }), i !== void 0 && i > 0 && /* @__PURE__ */ (0, d.jsx)(y.div, {
       initial: { scale: 0 },
       animate: { scale: 1 },
       transition: {
@@ -154,7 +154,7 @@ function D({ scrollRef: c, containerRef: n, threshold: m = 50, onClick: o, visib
         stiffness: 500,
         damping: 30
       },
-      className: "absolute -top-1 -end-1 flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-destructive text-primary-foreground text-xs font-medium motion-reduce:transition-none",
+      className: "absolute -top-1 -end-1 flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-destructive text-destructive-foreground text-xs font-medium motion-reduce:transition-none",
       "aria-label": `${i > 99 ? "99+" : i} new messages`,
       children: i > 99 ? "99+" : i
     })]
@@ -163,7 +163,7 @@ function D({ scrollRef: c, containerRef: n, threshold: m = 50, onClick: o, visib
 D.displayName = "AIScrollButton";
 var L = e.forwardRef(({ className: c }, n) => /* @__PURE__ */ (0, d.jsx)("div", {
   ref: n,
-  className: y("h-px w-full", c),
+  className: w("h-px w-full", c),
   "aria-hidden": !0
 }));
 L.displayName = "AIScrollAnchor";

package/dist/wc/AIScrollButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIScrollButton.js","names":[],"sources":["../../src/components/organisms/ai/AIScrollButton/AIScrollButton.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ArrowDown } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst scrollButtonVariants = cva(\n  'fixed flex items-center justify-center shadow-lg transition-all',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background hover:bg-muted border border-border',\n        primary: 'bg-primary/10 hover:bg-primary/90 text-primary-foreground',\n        ghost:\n          'bg-card/80 hover:bg-background supports-backdrop-filter:backdrop-blur-sm border border-border',\n      },\n      size: {\n        sm: 'size-8 rounded-full',\n        md: 'size-10 rounded-full',\n        lg: 'size-12 rounded-xl',\n      },\n      position: {\n        'bottom-center':\n          'bottom-4 start-1/2 -translate-x-1/2 rtl:translate-x-1/2',\n        'bottom-right': 'bottom-4 end-4',\n        'bottom-left': 'bottom-4 start-4',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      position: 'bottom-center',\n    },\n  },\n);\n\n// =============================================================================\n// useScrollToBottom Hook\n// =============================================================================\n\nexport interface UseScrollToBottomOptions {\n  /** Threshold in pixels from bottom to consider \"at bottom\" */\n  threshold?: number;\n  /** Scroll behavior */\n  behavior?: ScrollBehavior;\n  /** Enable auto-scroll mode: tracks whether auto-scroll should fire on content changes */\n  autoScroll?: boolean;\n}\n\nexport interface UseScrollToBottomReturn {\n  /** Whether the user is at the bottom of the container */\n  isAtBottom: boolean;\n  /** Scroll to bottom function */\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  /** Ref to attach to the scrollable container */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref to attach to the scroll anchor element */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /** Whether auto-scroll should fire (only meaningful when autoScroll option is true) */\n  shouldAutoScroll: boolean;\n  /** Call when user scrolls manually to disable auto-scroll (re-enables when user scrolls back to bottom) */\n  handleUserScroll: () => void;\n  /** Trigger an auto-scroll if shouldAutoScroll is true (uses requestAnimationFrame) */\n  triggerAutoScroll: () => void;\n}\n\nexport function useScrollToBottom({\n  threshold = 50,\n  behavior = 'smooth',\n  autoScroll: autoScrollEnabled = false,\n}: UseScrollToBottomOptions = {}): UseScrollToBottomReturn {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const anchorRef = React.useRef<HTMLDivElement>(null);\n  const [isAtBottom, setIsAtBottom] = React.useState(true);\n  const [shouldAutoScroll, setShouldAutoScroll] = React.useState(true);\n\n  const scrollToBottom = React.useCallback(\n    (overrideBehavior?: ScrollBehavior) => {\n      const scrollBehavior = overrideBehavior ?? behavior;\n      if (anchorRef.current) {\n        anchorRef.current.scrollIntoView({ behavior: scrollBehavior });\n      } else if (containerRef.current) {\n        containerRef.current.scrollTop = containerRef.current.scrollHeight;\n      }\n    },\n    [behavior],\n  );\n\n  const checkIsAtBottom = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return true;\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n    return distanceFromBottom <= threshold;\n  }, [threshold]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const handleScroll = () => {\n      const atBottom = checkIsAtBottom();\n      setIsAtBottom((prev) => (prev === atBottom ? prev : atBottom));\n      if (autoScrollEnabled && atBottom) {\n        setShouldAutoScroll((prev) => prev || true);\n      }\n    };\n\n    handleScroll();\n\n    container.addEventListener('scroll', handleScroll, { passive: true });\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [checkIsAtBottom, autoScrollEnabled]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const OwnerResizeObserver =\n      container.ownerDocument.defaultView?.ResizeObserver;\n    if (!OwnerResizeObserver) return;\n\n    const resizeObserver = new OwnerResizeObserver(() => {\n      const atBottom = checkIsAtBottom();\n      setIsAtBottom((prev) => (prev === atBottom ? prev : atBottom));\n    });\n\n    resizeObserver.observe(container);\n    return () => resizeObserver.disconnect();\n  }, [checkIsAtBottom]);\n\n  const handleUserScroll = React.useCallback(() => {\n    if (!checkIsAtBottom()) {\n      setShouldAutoScroll(false);\n    }\n  }, [checkIsAtBottom]);\n\n  const triggerAutoScroll = React.useCallback(() => {\n    if (autoScrollEnabled && shouldAutoScroll) {\n      const ownerWindow =\n        anchorRef.current?.ownerDocument.defaultView ??\n        containerRef.current?.ownerDocument.defaultView;\n      ownerWindow?.requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n  }, [autoScrollEnabled, shouldAutoScroll, scrollToBottom]);\n\n  return {\n    isAtBottom,\n    scrollToBottom,\n    containerRef,\n    anchorRef,\n    shouldAutoScroll,\n    handleUserScroll,\n    triggerAutoScroll,\n  };\n}\n\n// =============================================================================\n// Main AIScrollButton Component\n// =============================================================================\n\nexport interface AIScrollButtonProps\n  extends VariantProps<typeof scrollButtonVariants> {\n  /** Target scroll element ref */\n  scrollRef?: React.RefObject<HTMLElement | null>;\n  /** Scrollable container ref */\n  containerRef?: React.RefObject<HTMLElement | null>;\n  /** Threshold in pixels from bottom to show button */\n  threshold?: number;\n  /** Click handler (defaults to scrolling to bottom) */\n  onClick?: () => void;\n  /** Whether to show the button (controlled) */\n  visible?: boolean;\n  /** Label for accessibility */\n  label?: string;\n  /** Show unread count badge */\n  unreadCount?: number;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction getIconSize(size: AIScrollButtonProps['size']): string {\n  switch (size) {\n    case 'sm':\n      return 'size-4';\n    case 'lg':\n      return 'size-6';\n    default:\n      return 'size-5';\n  }\n}\n\nfunction AIScrollButton({\n  scrollRef,\n  containerRef,\n  threshold = 50,\n  onClick,\n  visible: controlledVisible,\n  variant,\n  size,\n  position,\n  label = 'Scroll to bottom',\n  unreadCount,\n  className,\n}: AIScrollButtonProps) {\n  const [internalVisible, setInternalVisible] = React.useState(false);\n\n  // Track scroll position if containerRef is provided and no controlled visibility\n  React.useEffect(() => {\n    if (controlledVisible !== undefined) return;\n\n    const container = containerRef?.current;\n    if (!container) return;\n\n    const handleScroll = () => {\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n      setInternalVisible(distanceFromBottom > threshold);\n    };\n\n    handleScroll();\n    container.addEventListener('scroll', handleScroll, { passive: true });\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [containerRef, threshold, controlledVisible]);\n\n  const isVisible = controlledVisible ?? internalVisible;\n\n  const handleClick = () => {\n    if (onClick) {\n      onClick();\n    } else if (scrollRef?.current) {\n      scrollRef.current.scrollIntoView({ behavior: 'smooth' });\n    } else if (containerRef?.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  };\n\n  const iconSize = getIconSize(size);\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          data-slot=\"ai-scroll-button\"\n          initial={{ opacity: 0, y: 20, scale: 0.9 }}\n          animate={{ opacity: 1, y: 0, scale: 1 }}\n          exit={{ opacity: 0, y: 20, scale: 0.9 }}\n          transition={{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }}\n          className={cn(\n            scrollButtonVariants({ variant, size, position }),\n            'motion-reduce:transition-none',\n            className,\n          )}\n        >\n          <Button\n            appearance=\"ghost\"\n            variant=\"secondary\"\n            size=\"icon\"\n            onClick={handleClick}\n            className=\"size-full rounded-full\"\n            aria-label={label}\n          >\n            <ArrowDown\n              className={cn(\n                iconSize,\n                variant === 'primary'\n                  ? 'text-primary-foreground'\n                  : 'text-muted-foreground',\n              )}\n            />\n          </Button>\n\n          {/* Unread count badge */}\n          {unreadCount !== undefined && unreadCount > 0 && (\n            <motion.div\n              initial={{ scale: 0 }}\n              animate={{ scale: 1 }}\n              transition={{ type: 'spring', stiffness: 500, damping: 30 }}\n              className=\"absolute -top-1 -end-1 flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-destructive text-primary-foreground text-xs font-medium motion-reduce:transition-none\"\n              aria-label={`${unreadCount > 99 ? '99+' : unreadCount} new messages`}\n            >\n              {unreadCount > 99 ? '99+' : unreadCount}\n            </motion.div>\n          )}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nAIScrollButton.displayName = 'AIScrollButton';\n\n// =============================================================================\n// Scroll Anchor Component\n// =============================================================================\n\nexport interface AIScrollAnchorProps {\n  /** Ref to expose for scrolling */\n  ref?: React.Ref<HTMLDivElement>;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AIScrollAnchor = React.forwardRef<HTMLDivElement, AIScrollAnchorProps>(\n  ({ className }, ref) => {\n    return (\n      <div ref={ref} className={cn('h-px w-full', className)} aria-hidden />\n    );\n  },\n);\n\nAIScrollAnchor.displayName = 'AIScrollAnchor';\n\nexport { AIScrollAnchor, AIScrollButton, scrollButtonVariants };\n"],"mappings":"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"}
+{"version":3,"file":"AIScrollButton.js","names":[],"sources":["../../src/components/organisms/ai/AIScrollButton/AIScrollButton.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { ArrowDown } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport * as React from 'react';\nimport { Button } from '@/components/atoms/buttons/Button';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst scrollButtonVariants = cva(\n  'fixed flex items-center justify-center shadow-lg transition-all',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background hover:bg-muted border border-border',\n        primary: 'bg-primary/10 hover:bg-primary/90 text-primary-foreground',\n        ghost:\n          'bg-card/80 hover:bg-background supports-backdrop-filter:backdrop-blur-sm border border-border',\n      },\n      size: {\n        sm: 'size-8 rounded-full',\n        md: 'size-10 rounded-full',\n        lg: 'size-12 rounded-xl',\n      },\n      position: {\n        'bottom-center':\n          'bottom-4 start-1/2 -translate-x-1/2 rtl:translate-x-1/2',\n        'bottom-right': 'bottom-4 end-4',\n        'bottom-left': 'bottom-4 start-4',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      position: 'bottom-center',\n    },\n  },\n);\n\n// =============================================================================\n// useScrollToBottom Hook\n// =============================================================================\n\nexport interface UseScrollToBottomOptions {\n  /** Threshold in pixels from bottom to consider \"at bottom\" */\n  threshold?: number;\n  /** Scroll behavior */\n  behavior?: ScrollBehavior;\n  /** Enable auto-scroll mode: tracks whether auto-scroll should fire on content changes */\n  autoScroll?: boolean;\n}\n\nexport interface UseScrollToBottomReturn {\n  /** Whether the user is at the bottom of the container */\n  isAtBottom: boolean;\n  /** Scroll to bottom function */\n  scrollToBottom: (behavior?: ScrollBehavior) => void;\n  /** Ref to attach to the scrollable container */\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  /** Ref to attach to the scroll anchor element */\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n  /** Whether auto-scroll should fire (only meaningful when autoScroll option is true) */\n  shouldAutoScroll: boolean;\n  /** Call when user scrolls manually to disable auto-scroll (re-enables when user scrolls back to bottom) */\n  handleUserScroll: () => void;\n  /** Trigger an auto-scroll if shouldAutoScroll is true (uses requestAnimationFrame) */\n  triggerAutoScroll: () => void;\n}\n\nexport function useScrollToBottom({\n  threshold = 50,\n  behavior = 'smooth',\n  autoScroll: autoScrollEnabled = false,\n}: UseScrollToBottomOptions = {}): UseScrollToBottomReturn {\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const anchorRef = React.useRef<HTMLDivElement>(null);\n  const [isAtBottom, setIsAtBottom] = React.useState(true);\n  const [shouldAutoScroll, setShouldAutoScroll] = React.useState(true);\n\n  const scrollToBottom = React.useCallback(\n    (overrideBehavior?: ScrollBehavior) => {\n      const scrollBehavior = overrideBehavior ?? behavior;\n      if (anchorRef.current) {\n        anchorRef.current.scrollIntoView({ behavior: scrollBehavior });\n      } else if (containerRef.current) {\n        containerRef.current.scrollTop = containerRef.current.scrollHeight;\n      }\n    },\n    [behavior],\n  );\n\n  const checkIsAtBottom = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return true;\n    const { scrollTop, scrollHeight, clientHeight } = container;\n    const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n    return distanceFromBottom <= threshold;\n  }, [threshold]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const handleScroll = () => {\n      const atBottom = checkIsAtBottom();\n      setIsAtBottom((prev) => (prev === atBottom ? prev : atBottom));\n      if (autoScrollEnabled && atBottom) {\n        setShouldAutoScroll((prev) => prev || true);\n      }\n    };\n\n    handleScroll();\n\n    container.addEventListener('scroll', handleScroll, { passive: true });\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [checkIsAtBottom, autoScrollEnabled]);\n\n  React.useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const OwnerResizeObserver =\n      container.ownerDocument.defaultView?.ResizeObserver;\n    if (!OwnerResizeObserver) return;\n\n    const resizeObserver = new OwnerResizeObserver(() => {\n      const atBottom = checkIsAtBottom();\n      setIsAtBottom((prev) => (prev === atBottom ? prev : atBottom));\n    });\n\n    resizeObserver.observe(container);\n    return () => resizeObserver.disconnect();\n  }, [checkIsAtBottom]);\n\n  const handleUserScroll = React.useCallback(() => {\n    if (!checkIsAtBottom()) {\n      setShouldAutoScroll(false);\n    }\n  }, [checkIsAtBottom]);\n\n  const triggerAutoScroll = React.useCallback(() => {\n    if (autoScrollEnabled && shouldAutoScroll) {\n      const ownerWindow =\n        anchorRef.current?.ownerDocument.defaultView ??\n        containerRef.current?.ownerDocument.defaultView;\n      ownerWindow?.requestAnimationFrame(() => {\n        scrollToBottom('smooth');\n      });\n    }\n  }, [autoScrollEnabled, shouldAutoScroll, scrollToBottom]);\n\n  return {\n    isAtBottom,\n    scrollToBottom,\n    containerRef,\n    anchorRef,\n    shouldAutoScroll,\n    handleUserScroll,\n    triggerAutoScroll,\n  };\n}\n\n// =============================================================================\n// Main AIScrollButton Component\n// =============================================================================\n\nexport interface AIScrollButtonProps\n  extends VariantProps<typeof scrollButtonVariants> {\n  /** Target scroll element ref */\n  scrollRef?: React.RefObject<HTMLElement | null>;\n  /** Scrollable container ref */\n  containerRef?: React.RefObject<HTMLElement | null>;\n  /** Threshold in pixels from bottom to show button */\n  threshold?: number;\n  /** Click handler (defaults to scrolling to bottom) */\n  onClick?: () => void;\n  /** Whether to show the button (controlled) */\n  visible?: boolean;\n  /** Label for accessibility */\n  label?: string;\n  /** Show unread count badge */\n  unreadCount?: number;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction getIconSize(size: AIScrollButtonProps['size']): string {\n  switch (size) {\n    case 'sm':\n      return 'size-4';\n    case 'lg':\n      return 'size-6';\n    default:\n      return 'size-5';\n  }\n}\n\nfunction AIScrollButton({\n  scrollRef,\n  containerRef,\n  threshold = 50,\n  onClick,\n  visible: controlledVisible,\n  variant,\n  size,\n  position,\n  label = 'Scroll to bottom',\n  unreadCount,\n  className,\n}: AIScrollButtonProps) {\n  const [internalVisible, setInternalVisible] = React.useState(false);\n\n  // Track scroll position if containerRef is provided and no controlled visibility\n  React.useEffect(() => {\n    if (controlledVisible !== undefined) return;\n\n    const container = containerRef?.current;\n    if (!container) return;\n\n    const handleScroll = () => {\n      const { scrollTop, scrollHeight, clientHeight } = container;\n      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n      setInternalVisible(distanceFromBottom > threshold);\n    };\n\n    handleScroll();\n    container.addEventListener('scroll', handleScroll, { passive: true });\n    return () => container.removeEventListener('scroll', handleScroll);\n  }, [containerRef, threshold, controlledVisible]);\n\n  const isVisible = controlledVisible ?? internalVisible;\n\n  const handleClick = () => {\n    if (onClick) {\n      onClick();\n    } else if (scrollRef?.current) {\n      scrollRef.current.scrollIntoView({ behavior: 'smooth' });\n    } else if (containerRef?.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  };\n\n  const iconSize = getIconSize(size);\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          data-slot=\"ai-scroll-button\"\n          initial={{ opacity: 0, y: 20, scale: 0.9 }}\n          animate={{ opacity: 1, y: 0, scale: 1 }}\n          exit={{ opacity: 0, y: 20, scale: 0.9 }}\n          transition={{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }}\n          className={cn(\n            scrollButtonVariants({ variant, size, position }),\n            'motion-reduce:transition-none',\n            className,\n          )}\n        >\n          <Button\n            appearance=\"ghost\"\n            variant=\"secondary\"\n            size=\"icon\"\n            onClick={handleClick}\n            className=\"size-full rounded-full\"\n            aria-label={label}\n          >\n            <ArrowDown\n              className={cn(\n                iconSize,\n                variant === 'primary'\n                  ? 'text-primary-foreground'\n                  : 'text-muted-foreground',\n              )}\n            />\n          </Button>\n\n          {/* Unread count badge */}\n          {unreadCount !== undefined && unreadCount > 0 && (\n            <motion.div\n              initial={{ scale: 0 }}\n              animate={{ scale: 1 }}\n              transition={{ type: 'spring', stiffness: 500, damping: 30 }}\n              className=\"absolute -top-1 -end-1 flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-destructive text-destructive-foreground text-xs font-medium motion-reduce:transition-none\"\n              aria-label={`${unreadCount > 99 ? '99+' : unreadCount} new messages`}\n            >\n              {unreadCount > 99 ? '99+' : unreadCount}\n            </motion.div>\n          )}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\nAIScrollButton.displayName = 'AIScrollButton';\n\n// =============================================================================\n// Scroll Anchor Component\n// =============================================================================\n\nexport interface AIScrollAnchorProps {\n  /** Ref to expose for scrolling */\n  ref?: React.Ref<HTMLDivElement>;\n  /** Additional class name */\n  className?: string;\n}\n\nconst AIScrollAnchor = React.forwardRef<HTMLDivElement, AIScrollAnchorProps>(\n  ({ className }, ref) => {\n    return (\n      <div ref={ref} className={cn('h-px w-full', className)} aria-hidden />\n    );\n  },\n);\n\nAIScrollAnchor.displayName = 'AIScrollAnchor';\n\nexport { AIScrollAnchor, AIScrollButton, scrollButtonVariants };\n"],"mappings":"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"}

package/dist/wc/AISource.js

@@ -1,5 +1,5 @@
-import { a as y } from "./rolldown-runtime.js";
-import { i as j, t as N } from "./vendor/react.js";
+import { a as j } from "./rolldown-runtime.js";
+import { i as y, t as N } from "./vendor/react.js";
 import { n as l } from "./utils.js";
 import { t as f } from "./createLucideIcon.js";
 import { t as b } from "./dist.js";
@@ -32,27 +32,27 @@ var k = [
     d: "M2 12h20",
     key: "9i4pu4"
   }]
-], w = f("globe", I), u = /* @__PURE__ */ y(j(), 1), t = N(), A = b("inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", {
+], w = f("globe", I), u = /* @__PURE__ */ j(y(), 1), r = N(), A = b("inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", {
   variants: { variant: {
     default: "text-sm text-primary hover:text-primary underline underline-offset-2 rounded-sm",
     pill: "px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground delight-selection-press",
-    minimal: "text-xs text-text-quaternary hover:text-secondary-foreground rounded-sm"
+    minimal: "text-xs text-secondary-foreground hover:text-foreground rounded-sm"
   } },
   defaultVariants: { variant: "default" }
-}), q = 3;
-function E(e) {
-  return Number.isFinite(e) && e >= 0 ? Math.floor(e) : q;
+}), E = 3;
+function L(e) {
+  return Number.isFinite(e) && e >= 0 ? Math.floor(e) : E;
 }
-function m({ url: e, favicon: r, className: a }) {
+function m({ url: e, favicon: t, className: a }) {
   const [i, s] = u.useState(!1), n = u.useMemo(() => {
-    if (r) return r;
+    if (t) return t;
     try {
       return `https://www.google.com/s2/favicons?domain=${new URL(e).hostname}&sz=32`;
     } catch {
       return null;
     }
-  }, [e, r]);
-  return !n || i ? /* @__PURE__ */ (0, t.jsx)(w, { className: l("size-4 text-muted-foreground", a) }) : /* @__PURE__ */ (0, t.jsx)("img", {
+  }, [e, t]);
+  return !n || i ? /* @__PURE__ */ (0, r.jsx)(w, { className: l("size-4 text-muted-foreground", a) }) : /* @__PURE__ */ (0, r.jsx)("img", {
     src: n,
     alt: "",
     className: l("size-4 rounded delight-fade-in motion-reduce:!animate-none", a),
@@ -60,29 +60,29 @@ function m({ url: e, favicon: r, className: a }) {
   });
 }
 m.displayName = "SourceFavicon";
-function d({ source: e, variant: r, showFavicon: a = !0, className: i, onClick: s }) {
-  const n = e.title || e.siteName || e.url, c = l(A({ variant: r }), i), o = /* @__PURE__ */ (0, t.jsxs)(t.Fragment, { children: [
-    a && /* @__PURE__ */ (0, t.jsx)(m, {
+function d({ source: e, variant: t, showFavicon: a = !0, className: i, onClick: s }) {
+  const n = e.title || e.siteName || e.url, c = l(A({ variant: t }), i), o = /* @__PURE__ */ (0, r.jsxs)(r.Fragment, { children: [
+    a && /* @__PURE__ */ (0, r.jsx)(m, {
       url: e.url,
       favicon: e.favicon
     }),
-    /* @__PURE__ */ (0, t.jsx)("span", {
+    /* @__PURE__ */ (0, r.jsx)("span", {
       className: "truncate max-w-[200px]",
       children: n
     }),
-    r === "default" && /* @__PURE__ */ (0, t.jsx)(h, {
+    t === "default" && /* @__PURE__ */ (0, r.jsx)(h, {
       className: "size-3 shrink-0",
       "aria-hidden": "true"
     })
   ] });
-  return s ? /* @__PURE__ */ (0, t.jsx)("button", {
+  return s ? /* @__PURE__ */ (0, r.jsx)("button", {
     type: "button",
     "data-slot": "ai-source-trigger",
     onClick: s,
     className: c,
     "aria-label": `Source: ${n}`,
     children: o
-  }) : /* @__PURE__ */ (0, t.jsx)("a", {
+  }) : /* @__PURE__ */ (0, r.jsx)("a", {
     "data-slot": "ai-source-trigger",
     href: e.url,
     target: "_blank",
@@ -93,7 +93,7 @@ function d({ source: e, variant: r, showFavicon: a = !0, className: i, onClick:
   });
 }
 d.displayName = "AISourceTrigger";
-function g({ source: e, className: r }) {
+function g({ source: e, className: t }) {
   const a = u.useMemo(() => {
     try {
       return new URL(e.url).hostname;
@@ -101,85 +101,85 @@ function g({ source: e, className: r }) {
       return e.url;
     }
   }, [e.url]);
-  return /* @__PURE__ */ (0, t.jsxs)("div", {
-    className: l("p-3 max-w-xs space-y-2", r),
+  return /* @__PURE__ */ (0, r.jsxs)("div", {
+    className: l("p-3 max-w-xs space-y-2", t),
     children: [
-      /* @__PURE__ */ (0, t.jsxs)("div", {
+      /* @__PURE__ */ (0, r.jsxs)("div", {
         className: "flex items-start gap-2",
-        children: [/* @__PURE__ */ (0, t.jsx)(m, {
+        children: [/* @__PURE__ */ (0, r.jsx)(m, {
           url: e.url,
           favicon: e.favicon,
           className: "mt-0.5"
-        }), /* @__PURE__ */ (0, t.jsxs)("div", {
+        }), /* @__PURE__ */ (0, r.jsxs)("div", {
           className: "flex-1 min-w-0",
-          children: [/* @__PURE__ */ (0, t.jsx)("p", {
+          children: [/* @__PURE__ */ (0, r.jsx)("p", {
             className: "text-sm font-medium text-foreground truncate",
             children: e.title || a
-          }), /* @__PURE__ */ (0, t.jsx)("p", {
+          }), /* @__PURE__ */ (0, r.jsx)("p", {
             className: "text-xs text-text-quaternary truncate",
             children: a
           })]
         })]
       }),
-      e.description && /* @__PURE__ */ (0, t.jsx)("p", {
+      e.description && /* @__PURE__ */ (0, r.jsx)("p", {
         className: "text-xs text-muted-foreground line-clamp-2",
         children: e.description
       }),
-      /* @__PURE__ */ (0, t.jsxs)("a", {
+      /* @__PURE__ */ (0, r.jsxs)("a", {
         href: e.url,
         target: "_blank",
         rel: "noopener noreferrer",
         className: "flex items-center gap-1 text-xs text-primary hover:text-primary",
-        children: ["Visit source", /* @__PURE__ */ (0, t.jsx)(h, { className: "size-3" })]
+        children: ["Visit source", /* @__PURE__ */ (0, r.jsx)(h, { className: "size-3" })]
       })
     ]
   });
 }
 g.displayName = "AISourceContent";
-function v({ source: e, variant: r, showFavicon: a = !0, showTooltip: i = !0, className: s }) {
-  return i ? /* @__PURE__ */ (0, t.jsxs)(M, { children: [/* @__PURE__ */ (0, t.jsx)(_, { render: /* @__PURE__ */ (0, t.jsx)("span", {
+function v({ source: e, variant: t, showFavicon: a = !0, showTooltip: i = !0, className: s }) {
+  return i ? /* @__PURE__ */ (0, r.jsxs)(M, { children: [/* @__PURE__ */ (0, r.jsx)(_, { render: /* @__PURE__ */ (0, r.jsx)("span", {
     "data-slot": "ai-source",
-    children: /* @__PURE__ */ (0, t.jsx)(d, {
+    children: /* @__PURE__ */ (0, r.jsx)(d, {
       source: e,
-      variant: r,
+      variant: t,
       showFavicon: a,
       className: s
     })
-  }) }), /* @__PURE__ */ (0, t.jsx)(S, {
+  }) }), /* @__PURE__ */ (0, r.jsx)(S, {
     side: "top",
     className: "p-0",
-    children: /* @__PURE__ */ (0, t.jsx)(g, { source: e })
-  })] }) : /* @__PURE__ */ (0, t.jsx)("span", {
+    children: /* @__PURE__ */ (0, r.jsx)(g, { source: e })
+  })] }) : /* @__PURE__ */ (0, r.jsx)("span", {
     "data-slot": "ai-source",
-    children: /* @__PURE__ */ (0, t.jsx)(d, {
+    children: /* @__PURE__ */ (0, r.jsx)(d, {
       source: e,
-      variant: r,
+      variant: t,
       showFavicon: a,
       className: s
     })
   });
 }
 v.displayName = "AISource";
-function L({ sources: e, maxVisible: r = 3, showAll: a = !1, onShowMore: i, className: s }) {
-  const n = E(r), c = a ? e : e.slice(0, n), o = Math.max(0, e.length - n);
-  return /* @__PURE__ */ (0, t.jsxs)("nav", {
+function T({ sources: e, maxVisible: t = 3, showAll: a = !1, onShowMore: i, className: s }) {
+  const n = L(t), c = a ? e : e.slice(0, n), o = Math.max(0, e.length - n);
+  return /* @__PURE__ */ (0, r.jsxs)("nav", {
     "data-slot": "ai-source-list",
     "aria-label": "Sources",
     className: l("flex flex-wrap items-center gap-2", s),
     children: [
-      /* @__PURE__ */ (0, t.jsx)("span", {
+      /* @__PURE__ */ (0, r.jsx)("span", {
         className: "text-xs text-text-quaternary",
         children: "Sources:"
       }),
-      c.map((x, p) => /* @__PURE__ */ (0, t.jsx)("span", {
+      c.map((x, p) => /* @__PURE__ */ (0, r.jsx)("span", {
         className: "delight-stagger motion-reduce:!animate-none",
         style: { "--delight-delay": `${p * 50}ms` },
-        children: /* @__PURE__ */ (0, t.jsx)(v, {
+        children: /* @__PURE__ */ (0, r.jsx)(v, {
           source: x,
           variant: "pill"
         })
       }, `${x.url}-${p}`)),
-      !a && o > 0 && /* @__PURE__ */ (0, t.jsxs)("button", {
+      !a && o > 0 && /* @__PURE__ */ (0, r.jsxs)("button", {
         type: "button",
         onClick: i,
         "aria-label": `Show ${o} more sources`,
@@ -193,7 +193,7 @@ function L({ sources: e, maxVisible: r = 3, showAll: a = !1, onShowMore: i, clas
     ]
   });
 }
-L.displayName = "AISourceList";
+T.displayName = "AISourceList";
 export {
   v as t
 };

package/dist/wc/AISource.js.map

@@ -1 +1 @@
-{"version":3,"file":"AISource.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/external-link.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/globe.mjs","../../src/components/organisms/ai/AISource/AISource.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.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: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"M10 14 21 3\", key: \"gplh6r\" }],\n  [\"path\", { d: \"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\", key: \"a6xqqp\" }]\n];\nconst ExternalLink = createLucideIcon(\"external-link\", __iconNode);\n\nexport { __iconNode, ExternalLink as default };\n//# sourceMappingURL=external-link.mjs.map\n","/**\n * @license lucide-react v1.27.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  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\", key: \"13o1zl\" }],\n  [\"path\", { d: \"M2 12h20\", key: \"9i4pu4\" }]\n];\nconst Globe = createLucideIcon(\"globe\", __iconNode);\n\nexport { __iconNode, Globe as default };\n//# sourceMappingURL=globe.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink, Globe } from 'lucide-react';\nimport * as React from 'react';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst sourceVariants = cva(\n  'inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-sm text-primary hover:text-primary underline underline-offset-2 rounded-sm',\n        pill: 'px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground delight-selection-press',\n        minimal:\n          'text-xs text-text-quaternary hover:text-secondary-foreground rounded-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst DEFAULT_MAX_VISIBLE_SOURCES = 3;\n\nfunction getMaxVisibleSources(maxVisible: number): number {\n  return Number.isFinite(maxVisible) && maxVisible >= 0\n    ? Math.floor(maxVisible)\n    : DEFAULT_MAX_VISIBLE_SOURCES;\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface SourceData {\n  /** Source URL */\n  url: string;\n  /** Display title */\n  title?: string;\n  /** Source description */\n  description?: string;\n  /** Favicon URL */\n  favicon?: string;\n  /** Site name */\n  siteName?: string;\n}\n\n// =============================================================================\n// Source Favicon\n// =============================================================================\n\ninterface SourceFaviconProps {\n  url: string;\n  favicon?: string;\n  className?: string;\n}\n\nfunction SourceFavicon({ url, favicon, className }: SourceFaviconProps) {\n  const [hasError, setHasError] = React.useState(false);\n\n  // Generate favicon URL from domain if not provided\n  const faviconUrl = React.useMemo(() => {\n    if (favicon) return favicon;\n    try {\n      const domain = new URL(url).hostname;\n      return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`;\n    } catch {\n      return null;\n    }\n  }, [url, favicon]);\n\n  if (!faviconUrl || hasError) {\n    return <Globe className={cn('size-4 text-muted-foreground', className)} />;\n  }\n\n  return (\n    <img\n      src={faviconUrl}\n      alt=\"\"\n      className={cn(\n        'size-4 rounded delight-fade-in motion-reduce:!animate-none',\n        className,\n      )}\n      onError={() => setHasError(true)}\n    />\n  );\n}\n\nSourceFavicon.displayName = 'SourceFavicon';\n\n// =============================================================================\n// Source Trigger (Clickable element)\n// =============================================================================\n\nexport interface AISourceTriggerProps\n  extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nfunction AISourceTrigger({\n  source,\n  variant,\n  showFavicon = true,\n  className,\n  onClick,\n}: AISourceTriggerProps) {\n  const displayText = source.title || source.siteName || source.url;\n\n  const sharedClassName = cn(sourceVariants({ variant }), className);\n  const sharedChildren = (\n    <>\n      {showFavicon && (\n        <SourceFavicon url={source.url} favicon={source.favicon} />\n      )}\n      <span className=\"truncate max-w-[200px]\">{displayText}</span>\n      {variant === 'default' && (\n        <ExternalLink className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n      )}\n    </>\n  );\n\n  // Render as <a> when navigating to URL (proper semantics)\n  if (!onClick) {\n    return (\n      <a\n        data-slot=\"ai-source-trigger\"\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={sharedClassName}\n        aria-label={`Source: ${displayText}`}\n      >\n        {sharedChildren}\n      </a>\n    );\n  }\n\n  // Render as <button> when custom click handler is provided\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-source-trigger\"\n      onClick={onClick}\n      className={sharedClassName}\n      aria-label={`Source: ${displayText}`}\n    >\n      {sharedChildren}\n    </button>\n  );\n}\n\nAISourceTrigger.displayName = 'AISourceTrigger';\n\n// =============================================================================\n// Source Content (Tooltip/Popover content)\n// =============================================================================\n\nexport interface AISourceContentProps {\n  /** Source data */\n  source: SourceData;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceContent({ source, className }: AISourceContentProps) {\n  const domain = React.useMemo(() => {\n    try {\n      return new URL(source.url).hostname;\n    } catch {\n      return source.url;\n    }\n  }, [source.url]);\n\n  return (\n    <div className={cn('p-3 max-w-xs space-y-2', className)}>\n      <div className=\"flex items-start gap-2\">\n        <SourceFavicon\n          url={source.url}\n          favicon={source.favicon}\n          className=\"mt-0.5\"\n        />\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-foreground truncate\">\n            {source.title || domain}\n          </p>\n          <p className=\"text-xs text-text-quaternary truncate\">{domain}</p>\n        </div>\n      </div>\n      {source.description && (\n        <p className=\"text-xs text-muted-foreground line-clamp-2\">\n          {source.description}\n        </p>\n      )}\n      <a\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"flex items-center gap-1 text-xs text-primary hover:text-primary\"\n      >\n        Visit source\n        <ExternalLink className=\"size-3\" />\n      </a>\n    </div>\n  );\n}\n\nAISourceContent.displayName = 'AISourceContent';\n\n// =============================================================================\n// Main AISource Component (with built-in tooltip)\n// =============================================================================\n\nexport interface AISourceProps extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Whether to show tooltip on hover */\n  showTooltip?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISource({\n  source,\n  variant,\n  showFavicon = true,\n  showTooltip = true,\n  className,\n}: AISourceProps) {\n  if (!showTooltip) {\n    return (\n      <span data-slot=\"ai-source\">\n        <AISourceTrigger\n          source={source}\n          variant={variant}\n          showFavicon={showFavicon}\n          className={className}\n        />\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span data-slot=\"ai-source\">\n            <AISourceTrigger\n              source={source}\n              variant={variant}\n              showFavicon={showFavicon}\n              className={className}\n            />\n          </span>\n        }\n      />\n      <TooltipPopup side=\"top\" className=\"p-0\">\n        <AISourceContent source={source} />\n      </TooltipPopup>\n    </Tooltip>\n  );\n}\n\nAISource.displayName = 'AISource';\n\n// =============================================================================\n// Source List Component\n// =============================================================================\n\nexport interface AISourceListProps {\n  /** Array of sources */\n  sources: SourceData[];\n  /** Maximum sources to show before truncating */\n  maxVisible?: number;\n  /** Whether to show expanded list */\n  showAll?: boolean;\n  /** Callback when \"show more\" is clicked */\n  onShowMore?: () => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceList({\n  sources,\n  maxVisible = 3,\n  showAll = false,\n  onShowMore,\n  className,\n}: AISourceListProps) {\n  const safeMaxVisible = getMaxVisibleSources(maxVisible);\n  const visibleSources = showAll ? sources : sources.slice(0, safeMaxVisible);\n  const remainingCount = Math.max(0, sources.length - safeMaxVisible);\n\n  return (\n    <nav\n      data-slot=\"ai-source-list\"\n      aria-label=\"Sources\"\n      className={cn('flex flex-wrap items-center gap-2', className)}\n    >\n      <span className=\"text-xs text-text-quaternary\">Sources:</span>\n      {visibleSources.map((source, index) => (\n        <span\n          key={`${source.url}-${index}`}\n          className=\"delight-stagger motion-reduce:!animate-none\"\n          style={\n            { '--delight-delay': `${index * 50}ms` } as React.CSSProperties\n          }\n        >\n          <AISource source={source} variant=\"pill\" />\n        </span>\n      ))}\n      {!showAll && remainingCount > 0 && (\n        <button\n          type=\"button\"\n          onClick={onShowMore}\n          aria-label={`Show ${remainingCount} more sources`}\n          className=\"px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring delight-selection-press\"\n        >\n          +{remainingCount} more\n        </button>\n      )}\n    </nav>\n  );\n}\n\nAISourceList.displayName = 'AISourceList';\n\nexport {\n  AISource,\n  AISourceContent,\n  AISourceList,\n  AISourceTrigger,\n  SourceFavicon,\n  sourceVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"AISource.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/external-link.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/globe.mjs","../../src/components/organisms/ai/AISource/AISource.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.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: \"M15 3h6v6\", key: \"1q9fwt\" }],\n  [\"path\", { d: \"M10 14 21 3\", key: \"gplh6r\" }],\n  [\"path\", { d: \"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\", key: \"a6xqqp\" }]\n];\nconst ExternalLink = createLucideIcon(\"external-link\", __iconNode);\n\nexport { __iconNode, ExternalLink as default };\n//# sourceMappingURL=external-link.mjs.map\n","/**\n * @license lucide-react v1.27.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  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\", key: \"13o1zl\" }],\n  [\"path\", { d: \"M2 12h20\", key: \"9i4pu4\" }]\n];\nconst Globe = createLucideIcon(\"globe\", __iconNode);\n\nexport { __iconNode, Globe as default };\n//# sourceMappingURL=globe.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { ExternalLink, Globe } from 'lucide-react';\nimport * as React from 'react';\nimport { Tooltip, TooltipPopup, TooltipTrigger } from '@/components/ui/tooltip';\nimport { cn } from '@/lib/utils';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst sourceVariants = cva(\n  'inline-flex items-center gap-1.5 transition-colors cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n  {\n    variants: {\n      variant: {\n        default:\n          'text-sm text-primary hover:text-primary underline underline-offset-2 rounded-sm',\n        pill: 'px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground delight-selection-press',\n        minimal:\n          'text-xs text-secondary-foreground hover:text-foreground rounded-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nconst DEFAULT_MAX_VISIBLE_SOURCES = 3;\n\nfunction getMaxVisibleSources(maxVisible: number): number {\n  return Number.isFinite(maxVisible) && maxVisible >= 0\n    ? Math.floor(maxVisible)\n    : DEFAULT_MAX_VISIBLE_SOURCES;\n}\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface SourceData {\n  /** Source URL */\n  url: string;\n  /** Display title */\n  title?: string;\n  /** Source description */\n  description?: string;\n  /** Favicon URL */\n  favicon?: string;\n  /** Site name */\n  siteName?: string;\n}\n\n// =============================================================================\n// Source Favicon\n// =============================================================================\n\ninterface SourceFaviconProps {\n  url: string;\n  favicon?: string;\n  className?: string;\n}\n\nfunction SourceFavicon({ url, favicon, className }: SourceFaviconProps) {\n  const [hasError, setHasError] = React.useState(false);\n\n  // Generate favicon URL from domain if not provided\n  const faviconUrl = React.useMemo(() => {\n    if (favicon) return favicon;\n    try {\n      const domain = new URL(url).hostname;\n      return `https://www.google.com/s2/favicons?domain=${domain}&sz=32`;\n    } catch {\n      return null;\n    }\n  }, [url, favicon]);\n\n  if (!faviconUrl || hasError) {\n    return <Globe className={cn('size-4 text-muted-foreground', className)} />;\n  }\n\n  return (\n    <img\n      src={faviconUrl}\n      alt=\"\"\n      className={cn(\n        'size-4 rounded delight-fade-in motion-reduce:!animate-none',\n        className,\n      )}\n      onError={() => setHasError(true)}\n    />\n  );\n}\n\nSourceFavicon.displayName = 'SourceFavicon';\n\n// =============================================================================\n// Source Trigger (Clickable element)\n// =============================================================================\n\nexport interface AISourceTriggerProps\n  extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nfunction AISourceTrigger({\n  source,\n  variant,\n  showFavicon = true,\n  className,\n  onClick,\n}: AISourceTriggerProps) {\n  const displayText = source.title || source.siteName || source.url;\n\n  const sharedClassName = cn(sourceVariants({ variant }), className);\n  const sharedChildren = (\n    <>\n      {showFavicon && (\n        <SourceFavicon url={source.url} favicon={source.favicon} />\n      )}\n      <span className=\"truncate max-w-[200px]\">{displayText}</span>\n      {variant === 'default' && (\n        <ExternalLink className=\"size-3 shrink-0\" aria-hidden=\"true\" />\n      )}\n    </>\n  );\n\n  // Render as <a> when navigating to URL (proper semantics)\n  if (!onClick) {\n    return (\n      <a\n        data-slot=\"ai-source-trigger\"\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={sharedClassName}\n        aria-label={`Source: ${displayText}`}\n      >\n        {sharedChildren}\n      </a>\n    );\n  }\n\n  // Render as <button> when custom click handler is provided\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"ai-source-trigger\"\n      onClick={onClick}\n      className={sharedClassName}\n      aria-label={`Source: ${displayText}`}\n    >\n      {sharedChildren}\n    </button>\n  );\n}\n\nAISourceTrigger.displayName = 'AISourceTrigger';\n\n// =============================================================================\n// Source Content (Tooltip/Popover content)\n// =============================================================================\n\nexport interface AISourceContentProps {\n  /** Source data */\n  source: SourceData;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceContent({ source, className }: AISourceContentProps) {\n  const domain = React.useMemo(() => {\n    try {\n      return new URL(source.url).hostname;\n    } catch {\n      return source.url;\n    }\n  }, [source.url]);\n\n  return (\n    <div className={cn('p-3 max-w-xs space-y-2', className)}>\n      <div className=\"flex items-start gap-2\">\n        <SourceFavicon\n          url={source.url}\n          favicon={source.favicon}\n          className=\"mt-0.5\"\n        />\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-medium text-foreground truncate\">\n            {source.title || domain}\n          </p>\n          <p className=\"text-xs text-text-quaternary truncate\">{domain}</p>\n        </div>\n      </div>\n      {source.description && (\n        <p className=\"text-xs text-muted-foreground line-clamp-2\">\n          {source.description}\n        </p>\n      )}\n      <a\n        href={source.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"flex items-center gap-1 text-xs text-primary hover:text-primary\"\n      >\n        Visit source\n        <ExternalLink className=\"size-3\" />\n      </a>\n    </div>\n  );\n}\n\nAISourceContent.displayName = 'AISourceContent';\n\n// =============================================================================\n// Main AISource Component (with built-in tooltip)\n// =============================================================================\n\nexport interface AISourceProps extends VariantProps<typeof sourceVariants> {\n  /** Source data */\n  source: SourceData;\n  /** Whether to show favicon */\n  showFavicon?: boolean;\n  /** Whether to show tooltip on hover */\n  showTooltip?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISource({\n  source,\n  variant,\n  showFavicon = true,\n  showTooltip = true,\n  className,\n}: AISourceProps) {\n  if (!showTooltip) {\n    return (\n      <span data-slot=\"ai-source\">\n        <AISourceTrigger\n          source={source}\n          variant={variant}\n          showFavicon={showFavicon}\n          className={className}\n        />\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger\n        render={\n          <span data-slot=\"ai-source\">\n            <AISourceTrigger\n              source={source}\n              variant={variant}\n              showFavicon={showFavicon}\n              className={className}\n            />\n          </span>\n        }\n      />\n      <TooltipPopup side=\"top\" className=\"p-0\">\n        <AISourceContent source={source} />\n      </TooltipPopup>\n    </Tooltip>\n  );\n}\n\nAISource.displayName = 'AISource';\n\n// =============================================================================\n// Source List Component\n// =============================================================================\n\nexport interface AISourceListProps {\n  /** Array of sources */\n  sources: SourceData[];\n  /** Maximum sources to show before truncating */\n  maxVisible?: number;\n  /** Whether to show expanded list */\n  showAll?: boolean;\n  /** Callback when \"show more\" is clicked */\n  onShowMore?: () => void;\n  /** Additional class name */\n  className?: string;\n}\n\nfunction AISourceList({\n  sources,\n  maxVisible = 3,\n  showAll = false,\n  onShowMore,\n  className,\n}: AISourceListProps) {\n  const safeMaxVisible = getMaxVisibleSources(maxVisible);\n  const visibleSources = showAll ? sources : sources.slice(0, safeMaxVisible);\n  const remainingCount = Math.max(0, sources.length - safeMaxVisible);\n\n  return (\n    <nav\n      data-slot=\"ai-source-list\"\n      aria-label=\"Sources\"\n      className={cn('flex flex-wrap items-center gap-2', className)}\n    >\n      <span className=\"text-xs text-text-quaternary\">Sources:</span>\n      {visibleSources.map((source, index) => (\n        <span\n          key={`${source.url}-${index}`}\n          className=\"delight-stagger motion-reduce:!animate-none\"\n          style={\n            { '--delight-delay': `${index * 50}ms` } as React.CSSProperties\n          }\n        >\n          <AISource source={source} variant=\"pill\" />\n        </span>\n      ))}\n      {!showAll && remainingCount > 0 && (\n        <button\n          type=\"button\"\n          onClick={onShowMore}\n          aria-label={`Show ${remainingCount} more sources`}\n          className=\"px-2.5 py-1 rounded-full bg-accent hover:bg-surface-2 text-xs text-secondary-foreground transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring delight-selection-press\"\n        >\n          +{remainingCount} more\n        </button>\n      )}\n    </nav>\n  );\n}\n\nAISourceList.displayName = 'AISourceList';\n\nexport {\n  AISource,\n  AISourceContent,\n  AISourceList,\n  AISourceTrigger,\n  SourceFavicon,\n  sourceVariants,\n};\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/wc/AIToolCall.js

@@ -2,8 +2,8 @@ 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 V } from "./check.js";
+import { t as q } 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";
@@ -44,7 +44,7 @@ function w({ status: e, className: a }) {
     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") });
+      return /* @__PURE__ */ (0, s.jsx)(V, { 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:
@@ -69,7 +69,7 @@ function T({ toolName: e, status: a, isOpen: t, onToggle: n, className: c }) {
           className: "text-sm font-medium text-foreground",
           children: e
         }), /* @__PURE__ */ (0, s.jsx)("span", {
-          className: "text-xs text-text-quaternary",
+          className: "text-xs text-secondary-foreground",
           children: {
             pending: "Pending",
             running: "Running...",
@@ -78,7 +78,7 @@ function T({ toolName: e, status: a, isOpen: t, onToggle: n, className: c }) {
           }[a]
         })]
       })]
-    }), t ? /* @__PURE__ */ (0, s.jsx)(V, {
+    }), t ? /* @__PURE__ */ (0, s.jsx)(q, {
       className: "size-4 text-muted-foreground",
       "aria-hidden": "true"
     }) : /* @__PURE__ */ (0, s.jsx)(H, {
@@ -185,7 +185,7 @@ 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);
+  const i = n !== void 0, [u, m] = N.useState(() => p(a ? e.map((r) => r.toolCallId) : t, e)), g = p(i ? n : u, e), z = new Set(g);
   N.useLayoutEffect(() => {
     i || m((r) => {
       const l = p(r, e);
@@ -193,10 +193,10 @@ function $({ toolCalls: e, defaultAllOpen: a = !1, defaultOpenToolCallIds: t = [
     });
   }, [i, e]);
   const S = (r, l) => {
-    const x = new Set(h);
+    const x = new Set(g);
     l ? x.add(r) : x.delete(r);
-    const g = p([...x], e);
-    i || m(g), c?.([...g]);
+    const h = p([...x], e);
+    i || m(h), c?.([...h]);
   };
   return /* @__PURE__ */ (0, s.jsx)("div", {
     "data-slot": "ai-tool-call-list",

package/dist/wc/AIToolCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.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.27.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":";;;;;;;;;;;;;;AASA,IAAMA,IAAa,CACjB,CAAC,QAAQ;AAAA,EAAE,GAAG;AAAA,EAAkB,KAAK;AAAQ,CAAC,GAC9C,CAAC,QAAQ;AAAA,EAAE,GAAG;AAAA,EAAgB,KAAK;AAAS,CAAC,CAC/C,GACM,IAAO,EAAiB,QAAQA,CAAU,GCJ1C,IAAa,CACjB,CACE,QACA;AAAA,EACE,GAAG;AAAA,EACH,KAAK;AACP,CACF,CACF,GACM,IAAS,EAAiB,UAAU,CAAU,2CCE9C,IAAmB,EACvB,uDACA;AAAA,EACE,UAAU,EACR,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EACT,EACF;AAAA,EACA,iBAAiB,EACf,QAAQ,UACV;AACF,CACF,GAEM,IAAqB,EAAI,UAAU;AAAA,EACvC,UAAU,EACR,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EACT,EACF;AAAA,EACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AAgCD,SAAS,EAAW,EAAE,QAAA,GAAQ,WAAA,EAAA,GAA8B;AAC1D,QAAM,IAAY,EAAG,EAAmB,EAAE,QAAA,EAAO,CAAC,GAAG,CAAS;AAE9D,UAAQ,GAAR;AAAA,IACE,KAAK;AACH,aAAO,oBAAA,EAAA,KAAC,GAAD,EAAO,WAAW,EAAY,CAAA;AAAA,IACvC,KAAK;AACH,aACE,oBAAA,EAAA,KAAC,GAAD,EACE,WAAW,EACT,GACA,kDACF,EACD,CAAA;AAAA,IAEL,KAAK;AACH,aACE,oBAAA,EAAA,KAAC,GAAD,EACE,WAAW,EAAG,GAAW,2CAA2C,EACrE,CAAA;AAAA,IAEL;AACE,aAAO,oBAAA,EAAA,KAAC,GAAD,EAAQ,WAAW,EAAY,CAAA;AAAA,EAC1C;AACF;AAEA,EAAW,cAAc;AAczB,SAAS,EAAiB,EACxB,UAAA,GACA,QAAA,GACA,QAAA,GACA,UAAA,GACA,WAAA,EAAA,GACwB;AAQxB,SACE,oBAAA,EAAA,MAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,SAAS;AAAA,IACT,iBAAe;AAAA,IACf,WAAW,EACT,qLACA,CACF;AAAA,cAPF,CASE,oBAAA,EAAA,MAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACE,oBAAA,EAAA,KAAC,GAAD;AAAA,QAAoB,QAAA;AAAA,QAAQ,eAAY;AAAA,MAAQ,CAAA,GAChD,oBAAA,EAAA,MAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACE,oBAAA,EAAA,KAAC,QAAD;AAAA,UAAM,WAAU;AAAA,oBACb;AAAA,QACG,CAAA,GACN,oBAAA,EAAA,KAAC,QAAD;AAAA,UAAM,WAAU;AAAA,oBACb;AAAA,YAvBT,SAAS;AAAA,YACT,SAAS;AAAA,YACT,SAAS;AAAA,YACT,OAAO;AAAA,UAoBE,EAAY,CAAA;AAAA,QACT,CAAA,CACH;AAAA,QACF;AAAA,QACJ,IACC,oBAAA,EAAA,KAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,eAAY;AAAA,IACb,CAAA,IAED,oBAAA,EAAA,KAAC,GAAD;AAAA,MACE,WAAU;AAAA,MACV,eAAY;AAAA,IACb,CAAA,CAEG;AAAA;AAEZ;AAEA,EAAiB,cAAc;AAa/B,SAAS,EAAgB,EACvB,OAAA,GACA,MAAA,GACA,UAAA,GACA,WAAA,EAAA,GACuB;AACvB,SACE,oBAAA,EAAA,MAAC,OAAD;AAAA,IAAK,WAAW,EAAG,aAAa,CAAS;AAAA,cAAzC,CACE,oBAAA,EAAA,MAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACG,GACA,CACE;AAAA,QACJ,CACE;AAAA;AAET;AAEA,EAAgB,cAAc;AAmB9B,SAAS,EAAY,GAAwB;AAC3C,SAAI,OAAO,KAAU,WAAiB,IAC/B,KAAK,UAAU,GAAO,MAAM,CAAC;AACtC;AAEA,SAAS,EAAW,EAClB,UAAA,GACA,aAAA,IAAc,IACd,MAAM,GACN,cAAA,GACA,WAAA,EAAA,GACkB;AAClB,QAAM,CAAC,GAAQ,CAAA,IAAa,EAAqB;AAAA,IAC/C,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,CAAC,GAEK,IAAS,EAAS,UAAU,WAE5B,IAAA,MAAqB;AACzB,IAAA,EAAU,CAAC,CAAM;AAAA,EACnB;AAEA,SACE,oBAAA,EAAA,MAAC,OAAD;AAAA,IACE,aAAU;AAAA,IACV,WAAW,EAAG,EAAiB,EAAE,QAAA,EAAO,CAAC,GAAG,CAAS;AAAA,cAFvD,CAIE,oBAAA,EAAA,KAAC,GAAD;AAAA,MACE,UAAU,EAAS;AAAA,MACX,QAAA;AAAA,MACA,QAAA;AAAA,MACR,UAAU;AAAA,IACX,CAAA,GAED,oBAAA,EAAA,KAAC,GAAD,EAAA,UACG,KACC,oBAAA,EAAA,KAAC,EAAO,KAAR;AAAA,MACE,SAAS;AAAA,QAAE,QAAQ;AAAA,QAAG,SAAS;AAAA,MAAE;AAAA,MACjC,SAAS;AAAA,QAAE,QAAQ;AAAA,QAAQ,SAAS;AAAA,MAAE;AAAA,MACtC,MAAM;AAAA,QAAE,QAAQ;AAAA,QAAG,SAAS;AAAA,MAAE;AAAA,MAC9B,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAU;AAAA,gBAEV,oBAAA,EAAA,MAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf;AAAA,UAEE,oBAAA,EAAA,MAAC,OAAD;AAAA,YAAK,WAAU;AAAA,sBAAf,CAAyD,QAClD,EAAS,UACX;AAAA;UAGJ,EAAS,QAAQ,OAAO,KAAK,EAAS,IAAI,EAAE,SAAS,KACpD,oBAAA,EAAA,KAAC,GAAD;AAAA,YACE,OAAM;AAAA,YACN,MAAM,oBAAA,EAAA,KAAC,GAAD,EAAM,WAAU,SAAU,CAAA;AAAA,sBAEhC,oBAAA,EAAA,KAAC,GAAD;AAAA,cACE,MAAM,EAAY,EAAS,IAAI;AAAA,cAC/B,UAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,MAAK;AAAA,YACN,CAAA;AAAA,UACc,CAAA;AAAA,UAIlB,EAAS,WAAW,UACnB,oBAAA,EAAA,KAAC,GAAD;AAAA,YACE,OAAM;AAAA,YACN,MAAM,oBAAA,EAAA,KAAC,GAAD,EAAM,WAAU,SAAU,CAAA;AAAA,sBAEhC,oBAAA,EAAA,KAAC,GAAD;AAAA,cACE,MAAM,EAAY,EAAS,MAAM;AAAA,cACjC,UAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,MAAK;AAAA,YACN,CAAA;AAAA,UACc,CAAA;AAAA,UAIlB,EAAS,SACR,oBAAA,EAAA,KAAC,OAAD;AAAA,YAAK,WAAU;AAAA,sBACb,oBAAA,EAAA,MAAC,OAAD;AAAA,cAAK,WAAU;AAAA,wBAAf,CACE,oBAAA,EAAA,KAAC,GAAD,EAAa,WAAU,0CAA2C,CAAA,GAClE,oBAAA,EAAA,KAAC,KAAD;AAAA,gBAAG,WAAU;AAAA,0BAA4B,EAAS;AAAA,cAAS,CAAA,CACxD;AAAA;UACF,CAAA;AAAA,QAEJ;AAAA;IACK,CAAA,EAEC,CAAA,CACd;AAAA;AAET;AAEA,EAAW,cAAc;AAqBzB,SAAS,EACP,GACA,GACU;AACV,QAAM,IAAY,IAAI,IAAI,CAAG;AAC7B,SAAO,EAAU,QAAA,CAAS,MACxB,EAAU,IAAI,EAAS,UAAU,IAAI,CAAC,EAAS,UAAU,IAAI,CAAC,CAChE;AACF;AAEA,SAAS,EACP,GACA,GACS;AACT,SACE,EAAK,WAAW,EAAM,UACtB,EAAK,MAAA,CAAO,GAAI,MAAU,MAAO,EAAM,CAAA,CAAM;AAEjD;AAEA,SAAS,EAAe,EACtB,WAAA,GACA,gBAAA,IAAiB,IACjB,wBAAA,IAAyB,CAAC,GAC1B,iBAAiB,GACjB,yBAAA,GACA,WAAA,EAAA,GACsB;AACtB,QAAM,IAAe,MAA8B,QAC7C,CAAC,GAA6B,CAAA,IAAA,EAC5B,SAAA,MACJ,EACE,IACI,EAAU,IAAA,CAAK,MAAa,EAAS,UAAU,IAC/C,GACJ,CACF,CACF,GAII,IAAyB,EAHJ,IACvB,IACA,GAGF,CACF,GACM,IAAU,IAAI,IAAI,CAAsB;AAE9C,EAAA,EAAM,gBAAA,MAAsB;AAC1B,IAAI,KACJ,EAAA,CAAgC,MAAY;AAC1C,YAAM,IAAa,EAAyB,GAAS,CAAS;AAC9D,aAAO,EAAoB,GAAS,CAAU,IAAI,IAAU;AAAA,IAC9D,CAAC;AAAA,EACH,GAAG,CAAC,GAAc,CAAS,CAAC;AAE5B,QAAM,IAAA,CAAmB,GAAoB,MAAkB;AAC7D,UAAM,IAAO,IAAI,IAAI,CAAsB;AAC3C,IAAI,IAAM,EAAK,IAAI,CAAU,IACxB,EAAK,OAAO,CAAU;AAC3B,UAAM,IAAa,EAAyB,CAAC,GAAG,CAAI,GAAG,CAAS;AAChE,IAAK,KACH,EAA+B,CAAU,GAE3C,IAA0B,CAAC,GAAG,CAAU,CAAC;AAAA,EAC3C;AAEA,SACE,oBAAA,EAAA,KAAC,OAAD;AAAA,IAAK,aAAU;AAAA,IAAoB,WAAW,EAAG,aAAa,CAAS;AAAA,cACpE,EAAU,IAAA,CAAK,MACd,oBAAA,EAAA,KAAC,GAAD;AAAA,MAEE,UAAU;AAAA,MACV,MAAM,EAAQ,IAAI,EAAS,UAAU;AAAA,MACrC,cAAA,CAAe,MAAS,EAAgB,EAAS,YAAY,CAAI;AAAA,IAClE,GAJM,EAAS,UAIf,CACF;AAAA,EACE,CAAA;AAET;AAEA,EAAe,cAAc"}
+{"version":3,"file":"AIToolCall.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/code.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.27.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/wrench.mjs","../../src/components/organisms/ai/AIToolCall/AIToolCall.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.27.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.27.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-secondary-foreground\">\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/AppSidebar.constants.js

@@ -587,7 +587,7 @@ var ua = Object.assign(P, {
   Trigger: $,
   NavSkeleton: ce,
   AccountSkeleton: be
-}), ca = "280px", ba = "116px";
+}), ca = "280px", ba = "68px";
 export {
   Ve as _,
   ee as a,