@alquimia-ai/ui 1.2.0 → 1.2.1

package/dist/components/molecules/index.mjs

@@ -175,300 +175,16 @@ var AlertDialogCancel = React2.forwardRef(({ className, ...props }, ref) => /* @
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
-// src/components/molecules/carousel.tsx
-import * as React3 from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var CarouselContext = React3.createContext(null);
-function useCarousel() {
-  const context = React3.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-var Carousel = React3.forwardRef(
-  ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
-      },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
-    const [canScrollNext, setCanScrollNext] = React3.useState(false);
-    const onSelect = React3.useCallback((api2) => {
-      if (!api2) {
-        return;
-      }
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React3.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React3.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React3.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React3.useEffect(() => {
-      if (!api || !setApi) {
-        return;
-      }
-      setApi(api);
-    }, [api, setApi]);
-    React3.useEffect(() => {
-      if (!api) {
-        return;
-      }
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsx4(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsx4(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React3.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx4("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex",
-        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React3.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React3.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs2(
-    Button,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute  h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React3.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs2(
-    Button,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-
-// src/components/molecules/navigation-menu.tsx
-import * as React4 from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva2 } from "class-variance-authority";
-import { ChevronDown } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var NavigationMenu = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
-  NavigationMenuPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx5(NavigationMenuViewport, {})
-    ]
-  }
-));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
-  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 = cva2(
-  "group inline-flex h-10 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-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
-);
-var NavigationMenuTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
-  NavigationMenuPrimitive.Trigger,
-  {
-    ref,
-    className: cn(navigationMenuTriggerStyle(), "group", className),
-    ...props,
-    children: [
-      children,
-      " ",
-      /* @__PURE__ */ jsx5(
-        ChevronDown,
-        {
-          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
-          "aria-hidden": "true"
-        }
-      )
-    ]
-  }
-));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
-  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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx5(
-  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-lg 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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
-  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__ */ jsx5("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-  }
-));
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
-
-// src/components/molecules/sidebar.tsx
-import * as React27 from "react";
-import { cva as cva10 } from "class-variance-authority";
+// src/components/molecules/assistant-button.tsx
+import * as React25 from "react";
+import { useState as useState3 } from "react";
 
 // src/components/atoms/ui/textarea.tsx
