@hai3/uikit 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/index.mjs

@@ -1,2054 +0,0 @@
-import * as React18 from 'react';
-import React18__default from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { ButtonSize, ButtonVariant, IconButtonSize } from '@hai3/uikit-contracts';
-export { ButtonSize, ButtonVariant, IconButtonSize } from '@hai3/uikit-contracts';
-import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { Loader2, ChevronDown, X, ArrowLeft, ArrowRight, ChevronUp, Check, ChevronRight, Circle, ChevronRightIcon, CheckIcon, CircleIcon, User, Bot, Paperclip, Send, Plus, Search } from 'lucide-react';
-import { trim, toUpper } from 'lodash';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import * as SheetPrimitive from '@radix-ui/react-dialog';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import useEmblaCarousel from 'embla-carousel-react';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-
-// src/base/avatar.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var Avatar = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        [ButtonVariant.Default]: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        [ButtonVariant.Destructive]: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        [ButtonVariant.Outline]: "border border-input bg-background shadow-sm hover:bg-accent data-[state=open]:bg-accent",
-        [ButtonVariant.Secondary]: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        [ButtonVariant.Ghost]: "hover:bg-accent data-[state=open]:bg-accent",
-        [ButtonVariant.Link]: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        [ButtonSize.Default]: "h-9 px-4 py-2",
-        [ButtonSize.Sm]: "h-8 rounded-md px-3 text-xs",
-        [ButtonSize.Lg]: "h-10 rounded-md px-8",
-        [ButtonSize.Icon]: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: ButtonVariant.Default,
-      size: ButtonSize.Default
-    }
-  }
-);
-var Button = React18.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({
-  className,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-var Input = React18.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-var Textarea = React18.forwardRef(
-  ({ className, autoResize = false, minHeight = 50, maxHeight = 350, size = "default", onChange, ...props }, ref) => {
-    const internalRef = React18.useRef(null);
-    React18.useImperativeHandle(ref, () => internalRef.current);
-    const sizeClasses = {
-      sm: "min-h-11 h-11",
-      // 44px / 2.75rem - exact height
-      default: "min-h-[60px]",
-      // 60px / 3.75rem
-      lg: "min-h-20"
-      // 80px / 5rem
-    };
-    const paddingClasses = {
-      sm: "py-3",
-      // 12px top + 12px bottom + 20px line-height = 44px
-      default: "py-2",
-      // 8px top + 8px bottom (default)
-      lg: "py-2"
-      // 8px top + 8px bottom (default)
-    };
-    const handleResize = React18.useCallback(() => {
-      if (autoResize && size !== "sm" && internalRef.current) {
-        const textarea = internalRef.current;
-        textarea.style.height = "auto";
-        const scrollHeight = textarea.scrollHeight;
-        textarea.style.height = `${Math.min(Math.max(scrollHeight, minHeight), maxHeight)}px`;
-      }
-    }, [autoResize, size, minHeight, maxHeight]);
-    React18.useEffect(() => {
-      handleResize();
-    }, [handleResize, props.value]);
-    const handleChange = React18.useCallback(
-      (e) => {
-        handleResize();
-        onChange?.(e);
-      },
-      [onChange, handleResize]
-    );
-    return /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        className: cn(
-          "flex w-full rounded-md border border-input bg-transparent px-3 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          sizeClasses[size],
-          paddingClasses[size],
-          className
-        ),
-        ref: internalRef,
-        onChange: handleChange,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-var Switch = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SwitchPrimitives.Root,
-  {
-    className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsx(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
-          "data-[state=checked]:ltr:translate-x-4 data-[state=checked]:rtl:-translate-x-4",
-          "data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-function Skeleton({
-  className,
-  inheritColor = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "animate-pulse rounded-md",
-        inheritColor ? "bg-current opacity-20" : "bg-muted",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var Spinner = React18.forwardRef(
-  ({ className, icon: Icon2 = Loader2, size = "size-4", ...props }, ref) => {
-    const textColorClasses = className?.match(/\btext-\S+/g)?.join(" ") || "";
-    const wrapperClasses = trim(className?.replace(/\btext-\S+/g, "") || "");
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("inline-flex items-center justify-center", wrapperClasses),
-        ...props,
-        children: /* @__PURE__ */ jsx(Icon2, { className: cn("animate-spin", size, textColorClasses) })
-      }
-    );
-  }
-);
-Spinner.displayName = "Spinner";
-var Slider = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SliderPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    ),
-    ...props
-  }
-));
-Slider.displayName = SliderPrimitive.Root.displayName;
-var SliderTrack = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SliderPrimitive.Track,
-  {
-    ref,
-    className: cn(
-      "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props
-  }
-));
-SliderTrack.displayName = SliderPrimitive.Track.displayName;
-var SliderRange = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SliderPrimitive.Range,
-  {
-    ref,
-    className: cn("absolute h-full bg-primary", className),
-    ...props
-  }
-));
-SliderRange.displayName = SliderPrimitive.Range.displayName;
-var SliderThumb = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SliderPrimitive.Thumb,
-  {
-    ref,
-    className: cn(
-      "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-SliderThumb.displayName = SliderPrimitive.Thumb.displayName;
-var Progress = React18.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      ProgressPrimitive.Indicator,
-      {
-        className: "h-full w-full flex-1 bg-primary transition-all",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-var TooltipProvider = ({
-  delayDuration = 0,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  TooltipPrimitive.Provider,
-  {
-    delayDuration,
-    ...props
-  }
-);
-TooltipProvider.displayName = TooltipPrimitive.Provider.displayName;
-var Tooltip = ({
-  ...props
-}) => /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props }) });
-Tooltip.displayName = TooltipPrimitive.Root.displayName;
-var TooltipTrigger = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { ref, ...props }));
-TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
-var TooltipContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var Popover = PopoverPrimitive.Root;
-Popover.displayName = "Popover";
-var PopoverTrigger = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  PopoverPrimitive.Trigger,
-  {
-    ref,
-    "data-slot": "popover-trigger",
-    ...props
-  }
-));
-PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    "data-slot": "popover-content",
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = "PopoverContent";
-var PopoverAnchor = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  PopoverPrimitive.Anchor,
-  {
-    ref,
-    "data-slot": "popover-anchor",
-    ...props
-  }
-));
-PopoverAnchor.displayName = "PopoverAnchor";
-var HoverCard = HoverCardPrimitive.Root;
-HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  HoverCardPrimitive.Trigger,
-  {
-    ref,
-    "data-slot": "hover-card-trigger",
-    ...props
-  }
-));
-HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
-  HoverCardPrimitive.Content,
-  {
-    ref,
-    "data-slot": "hover-card-content",
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-HoverCardContent.displayName = "HoverCardContent";
-var Card = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      "rounded-xl border bg-card text-card-foreground shadow",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-var Header = React18__default.forwardRef(
-  ({ children, className }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "header",
-      {
-        ref,
-        className: cn(
-          "flex items-center justify-end px-6 py-4 bg-background border-b border-border h-16 w-full",
-          className
-        ),
-        children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4", children })
-      }
-    );
-  }
-);
-Header.displayName = "Header";
-var NavigationMenu = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  NavigationMenuPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(NavigationMenuViewport, {})
-    ]
-  }
-));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  NavigationMenuPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "group flex flex-1 list-none items-center justify-center space-x-1",
-      className
-    ),
-    ...props
-  }
-));
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = cva(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
-);
-var NavigationMenuTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  NavigationMenuPrimitive.Trigger,
-  {
-    ref,
-    className: cn(navigationMenuTriggerStyle(), "group", className),
-    ...props,
-    children: [
-      children,
-      " ",
-      /* @__PURE__ */ jsx(
-        ChevronDown,
-        {
-          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
-          "aria-hidden": "true"
-        }
-      )
-    ]
-  }
-));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  NavigationMenuPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
-      className
-    ),
-    ...props
-  }
-));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx(
-  NavigationMenuPrimitive.Viewport,
-  {
-    className: cn(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-      className
-    ),
-    ref,
-    ...props
-  }
-) }));
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  NavigationMenuPrimitive.Indicator,
-  {
-    ref,
-    className: cn(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-  }
-));
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
-var Sheet = SheetPrimitive.Root;
-var SheetTrigger = SheetPrimitive.Trigger;
-var SheetClose = SheetPrimitive.Close;
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-var SheetContent = React18.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
-  /* @__PURE__ */ jsx(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-        ] }),
-        children
-      ]
-    }
-  )
-] }));
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold text-foreground", className),
-    ...props
-  }
-));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-var Dialog = SheetPrimitive.Root;
-var DialogTrigger = SheetPrimitive.Trigger;
-var DialogPortal = SheetPrimitive.Portal;
-var DialogClose = SheetPrimitive.Close;
-var DialogOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var DialogContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = SheetPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = SheetPrimitive.Title.displayName;
-var DialogDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = SheetPrimitive.Description.displayName;
-var Accordion = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Root,
-  {
-    ref,
-    "data-slot": "accordion",
-    ...props
-  }
-));
-Accordion.displayName = "Accordion";
-var AccordionItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Item,
-  {
-    ref,
-    "data-slot": "accordion-item",
-    className: cn("border-b last:border-b-0", className),
-    ...props
-  }
-));
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-  AccordionPrimitive.Trigger,
-  {
-    ref,
-    "data-slot": "accordion-trigger",
-    className: cn(
-      "flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] focus-visible:border-ring focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
-    ]
-  }
-) }));
-AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    "data-slot": "accordion-content",
-    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...props,
-    children: /* @__PURE__ */ jsx("div", { className: cn("pt-0 pb-4", className), children })
-  }
-));
-AccordionContent.displayName = "AccordionContent";
-var CarouselContext = React18.createContext(null);
-function useCarousel() {
-  const context = React18.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-var Carousel = React18.forwardRef(
-  ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
-      },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React18.useState(false);
-    const [canScrollNext, setCanScrollNext] = React18.useState(false);
-    const onSelect = React18.useCallback((api2) => {
-      if (!api2) return;
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React18.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React18.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React18.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React18.useEffect(() => {
-      if (!api || !setApi) return;
-      setApi(api);
-    }, [api, setApi]);
-    React18.useEffect(() => {
-      if (!api) return;
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            "data-slot": "carousel",
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React18.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React18.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React18.forwardRef(({ className, variant = ButtonVariant.Outline, size = ButtonSize.Icon, ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      ref,
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React18.forwardRef(({ className, variant = ButtonVariant.Outline, size = ButtonSize.Icon, ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      ref,
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-var Collapsible = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  CollapsiblePrimitive.Root,
-  {
-    ref,
-    "data-slot": "collapsible",
-    ...props
-  }
-));
-Collapsible.displayName = "Collapsible";
-var CollapsibleTrigger2 = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  CollapsiblePrimitive.CollapsibleTrigger,
-  {
-    ref,
-    "data-slot": "collapsible-trigger",
-    ...props
-  }
-));
-CollapsibleTrigger2.displayName = "CollapsibleTrigger";
-var CollapsibleContent2 = React18.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(
-  CollapsiblePrimitive.CollapsibleContent,
-  {
-    ref,
-    "data-slot": "collapsible-content",
-    ...props
-  }
-));
-CollapsibleContent2.displayName = "CollapsibleContent";
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      // HAI3 customization: bg-background and hover states for consistency with Button Outline
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm ring-offset-background hover:bg-accent hover:text-bg-accent-foreground data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React18.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-bg-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var DropdownMenu = ({ dir, ...props }) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Root,
-  {
-    ...props,
-    dir
-  }
-);
-DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto rtl:rotate-180" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React18.forwardRef(({ className, container, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { container: container ?? void 0, children: /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-function ContextMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
-}
-function ContextMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
-}
-function ContextMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
-}
-function ContextMenuPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
-}
-function ContextMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
-}
-function ContextMenuRadioGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.RadioGroup,
-    {
-      "data-slot": "context-menu-radio-group",
-      ...props
-    }
-  );
-}
-function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenuPrimitive.SubTrigger,
-    {
-      "data-slot": "context-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })
-      ]
-    }
-  );
-}
-function ContextMenuSubContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.SubContent,
-    {
-      "data-slot": "context-menu-sub-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[var(--radix-context-menu-content-transform-origin)] overflow-hidden rounded-md border p-1 shadow-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Content,
-    {
-      "data-slot": "context-menu-content",
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[var(--radix-context-menu-content-available-height)] min-w-[8rem] origin-[var(--radix-context-menu-content-transform-origin)] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Item,
-    {
-      "data-slot": "context-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenuPrimitive.CheckboxItem,
-    {
-      "data-slot": "context-menu-checkbox-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ContextMenuPrimitive.RadioItem,
-    {
-      "data-slot": "context-menu-radio-item",
-      className: cn(
-        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Label,
-    {
-      "data-slot": "context-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function ContextMenuSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ContextMenuPrimitive.Separator,
-    {
-      "data-slot": "context-menu-separator",
-      className: cn("bg-border -mx-1 my-1 h-px", className),
-      ...props
-    }
-  );
-}
-function ContextMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "context-menu-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var IconButton = React18__default.forwardRef(
-  ({ variant = ButtonVariant.Ghost, size = IconButtonSize.Default, className, ...props }, ref) => {
-    const sizeStyles = {
-      [IconButtonSize.Small]: "h-8 w-8",
-      [IconButtonSize.Default]: "h-9 w-9",
-      [IconButtonSize.Large]: "h-11 w-11"
-    };
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        ref,
-        variant,
-        size: ButtonSize.Icon,
-        className: cn(sizeStyles[size], className),
-        ...props
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-var DropdownButton = React18__default.forwardRef(({ children, variant = ButtonVariant.Outline, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      ref,
-      variant,
-      className: cn("min-w-40 justify-between rtl:flex-row-reverse", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { children }),
-        /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-      ]
-    }
-  );
-});
-DropdownButton.displayName = "DropdownButton";
-var Sidebar = React18.forwardRef(({ collapsed = false, className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "aside",
-    {
-      ref,
-      "data-state": collapsed ? "collapsed" : "expanded",
-      "data-collapsible": collapsed ? "icon" : "",
-      className: cn(
-        "group flex flex-col border-r border-mainMenu-border transition-[width] duration-200 ease-linear",
-        "bg-mainMenu text-mainMenu-foreground",
-        collapsed ? "w-14" : "w-64",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-Sidebar.displayName = "Sidebar";
-var SidebarContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    "data-sidebar": "content",
-    className: cn(
-      // HAI3 customization: gap and padding use rem-based spacing for theme scaling
-      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden p-2",
-      className
-    ),
-    ...props
-  }
-));
-SidebarContent.displayName = "SidebarContent";
-var SidebarMenu = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ul",
-  {
-    ref,
-    "data-sidebar": "menu",
-    className: cn("flex w-full min-w-0 flex-col gap-1", className),
-    ...props
-  }
-));
-SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    "data-sidebar": "menu-item",
-    className: cn("group/menu-item relative", className),
-    ...props
-  }
-));
-SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = cva(
-  // HAI3 customization: All sizing uses rem-based Tailwind classes for theme responsiveness
-  "peer/menu-button flex w-full items-center gap-2 rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>span:last-child]:overflow-hidden [&>svg]:size-5 [&>svg]:shrink-0 text-mainMenu-foreground hover:bg-mainMenu-hover data-[active=true]:bg-mainMenu-selected data-[active=true]:text-white data-[active=true]:font-medium",
-  {
-    variants: {
-      variant: {
-        default: "",
-        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--border))] hover:bg-mainMenu-hover"
-      },
-      size: {
-        // HAI3 customization: All heights use rem-based Tailwind classes (h-10=2.5rem, h-7=1.75rem, h-12=3rem)
-        default: "h-10 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var SidebarMenuButton = React18.forwardRef(
-  ({
-    asChild = false,
-    isActive = false,
-    variant = "default",
-    size = "default",
-    tooltip,
-    className,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        ref,
-        "data-sidebar": "menu-button",
-        "data-size": size,
-        "data-active": isActive,
-        title: tooltip,
-        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-        ...props
-      }
-    );
-  }
-);
-SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuIcon = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ref,
-    className: cn("size-5 min-w-[1.5rem] flex-shrink-0 [&>svg]:w-full [&>svg]:h-full", className),
-    ...props
-  }
-));
-SidebarMenuIcon.displayName = "SidebarMenuIcon";
-var SidebarMenuLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ref,
-    className: cn(className),
-    ...props
-  }
-));
-SidebarMenuLabel.displayName = "SidebarMenuLabel";
-var SidebarHeader = React18.forwardRef(
-  ({ logo, logoText, collapsed = false, onClick, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex flex-col h-16",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center flex-1 px-2", children: /* @__PURE__ */ jsxs(SidebarMenuButton, { onClick, tooltip: collapsed ? "Expand menu" : "Collapse menu", children: [
-            logo && /* @__PURE__ */ jsx(SidebarMenuIcon, { children: logo }),
-            logoText && /* @__PURE__ */ jsx(SidebarMenuLabel, { className: "[&>svg]:h-5 [&>svg]:w-auto", children: logoText })
-          ] }) }),
-          /* @__PURE__ */ jsx("div", { className: "border-b border-mainMenu-border mx-4" })
-        ]
-      }
-    );
-  }
-);
-SidebarHeader.displayName = "SidebarHeader";
-var UserInfo = React18__default.forwardRef(
-  ({ displayName, email, avatarUrl, className, loading }, ref) => {
-    const getInitials = () => {
-      if (!displayName) return toUpper(email?.[0] || "") || "?";
-      const parts = trim(displayName).split(/\s+/);
-      if (parts.length >= 2) {
-        return toUpper(`${parts[0][0]}${parts[parts.length - 1][0]}`);
-      }
-      return toUpper(displayName.slice(0, 2));
-    };
-    const initials = getInitials();
-    const displayText = displayName || email || "User";
-    if (loading) {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2 text-sm", className), children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "flex items-center gap-2 text-sm text-muted-foreground",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "h-8 w-8", children: [
-            avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: displayText }),
-            /* @__PURE__ */ jsx(AvatarFallback, { children: initials })
-          ] }),
-          /* @__PURE__ */ jsx("span", { children: displayText })
-        ]
-      }
-    );
-  }
-);
-UserInfo.displayName = "UserInfo";
-var MessageType = /* @__PURE__ */ ((MessageType2) => {
-  MessageType2["User"] = "user";
-  MessageType2["Assistant"] = "assistant";
-  return MessageType2;
-})(MessageType || {});
-var MessageBubble = ({
-  type,
-  content,
-  className = "",
-  onCopy,
-  onEdit,
-  onDelete
-}) => {
-  const isUser = type === "user" /* User */;
-  return /* @__PURE__ */ jsxs("div", { className: `flex gap-4 group ${className}`, children: [
-    /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 flex-shrink-0", children: /* @__PURE__ */ jsx(
-      AvatarFallback,
-      {
-        className: isUser ? "bg-blue-500 text-white" : "bg-green-500 text-white",
-        children: isUser ? /* @__PURE__ */ jsx(User, { size: 16 }) : /* @__PURE__ */ jsx(Bot, { size: 16 })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "prose prose-sm max-w-none", children: /* @__PURE__ */ jsx("div", { className: "leading-relaxed whitespace-pre-wrap", children: content }) }),
-      (onCopy || onEdit || onDelete) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-2 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-        onCopy && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onCopy,
-            className: "p-1.5 hover:bg-muted rounded-lg transition-colors text-muted-foreground hover:text-foreground",
-            title: "Copy message",
-            children: /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-                  /* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-                ]
-              }
-            )
-          }
-        ),
-        onEdit && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onEdit,
-            className: "p-1.5 hover:bg-muted rounded-lg transition-colors text-muted-foreground hover:text-foreground",
-            title: "Edit message",
-            children: /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                  /* @__PURE__ */ jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                ]
-              }
-            )
-          }
-        ),
-        onDelete && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onDelete,
-            className: "p-1.5 hover:bg-destructive/10 rounded-lg transition-colors text-muted-foreground hover:text-destructive",
-            title: "Delete message",
-            children: /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: [
-                  /* @__PURE__ */ jsx("polyline", { points: "3 6 5 6 21 6" }),
-                  /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                ]
-              }
-            )
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var ChatInput = ({
-  value,
-  onChange,
-  onSend,
-  onAttachFile,
-  placeholder = "Type a message...",
-  disabled = false,
-  maxRows = 14,
-  className = ""
-}) => {
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      if (!disabled && trim(value)) {
-        onSend();
-      }
-    }
-  };
-  const rows = Math.min(
-    Math.max(value.split("\n").length, 1),
-    maxRows
-  );
-  return /* @__PURE__ */ jsxs("div", { className: `flex items-end gap-2 ${className}`, children: [
-    onAttachFile && /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: ButtonVariant.Ghost,
-        size: ButtonSize.Icon,
-        onClick: onAttachFile,
-        disabled,
-        className: "flex-shrink-0",
-        "aria-label": "Attach file",
-        children: /* @__PURE__ */ jsx(Paperclip, { size: 20 })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        value,
-        onChange: (e) => onChange(e.target.value),
-        onKeyDown: handleKeyDown,
-        placeholder,
-        disabled,
-        rows,
-        className: "flex-1 resize-none rounded-lg border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: onSend,
-        disabled: disabled || !trim(value),
-        className: "flex-shrink-0",
-        "aria-label": "Send message",
-        children: /* @__PURE__ */ jsx(Send, { size: 20 })
-      }
-    )
-  ] });
-};
-var ThreadList = ({
-  threads,
-  selectedThreadId,
-  onThreadSelect,
-  onNewThread,
-  onDeleteThread,
-  searchQuery = "",
-  onSearchChange,
-  loading = false,
-  className = ""
-}) => {
-  if (loading) {
-    return /* @__PURE__ */ jsxs("div", { className: `flex flex-col h-full ${className}`, children: [
-      /* @__PURE__ */ jsxs("div", { className: "p-4 border-b", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full mb-3" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-2", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-full mb-2" }, i)) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: `flex flex-col h-full ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "p-4 border-b", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Recent Chats" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: ButtonVariant.Ghost,
-            size: ButtonSize.Icon,
-            onClick: onNewThread,
-            "aria-label": "New chat",
-            children: /* @__PURE__ */ jsx(Plus, { size: 16 })
-          }
-        )
-      ] }),
-      onSearchChange && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          Search,
-          {
-            size: 16,
-            className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            placeholder: "Search chats...",
-            value: searchQuery,
-            onChange: (e) => onSearchChange(e.target.value),
-            className: "w-full pl-9 pr-3 py-2 border border-input rounded-lg text-sm bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: threads.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-muted-foreground text-sm", children: "No chats yet. Start a new conversation!" }) : threads.map((thread) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        onClick: () => onThreadSelect(thread.id),
-        className: `p-3 border-b cursor-pointer transition-colors hover:bg-muted/50 ${selectedThreadId === thread.id ? "bg-muted" : ""}`,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxs("h3", { className: "font-medium text-sm truncate mb-1", children: [
-              thread.title,
-              thread.isTemporary && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: "(Temporary)" })
-            ] }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: thread.preview })
-          ] }),
-          onDeleteThread && /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                onDeleteThread(thread.id);
-              },
-              className: "p-1 opacity-0 group-hover:opacity-100 hover:bg-destructive/10 rounded transition-opacity text-muted-foreground hover:text-destructive",
-              "aria-label": "Delete thread",
-              children: /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  width: "14",
-                  height: "14",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ jsx("polyline", { points: "3 6 5 6 21 6" }),
-                    /* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                  ]
-                }
-              )
-            }
-          )
-        ] })
-      },
-      thread.id
-    )) })
-  ] });
-};
-var MENU_ICON_ID = "menu";
-var MenuIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className,
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-        /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-        /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
-      ]
-    }
-  );
-};
-var CLOSE_ICON_ID = "close";
-var CloseIcon = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className,
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      children: [
-        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-      ]
-    }
-  );
-};
-
-// src/styles/applyTheme.ts
-var hslToVar = (color) => {
-  if (color === "transparent") {
-    return "transparent";
-  }
-  if (color.startsWith("hsl(")) {
-    return color.replace("hsl(", "").replace(")", "");
-  }
-  return color;
-};
-var applyTheme = (theme, themeName) => {
-  const root = document.documentElement;
-  if (themeName) {
-    root.setAttribute("data-theme", themeName);
-  }
-  root.style.setProperty("--background", hslToVar(theme.colors.background));
-  root.style.setProperty("--foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--card", hslToVar(theme.colors.background));
-  root.style.setProperty("--card-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--popover", hslToVar(theme.colors.background));
-  root.style.setProperty("--popover-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--primary", hslToVar(theme.colors.primary));
-  root.style.setProperty("--primary-foreground", hslToVar(theme.colors.background));
-  root.style.setProperty("--secondary", hslToVar(theme.colors.secondary));
-  root.style.setProperty("--secondary-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--muted", hslToVar(theme.colors.muted));
-  root.style.setProperty("--muted-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--accent", hslToVar(theme.colors.accent));
-  root.style.setProperty("--accent-foreground", hslToVar(theme.colors.background));
-  root.style.setProperty("--destructive", hslToVar(theme.colors.error));
-  root.style.setProperty("--destructive-foreground", hslToVar(theme.colors.foreground));
-  root.style.setProperty("--border", hslToVar(theme.colors.border));
-  root.style.setProperty("--input", hslToVar(theme.colors.border));
-  root.style.setProperty("--ring", hslToVar(theme.colors.primary));
-  root.style.setProperty("--error", hslToVar(theme.colors.error));
-  root.style.setProperty("--warning", hslToVar(theme.colors.warning));
-  root.style.setProperty("--success", hslToVar(theme.colors.success));
-  root.style.setProperty("--info", hslToVar(theme.colors.info));
-  root.style.setProperty("--left-menu", hslToVar(theme.colors.mainMenu.DEFAULT));
-  root.style.setProperty("--left-menu-foreground", hslToVar(theme.colors.mainMenu.foreground));
-  root.style.setProperty("--left-menu-hover", hslToVar(theme.colors.mainMenu.hover));
-  root.style.setProperty("--left-menu-selected", hslToVar(theme.colors.mainMenu.selected));
-  root.style.setProperty("--left-menu-border", hslToVar(theme.colors.mainMenu.border));
-  Object.entries(theme.spacing).forEach(([key, value]) => {
-    root.style.setProperty(`--spacing-${key}`, value);
-  });
-  Object.entries(theme.borderRadius).forEach(([key, value]) => {
-    root.style.setProperty(`--radius-${key}`, value);
-  });
-  Object.entries(theme.shadows).forEach(([key, value]) => {
-    root.style.setProperty(`--shadow-${key}`, value);
-  });
-  Object.entries(theme.transitions).forEach(([key, value]) => {
-    root.style.setProperty(`--transition-${key}`, value);
-  });
-  if (themeName?.endsWith("-large")) {
-    root.style.fontSize = "125%";
-  } else {
-    root.style.fontSize = "";
-  }
-};
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Button, CLOSE_ICON_ID, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatInput, CloseIcon, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, Input, MENU_ICON_ID, MenuIcon, MessageBubble, MessageType, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuIcon, SidebarMenuItem, SidebarMenuLabel, Skeleton, Slider, SliderRange, SliderThumb, SliderTrack, Spinner, Switch, Textarea, ThreadList, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserInfo, applyTheme, badgeVariants };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map