-import * as React5 from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Textarea = React5.forwardRef(
+import * as React3 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Textarea = React3.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx4(
       "textarea",
       {
         className: cn(
@@ -485,11 +201,11 @@ var Textarea = React5.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/atoms/ui/input.tsx
-import { forwardRef as forwardRef7 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Input = forwardRef7(
+import { forwardRef as forwardRef5 } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Input = forwardRef5(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx5(
       "input",
       {
         type,
@@ -507,11 +223,11 @@ var Input = forwardRef7(
 Input.displayName = "Input";
 
 // src/components/atoms/ui/select.tsx
-import * as React6 from "react";
+import * as React4 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check, ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var SelectTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -523,12 +239,12 @@ var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx8(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx8(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx6(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx6(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var SelectScrollUpButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -537,11 +253,11 @@ var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx8(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx6(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var SelectScrollDownButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -550,11 +266,11 @@ var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx8(ChevronDown2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx6(ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx8(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs4(
+var SelectContent = React4.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx6(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
   SelectPrimitive.Content,
   {
     ref,
@@ -566,8 +282,8 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx8(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx6(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx6(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -577,12 +293,12 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx8(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx6(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var SelectLabel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.Label,
   {
     ref,
@@ -591,7 +307,7 @@ var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var SelectItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
   SelectPrimitive.Item,
   {
     ref,
@@ -601,13 +317,13 @@ var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx8("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx8(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx8(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx8(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx6("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx6(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx6(Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx6(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var SelectSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SelectPrimitive.Separator,
   {
     ref,
@@ -618,10 +334,10 @@ var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/atoms/ui/avatar.tsx
-import * as React7 from "react";
+import * as React5 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Avatar = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   AvatarPrimitive.Root,
   {
     ref,
@@ -633,7 +349,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   AvatarPrimitive.Image,
   {
     ref,
@@ -642,7 +358,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -656,24 +372,24 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/atoms/ui/scroll-area.tsx
-import * as React8 from "react";
+import * as React6 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx10(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx10(ScrollBar, {}),
-      /* @__PURE__ */ jsx10(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx8(ScrollBar, {}),
+      /* @__PURE__ */ jsx8(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx10(
+var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx8(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -685,7 +401,7 @@ var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx10(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx8(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -693,18 +409,18 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/atoms/ui/rich-text.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function RichText({ content, className }) {
-  return /* @__PURE__ */ jsx11(ReactMarkdown, { className: cn(className), remarkPlugins: [remarkGfm], children: content });
+  return /* @__PURE__ */ jsx9(ReactMarkdown, { className: cn(className), remarkPlugins: [remarkGfm], children: content });
 }
 
 // src/components/atoms/ui/skeleton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 
 // src/components/atoms/ui/card.tsx
-import * as React9 from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+import * as React7 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -720,7 +436,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -729,7 +445,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "h3",
   {
     ref,
@@ -738,7 +454,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "p",
   {
     ref,
@@ -747,9 +463,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -760,13 +476,13 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 
 // src/components/atoms/ui/drawer.tsx
-import * as React10 from "react";
+import * as React8 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx12(
   DrawerPrimitive.Root,
   {
     shouldScaleBackground,
@@ -777,7 +493,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -786,9 +502,9 @@ var DrawerOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx14(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs6(
+var DrawerContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs4(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx12(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs4(
     DrawerPrimitive.Content,
     {
       ref,
@@ -798,7 +514,7 @@ var DrawerContent = React10.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx14("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx12("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -808,7 +524,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx12(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header"),
@@ -819,7 +535,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx12(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer"),
@@ -827,7 +543,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var DrawerTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DrawerPrimitive.Title,
   {
     ref,
@@ -840,7 +556,7 @@ var DrawerTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   DrawerPrimitive.Description,
   {
     ref,
@@ -851,11 +567,11 @@ var DrawerDescription = React10.forwardRef(({ className, ...props }, ref) => /*
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/atoms/ui/typography/index.tsx
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Typography = forwardRef13(
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Typography = forwardRef11(
   ({ as: Component = "p", typeStyle, ...props }, ref) => {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx13(
       Component,
       {
         ...props,
@@ -868,9 +584,9 @@ var Typography = forwardRef13(
 Typography.displayName = "Typography";
 
 // src/components/atoms/ui/badge.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var badgeVariants = cva3(
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var badgeVariants = cva2(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -888,10 +604,10 @@ var badgeVariants = cva3(
 );
 
 // src/components/atoms/ui/alert.tsx
-import * as React11 from "react";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var alertVariants = cva4(
+import * as React9 from "react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var alertVariants = cva3(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
     variants: {
@@ -905,7 +621,7 @@ var alertVariants = cva4(
     }
   }
 );
-var Alert = React11.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx17(
+var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx15(
   "div",
   {
     ref,
@@ -915,7 +631,7 @@ var Alert = React11.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var AlertTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "h5",
   {
     ref,
@@ -924,7 +640,7 @@ var AlertTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   "div",
   {
     ref,
@@ -935,14 +651,14 @@ var AlertDescription = React11.forwardRef(({ className, ...props }, ref) => /* @
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/atoms/ui/label.tsx
-import * as React12 from "react";
+import * as React10 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var labelVariants = cva5(
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var labelVariants = cva4(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var Label2 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   LabelPrimitive.Root,
   {
     ref,
@@ -953,11 +669,11 @@ var Label2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/atoms/ui/checkbox.tsx
-import * as React13 from "react";
+import * as React11 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+import { jsx as jsx17 } from "react/jsx-runtime";
+var Checkbox = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -967,11 +683,11 @@ var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       "alq--checkbox"
     ),
     ...props,
-    children: /* @__PURE__ */ jsx19(
+    children: /* @__PURE__ */ jsx17(
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx19(Check2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx17(Check2, { className: "h-4 w-4" })
       }
     )
   }
@@ -979,11 +695,11 @@ var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/atoms/ui/toggle.tsx
-import * as React14 from "react";
+import * as React12 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var toggleVariants = cva6(
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var toggleVariants = cva5(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
     variants: {
@@ -1003,7 +719,7 @@ var toggleVariants = cva6(
     }
   }
 );
-var Toggle = React14.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx20(
+var Toggle = React12.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx18(
   TogglePrimitive.Root,
   {
     ref,
@@ -1014,10 +730,10 @@ var Toggle = React14.forwardRef(({ className, variant, size, ...props }, ref) =>
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/atoms/ui/slider.tsx
-import * as React15 from "react";
+import * as React13 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
-var Slider = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7(
+import { jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
+var Slider = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs5(
   SliderPrimitive.Root,
   {
     ref,
@@ -1028,18 +744,18 @@ var Slider = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx21(SliderPrimitive.Track, { className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary", children: /* @__PURE__ */ jsx21(SliderPrimitive.Range, { className: "absolute h-full bg-secondary" }) }),
-      /* @__PURE__ */ jsx21(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-gray bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ jsx19(SliderPrimitive.Track, { className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary", children: /* @__PURE__ */ jsx19(SliderPrimitive.Range, { className: "absolute h-full bg-secondary" }) }),
+      /* @__PURE__ */ jsx19(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-gray bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/atoms/ui/switch.tsx
-import * as React16 from "react";
+import * as React14 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1049,7 +765,7 @@ var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx22(
+    children: /* @__PURE__ */ jsx20(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -1062,10 +778,10 @@ var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/atoms/ui/tabs.tsx
-import * as React17 from "react";
+import * as React15 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var TabsList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+import { jsx as jsx21 } from "react/jsx-runtime";
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   TabsPrimitive.List,
   {
     ref,
@@ -1078,7 +794,7 @@ var TabsList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1090,7 +806,7 @@ var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   TabsPrimitive.Content,
   {
     ref,
@@ -1107,9 +823,9 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 
 // src/components/atoms/ui/table.tsx
-import * as React18 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx24(
+import * as React16 from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var Table = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx22(
   "table",
   {
     ref,
@@ -1118,9 +834,9 @@ var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("thead", { ref, className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header"), ...props }));
+var TableHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22("thead", { ref, className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header"), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableBody = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "tbody",
   {
     ref,
@@ -1129,7 +845,7 @@ var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "tfoot",
   {
     ref,
@@ -1142,7 +858,7 @@ var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableRow = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "tr",
   {
     ref,
@@ -1154,7 +870,7 @@ var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableHead = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "th",
   {
     ref,
@@ -1166,7 +882,7 @@ var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableCell = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "td",
   {
     ref,
@@ -1175,7 +891,7 @@ var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableCaption = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "caption",
   {
     ref,
@@ -1186,13 +902,13 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/atoms/ui/breadcrumb.tsx
-import * as React19 from "react";
+import * as React17 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
-var Breadcrumb = React19.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx25("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
+var Breadcrumb = React17.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx23("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var BreadcrumbList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "ol",
   {
     ref,
@@ -1204,7 +920,7 @@ var BreadcrumbList = React19.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var BreadcrumbItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "li",
   {
     ref,
@@ -1213,9 +929,9 @@ var BreadcrumbItem = React19.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React19.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React17.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx23(
     Comp,
     {
       ref,
@@ -1225,7 +941,7 @@ var BreadcrumbLink = React19.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var BreadcrumbPage = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "span",
   {
     ref,
@@ -1241,21 +957,21 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx25(
+}) => /* @__PURE__ */ jsx23(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx25(ChevronRight, {})
+    children: children ?? /* @__PURE__ */ jsx23(ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs8(
+}) => /* @__PURE__ */ jsxs6(
   "span",
   {
     role: "presentation",
@@ -1263,18 +979,18 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx25(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx23(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx23("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/atoms/ui/popover.tsx
-import * as React20 from "react";
+import * as React18 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var PopoverContent = React20.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+import { jsx as jsx24 } from "react/jsx-runtime";
+var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx24(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1290,19 +1006,19 @@ var PopoverContent = React20.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/atoms/ui/command.tsx
-import * as React22 from "react";
+import * as React20 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
 
 // src/components/atoms/ui/dialog.tsx
-import * as React21 from "react";
+import * as React19 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs7 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1314,9 +1030,9 @@ var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(DialogPortal, { children: [
-  /* @__PURE__ */ jsx27(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs9(
+var DialogContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(DialogPortal, { children: [
+  /* @__PURE__ */ jsx25(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs7(
     DialogPrimitive.Content,
     {
       ref,
@@ -1328,9 +1044,9 @@ var DialogContent = React21.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs9(DialogPrimitive.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__ */ jsx27(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs7(DialogPrimitive.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__ */ jsx25(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -1340,7 +1056,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx27(
+}) => /* @__PURE__ */ jsx25(
   "div",
   {
     className: cn(
@@ -1355,7 +1071,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx27(
+}) => /* @__PURE__ */ jsx25(
   "div",
   {
     className: cn(
@@ -1366,7 +1082,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   DialogPrimitive.Title,
   {
     ref,
@@ -1379,7 +1095,7 @@ var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   DialogPrimitive.Description,
   {
     ref,
@@ -1390,8 +1106,8 @@ var DialogDescription = React21.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/atoms/ui/command.tsx
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
-var Command = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+import { jsx as jsx26, jsxs as jsxs8 } from "react/jsx-runtime";
+var Command = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive,
   {
     ref,
@@ -1403,9 +1119,9 @@ var Command = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx28(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx28(
+var CommandInput = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx26(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx26(
     CommandPrimitive.Input,
     {
       ref,
@@ -1418,7 +1134,7 @@ var CommandInput = React22.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.List,
   {
     ref,
@@ -1427,7 +1143,7 @@ var CommandList = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React22.forwardRef((props, ref) => /* @__PURE__ */ jsx28(
+var CommandEmpty = React20.forwardRef((props, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1436,7 +1152,7 @@ var CommandEmpty = React22.forwardRef((props, ref) => /* @__PURE__ */ jsx28(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Group,
   {
     ref,
@@ -1448,7 +1164,7 @@ var CommandGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1457,7 +1173,7 @@ var CommandSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var CommandItem = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   CommandPrimitive.Item,
   {
     ref,
@@ -1473,246 +1189,641 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx26(
     "span",
     {
       className: cn(
         "ml-auto text-xs tracking-widest text-muted-foreground",
         className
       ),
-      ...props
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// src/components/atoms/ui/toast.tsx
+import * as React21 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva as cva6 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var ToastViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var toastVariants = cva6(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Toast = React21.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx27(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  ToastPrimitives.Action,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx27(X2, { className: "h-4 w-4" })
+  }
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+// src/components/atoms/ui/loader.tsx
+import * as React22 from "react";
+import { cva as cva7 } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var loaderVariants = cva7(
+  "flex justify-center items-center w-full",
+  {
+    variants: {
+      size: {
+        small: "h-6 w-6",
+        medium: "h-8 w-8",
+        large: "h-12 w-12",
+        xl: "h-24 w-24"
+      },
+      colorVariant: {
+        default: "text-primary",
+        primary: "text-primary",
+        secondary: "text-secondary",
+        destructive: "text-destructive"
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      colorVariant: "default"
+    }
+  }
+);
+var Loader = React22.forwardRef(
+  ({ className, size, colorVariant, ...props }, ref) => /* @__PURE__ */ jsx28(
+    "div",
+    {
+      ref,
+      className: cn(loaderVariants({ size, colorVariant }), "flex justify-center items-center h-full w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsx28(Loader2, { className: "animate-spin" })
+    }
+  )
+);
+Loader.displayName = "Loader";
+
+// src/components/hooks/use-toast.ts
+import * as React23 from "react";
+
+// src/components/atoms/ui/toaster.tsx
+import { jsx as jsx29, jsxs as jsxs9 } from "react/jsx-runtime";
+
+// src/components/atoms/ui/think-indicator.tsx
+import * as React24 from "react";
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
+var thinkIndicatorVariants = cva8(
+  "flex items-center gap-3",
+  {
+    variants: {
+      variant: {
+        default: "text-muted-foreground",
+        primary: "text-primary",
+        secondary: "text-secondary"
+      },
+      size: {
+        default: "gap-3",
+        sm: "gap-2",
+        lg: "gap-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var ThinkIndicator = React24.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    thoughts = [
+      "Analyzing your request...",
+      "Processing information...",
+      "Formulating response..."
+    ],
+    interval = 5e3,
+    loader,
+    ...props
+  }, ref) => {
+    const [currentThoughtIndex, setCurrentThoughtIndex] = useState2(0);
+    const [isAnimating, setIsAnimating] = useState2(false);
+    useEffect2(() => {
+      const timer = setInterval(() => {
+        setIsAnimating(true);
+        setTimeout(() => {
+          setCurrentThoughtIndex((prev) => {
+            return prev < thoughts.length - 1 ? prev + 1 : prev;
+          });
+          setIsAnimating(false);
+        }, 300);
+      }, interval);
+      if (currentThoughtIndex === thoughts.length - 1) {
+        clearInterval(timer);
+      }
+      return () => clearInterval(timer);
+    }, [thoughts, interval, currentThoughtIndex]);
+    return /* @__PURE__ */ jsxs10(
+      "div",
+      {
+        ref,
+        className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
+        ...props,
+        children: [
+          loader || /* @__PURE__ */ jsx30(
+            Loader,
+            {
+              className: cn(
+                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx30(
+            "div",
+            {
+              className: cn(
+                "alq--think-indicator-text",
+                "transition-all duration-300",
+                isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"
+              ),
+              children: thoughts[currentThoughtIndex]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ThinkIndicator.displayName = "ThinkIndicator";
+
+// src/components/molecules/assistant-button.tsx
+import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
+var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      ref,
+      className: cn(
+        "absolute bottom-[calc(100%+0.5rem)] right-0 pb-2 mb-4 alq--assistant-suggestions-container",
+        "transition-all duration-300",
+        showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4",
+        className
+      ),
+      children: /* @__PURE__ */ jsx31("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs11(
+        "button",
+        {
+          onClick: () => suggestion.action?.(),
+          style: {
+            transitionDelay: showSuggestions ? `${index * 50}ms` : "0ms"
+          },
+          className: cn(
+            "bg-background flex items-center gap-2 border p-2 pr-4 my-2 rounded-full ml-auto",
+            "text-primary hover:bg-secondary",
+            "transition-all duration-100",
+            "origin-bottom w-fit",
+            "alq--assistant-suggestion",
+            showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"
+          ),
+          children: [
+            /* @__PURE__ */ jsx31(suggestion.icon, { className: "w-5 h-5 text-primary" }),
+            /* @__PURE__ */ jsx31("span", { className: "text-xs whitespace-nowrap font-normal", children: suggestion.label })
+          ]
+        },
+        index
+      )) })
+    }
+  );
+});
+AssistantSuggestions.displayName = "Suggestions";
+var AssistantButton = React25.forwardRef(
+  ({
+    icon: Icon2,
+    clickAction,
+    className,
+    suggestions = []
+  }, ref) => {
+    const [isVisible, setIsVisible] = useState3(false);
+    const [showSuggestions, setShowSuggestions] = useState3(false);
+    const handleMouseEnter = () => {
+      setIsVisible(true);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setShowSuggestions(true);
+        });
+      });
+    };
+    const handleMouseLeave = () => {
+      setShowSuggestions(false);
+      setTimeout(() => setIsVisible(false), 300);
+    };
+    return /* @__PURE__ */ jsx31(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed bottom-8 right-4 z-50",
+          "alq--assistant-button-container",
+          className
+        ),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /* @__PURE__ */ jsxs11("div", { className: "relative group", children: [
+          isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx31(
+            AssistantSuggestions,
+            {
+              suggestions,
+              showSuggestions
+            }
+          ),
+          /* @__PURE__ */ jsx31(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              className: cn(
+                "fixed hover:bg-opacity-70 transition-all duration-300",
+                "bottom-4 h-12 w-12 right-4 z-50 rounded-full p-2",
+                "shadow-md",
+                "hover:shadow-lg",
+                showSuggestions ? "scale-110" : "hover:scale-105",
+                "alq--assistant-button"
+              ),
+              onClick: clickAction,
+              children: /* @__PURE__ */ jsx31(
+                Icon2,
+                {
+                  style: { width: "22px", height: "22px" },
+                  className: "text-primary"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+AssistantButton.displayName = "AssistantButton";
+
+// src/components/molecules/carousel.tsx
+import * as React26 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
+var CarouselContext = React26.createContext(null);
+function useCarousel() {
+  const context = React26.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+var Carousel = React26.forwardRef(
+  ({
+    orientation = "horizontal",
+    opts,
+    setApi,
+    plugins,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y"
+      },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
+    const [canScrollNext, setCanScrollNext] = React26.useState(false);
+    const onSelect = React26.useCallback((api2) => {
+      if (!api2) {
+        return;
+      }
+      setCanScrollPrev(api2.canScrollPrev());
+      setCanScrollNext(api2.canScrollNext());
+    }, []);
+    const scrollPrev = React26.useCallback(() => {
+      api?.scrollPrev();
+    }, [api]);
+    const scrollNext = React26.useCallback(() => {
+      api?.scrollNext();
+    }, [api]);
+    const handleKeyDown = React26.useCallback(
+      (event) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          scrollPrev();
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          scrollNext();
+        }
+      },
+      [scrollPrev, scrollNext]
+    );
+    React26.useEffect(() => {
+      if (!api || !setApi) {
+        return;
+      }
+      setApi(api);
+    }, [api, setApi]);
+    React26.useEffect(() => {
+      if (!api) {
+        return;
+      }
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api?.off("select", onSelect);
+      };
+    }, [api, onSelect]);
+    return /* @__PURE__ */ jsx32(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ jsx32(
+          "div",
+          {
+            ref,
+            onKeyDownCapture: handleKeyDown,
+            className: cn("relative", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...props,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Carousel.displayName = "Carousel";
+var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx32("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx32(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex",
+        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+});
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs12(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className: cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx32(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs12(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className: cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx32(ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Next slide" })
+      ]
     }
   );
-};
-CommandShortcut.displayName = "CommandShortcut";
+});
+CarouselNext.displayName = "CarouselNext";
 
-// src/components/atoms/ui/toast.tsx
-import * as React23 from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva as cva7 } from "class-variance-authority";
-import { X as X2 } from "lucide-react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var ToastViewport = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Viewport,
+// src/components/molecules/navigation-menu.tsx
+import * as React27 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva9 } from "class-variance-authority";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  NavigationMenuPrimitive.Root,
   {
     ref,
     className: cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
       className
     ),
-    ...props
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx33(NavigationMenuViewport, {})
+    ]
   }
 ));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva7(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-background text-foreground",
-        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Toast = React23.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx29(
-    ToastPrimitives.Root,
-    {
-      ref,
-      className: cn(toastVariants({ variant }), className),
-      ...props
-    }
-  );
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Action,
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  NavigationMenuPrimitive.List,
   {
     ref,
     className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      "group flex flex-1 list-none items-center justify-center space-x-1",
       className
     ),
     ...props
   }
 ));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Close,
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = cva9(
+  "group inline-flex h-10 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-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+);
+var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  NavigationMenuPrimitive.Trigger,
   {
     ref,
-    className: cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      className
-    ),
-    "toast-close": "",
+    className: cn(navigationMenuTriggerStyle(), "group", className),
     ...props,
-    children: /* @__PURE__ */ jsx29(X2, { className: "h-4 w-4" })
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx33(
+        ChevronDown2,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
   }
 ));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Title,
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  NavigationMenuPrimitive.Content,
   {
     ref,
-    className: cn("text-sm font-semibold", className),
+    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
   }
 ));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Description,
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx33(
+  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-lg 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,
-    className: cn("text-sm opacity-90", className),
     ...props
   }
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-// src/components/atoms/ui/loader.tsx
-import * as React24 from "react";
-import { cva as cva8 } from "class-variance-authority";
-import { Loader2 } from "lucide-react";
-import { jsx as jsx30 } from "react/jsx-runtime";
-var loaderVariants = cva8(
-  "flex justify-center items-center w-full",
-  {
-    variants: {
-      size: {
-        small: "h-6 w-6",
-        medium: "h-8 w-8",
-        large: "h-12 w-12",
-        xl: "h-24 w-24"
-      },
-      colorVariant: {
-        default: "text-primary",
-        primary: "text-primary",
-        secondary: "text-secondary",
-        destructive: "text-destructive"
-      }
-    },
-    defaultVariants: {
-      size: "medium",
-      colorVariant: "default"
-    }
-  }
-);
-var Loader = React24.forwardRef(
-  ({ className, size, colorVariant, ...props }, ref) => /* @__PURE__ */ jsx30(
-    "div",
-    {
-      ref,
-      className: cn(loaderVariants({ size, colorVariant }), "flex justify-center items-center h-full w-full", className),
-      ...props,
-      children: /* @__PURE__ */ jsx30(Loader2, { className: "animate-spin" })
-    }
-  )
-);
-Loader.displayName = "Loader";
-
-// src/components/hooks/use-toast.ts
-import * as React25 from "react";
-
-// src/components/atoms/ui/toaster.tsx
-import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// src/components/atoms/ui/think-indicator.tsx
-import * as React26 from "react";
-import { useState as useState3, useEffect as useEffect3 } from "react";
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx32, jsxs as jsxs12 } from "react/jsx-runtime";
-var thinkIndicatorVariants = cva9(
-  "flex items-center gap-3",
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+  NavigationMenuPrimitive.Indicator,
   {
-    variants: {
-      variant: {
-        default: "text-muted-foreground",
-        primary: "text-primary",
-        secondary: "text-secondary"
-      },
-      size: {
-        default: "gap-3",
-        sm: "gap-2",
-        lg: "gap-4"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var ThinkIndicator = React26.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    thoughts = [
-      "Analyzing your request...",
-      "Processing information...",
-      "Formulating response..."
-    ],
-    interval = 5e3,
-    loader,
-    ...props
-  }, ref) => {
-    const [currentThoughtIndex, setCurrentThoughtIndex] = useState3(0);
-    const [isAnimating, setIsAnimating] = useState3(false);
-    useEffect3(() => {
-      const timer = setInterval(() => {
-        setIsAnimating(true);
-        setTimeout(() => {
-          setCurrentThoughtIndex((prev) => {
-            return prev < thoughts.length - 1 ? prev + 1 : prev;
-          });
-          setIsAnimating(false);
-        }, 300);
-      }, interval);
-      if (currentThoughtIndex === thoughts.length - 1) {
-        clearInterval(timer);
-      }
-      return () => clearInterval(timer);
-    }, [thoughts, interval, currentThoughtIndex]);
-    return /* @__PURE__ */ jsxs12(
-      "div",
-      {
-        ref,
-        className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
-        ...props,
-        children: [
-          loader || /* @__PURE__ */ jsx32(
-            Loader,
-            {
-              className: cn(
-                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx32(
-            "div",
-            {
-              className: cn(
-                "alq--think-indicator-text",
-                "transition-all duration-300",
-                isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"
-              ),
-              children: thoughts[currentThoughtIndex]
-            }
-          )
-        ]
-      }
-    );
+    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__ */ jsx33("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
-);
-ThinkIndicator.displayName = "ThinkIndicator";
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/molecules/sidebar.tsx
-import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
 var sidebarVariants = cva10(
   "flex flex-col border-r",
   {
@@ -1728,7 +1839,7 @@ var sidebarVariants = cva10(
     }
   }
 );
-var SidebarFooter = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx34(
   "div",
   {
     ref,
@@ -1738,7 +1849,7 @@ var SidebarFooter = React27.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React27.forwardRef(
+var Sidebar = React28.forwardRef(
   ({
     className,
     items,
@@ -1751,8 +1862,8 @@ var Sidebar = React27.forwardRef(
     buttonClassName,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx33("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ jsxs13("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
-      /* @__PURE__ */ jsx33(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsx34("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ jsxs14("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
+      /* @__PURE__ */ jsx34(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ jsxs14(
         Button,
         {
           variant: selectedSection?.name === item.name ? selectedVariant : defaultVariant,
@@ -1764,13 +1875,13 @@ var Sidebar = React27.forwardRef(
             }
           },
           children: [
-            item.icon && /* @__PURE__ */ jsx33(item.icon, { className: "mr-2 h-4 w-4" }),
+            item.icon && /* @__PURE__ */ jsx34(item.icon, { className: "mr-2 h-4 w-4" }),
             item.name
           ]
         },
         item.name
       )) }) }),
-      footerContent && /* @__PURE__ */ jsx33(SidebarFooter, { children: footerContent })
+      footerContent && /* @__PURE__ */ jsx34(SidebarFooter, { children: footerContent })
     ] }) });
   }
 );
@@ -1778,10 +1889,10 @@ var Sidebar = React27.forwardRef(
 // src/components/molecules/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Sonner,
     {
       theme,
@@ -1800,14 +1911,14 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/molecules/rating-stars.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Star } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React28.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx36(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1820,14 +1931,14 @@ var TooltipContent = React28.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React28.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ jsx35("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx35(
+var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ jsx36("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx36(
   Button,
   {
     onClick: () => onRate(star),
     variant: "link",
     className: "p-1 transition-colors [&_svg]:size-5 h-5",
     "aria-label": `Rate ${star} star${star !== 1 ? "s" : ""}`,
-    children: /* @__PURE__ */ jsx35(
+    children: /* @__PURE__ */ jsx36(
       Star,
       {
         className: cn(
@@ -1840,19 +1951,19 @@ var StarRating = React28.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */
   star
 )) }));
 StarRating.displayName = "StarRating";
-var RatingStars = React28.forwardRef(({
+var RatingStars = React29.forwardRef(({
   currentRating = 0,
   onRate,
   className,
   isLoading
 }, ref) => {
-  const [open, setOpen] = React28.useState(false);
-  const [animate, setAnimate] = React28.useState(false);
+  const [open, setOpen] = React29.useState(false);
+  const [animate, setAnimate] = React29.useState(false);
   const handleRate = (rating) => {
     onRate(rating);
     setOpen(false);
   };
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (currentRating > 0) {
       setAnimate(true);
       const timer = setTimeout(() => setAnimate(false), 150);
@@ -1860,8 +1971,8 @@ var RatingStars = React28.forwardRef(({
     }
   }, [currentRating]);
   const hasRated = currentRating > 0;
-  return /* @__PURE__ */ jsx35(TooltipProvider, { children: /* @__PURE__ */ jsxs14(Tooltip, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx35(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(TooltipProvider, { children: /* @__PURE__ */ jsxs15(Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
       Button,
       {
         ref,
@@ -1872,7 +1983,7 @@ var RatingStars = React28.forwardRef(({
         ),
         disabled: isLoading,
         onClick: () => setOpen(!open),
-        children: /* @__PURE__ */ jsx35(
+        children: /* @__PURE__ */ jsx36(
           Star,
           {
             className: cn(
@@ -1885,7 +1996,7 @@ var RatingStars = React28.forwardRef(({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx35(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ jsx35("div", { className: "p-2 bg-background", children: /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ jsx36("div", { className: "p-2 bg-background", children: /* @__PURE__ */ jsx36(
       StarRating,
       {
         rating: currentRating,
@@ -1897,10 +2008,10 @@ var RatingStars = React28.forwardRef(({
 RatingStars.displayName = "RatingStars";
 
 // src/components/molecules/rating-thumbs.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
-var RatingThumbs = React29.forwardRef(
+import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+var RatingThumbs = React30.forwardRef(
   ({
     currentRating,
     onRate,
@@ -1908,15 +2019,15 @@ var RatingThumbs = React29.forwardRef(
     className,
     isLoading
   }, ref) => {
-    const [animate, setAnimate] = React29.useState(false);
-    React29.useEffect(() => {
+    const [animate, setAnimate] = React30.useState(false);
+    React30.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    return /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs16(
       "div",
       {
         ref,
@@ -1927,7 +2038,7 @@ var RatingThumbs = React29.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button,
             {
               variant: "link",
@@ -1938,7 +2049,7 @@ var RatingThumbs = React29.forwardRef(
               ),
               "aria-label": "Thumbs up",
               disabled: isLoading,
-              children: /* @__PURE__ */ jsx36(
+              children: /* @__PURE__ */ jsx37(
                 ThumbsUp,
                 {
                   className: cn(
@@ -1951,7 +2062,7 @@ var RatingThumbs = React29.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button,
             {
               variant: "link",
@@ -1962,7 +2073,7 @@ var RatingThumbs = React29.forwardRef(
               ),
               "aria-label": "Thumbs down",
               disabled: isLoading,
-              children: /* @__PURE__ */ jsx36(
+              children: /* @__PURE__ */ jsx37(
                 ThumbsDown,
                 {
                   className: cn(
@@ -1983,30 +2094,30 @@ var RatingThumbs = React29.forwardRef(
 RatingThumbs.displayName = "RatingThumbs";
 
 // src/components/molecules/rating-comment.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { Book } from "lucide-react";
-import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
-var RatingComment = React30.forwardRef(
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+var RatingComment = React31.forwardRef(
   ({ currentRating, onRate, className, isLoading }, ref) => {
-    const [open, setOpen] = React30.useState(false);
-    const [comment, setComment] = React30.useState("");
-    const [animate, setAnimate] = React30.useState(false);
+    const [open, setOpen] = React31.useState(false);
+    const [comment, setComment] = React31.useState("");
+    const [animate, setAnimate] = React31.useState(false);
     const handleRate = () => {
       onRate(comment);
       setOpen(false);
     };
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       setComment("");
     }, [open]);
-    return /* @__PURE__ */ jsxs16(Dialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx37(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsxs17(Dialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx38(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
         Button,
         {
           ref,
@@ -2017,7 +2128,7 @@ var RatingComment = React30.forwardRef(
             className
           ),
           disabled: isLoading,
-          children: /* @__PURE__ */ jsx37(
+          children: /* @__PURE__ */ jsx38(
             Book,
             {
               className: cn(
@@ -2030,10 +2141,10 @@ var RatingComment = React30.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ jsx37(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
-      /* @__PURE__ */ jsxs16(DialogContent, { "aria-describedby": void 0, children: [
-        /* @__PURE__ */ jsx37(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
-        /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx38(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
+      /* @__PURE__ */ jsxs17(DialogContent, { "aria-describedby": void 0, children: [
+        /* @__PURE__ */ jsx38(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
+        /* @__PURE__ */ jsx38(
           "textarea",
           {
             className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
@@ -2042,7 +2153,7 @@ var RatingComment = React30.forwardRef(
             onChange: (e) => setComment(e.target.value)
           }
         ),
-        /* @__PURE__ */ jsx37("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx38("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx38(
           Button,
           {
             onClick: handleRate,
@@ -2057,27 +2168,27 @@ var RatingComment = React30.forwardRef(
 RatingComment.displayName = "RatingComment";
 
 // src/components/molecules/call-out.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 
 // src/components/hooks/use-text-streaming.ts
-import { useEffect as useEffect7, useRef, useState as useState7 } from "react";
+import { useEffect as useEffect8, useRef, useState as useState8 } from "react";
 var CHAR_DELAY = 25;
 var PUNCTUATION_DELAY = 200;
 var PUNCTUATION_MARKS = [".", "!", "?", ";", ":"];
 function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
-  const [displayedContent, setDisplayedContent] = useState7("");
+  const [displayedContent, setDisplayedContent] = useState8("");
   const timeoutId = useRef(null);
   const hasStartedStreaming = useRef(false);
   const getDelayForChar = (text, position) => {
     if (position === 0) return CHAR_DELAY;
-    const previousChar = text[position - 1];
+    const previousChar = text[position - 1] || "";
     const isEllipsis = text.slice(position - 1, position + 2) === "...";
     if (isEllipsis) {
       return CHAR_DELAY;
     }
     return PUNCTUATION_MARKS.includes(previousChar) ? PUNCTUATION_DELAY : CHAR_DELAY;
   };
-  useEffect7(() => {
+  useEffect8(() => {
     if (!shouldStream && !hasStartedStreaming.current) {
       setDisplayedContent(content);
       handleIsTextStreaming?.(false);
@@ -2107,9 +2218,9 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
 }
 
 // src/components/molecules/call-out.tsx
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
-var CallOut = React31.forwardRef(({ className, children, role, ...props }, ref) => {
-  return /* @__PURE__ */ jsx38(
+import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref) => {
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
@@ -2120,8 +2231,8 @@ var CallOut = React31.forwardRef(({ className, children, role, ...props }, ref)
     }
   );
 });
-var CallOutDate = React31.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx38(
+var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
@@ -2135,13 +2246,13 @@ var CallOutDate = React31.forwardRef(({ className, children, ...props }, ref) =>
     }
   );
 });
-var CallOutActions = React31.forwardRef(({ className, actions, role, message, ...props }, ref) => {
-  const [isLoading, setIsLoading] = React31.useState(false);
-  const [isClicked, setIsClicked] = React31.useState(false);
+var CallOutActions = React32.forwardRef(({ className, actions, role, message, ...props }, ref) => {
+  const [isLoading, setIsLoading] = React32.useState(false);
+  const [isClicked, setIsClicked] = React32.useState(false);
   if (role === "user") {
     return null;
   }
-  return /* @__PURE__ */ jsx38("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx39("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ jsxs18(
     "button",
     {
       className: cn(
@@ -2163,7 +2274,7 @@ var CallOutActions = React31.forwardRef(({ className, actions, role, message, ..
         });
       },
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39(
           "span",
           {
             className: cn("alq-action-icon-wrapper", {
@@ -2172,18 +2283,18 @@ var CallOutActions = React31.forwardRef(({ className, actions, role, message, ..
             children: action.icon
           }
         ),
-        /* @__PURE__ */ jsx38("label", { children: action.label })
+        /* @__PURE__ */ jsx39("label", { children: action.label })
       ]
     },
     action.label
   )) });
 });
-var CallOutResponse = React31.forwardRef(
+var CallOutResponse = React32.forwardRef(
   ({ className, children, role, additionalInfo, isStreaming, handleIsTextStreaming, ...props }, ref) => {
     const content = String(children || "");
     const shouldStream = role === "assistant" && isStreaming;
     const displayedContent = useTextStreaming(content, shouldStream ?? false, handleIsTextStreaming);
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "div",
       {
         ref,
@@ -2196,8 +2307,8 @@ var CallOutResponse = React31.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx38(RichText, { content: displayedContent }),
-          additionalInfo && /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx39(RichText, { content: displayedContent }),
+          additionalInfo && /* @__PURE__ */ jsx39(
             "div",
             {
               className: cn(
@@ -2229,6 +2340,7 @@ export {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger,
+  AssistantButton,
   CallOut,
   CallOutActions,
   CallOutDate,