@alquimia-ai/ui 1.2.0 → 1.2.1

package/dist/components/molecules/index.js

@@ -41,6 +41,7 @@ __export(molecules_exports, {
   AlertDialogPortal: () => AlertDialogPortal,
   AlertDialogTitle: () => AlertDialogTitle,
   AlertDialogTrigger: () => AlertDialogTrigger,
+  AssistantButton: () => AssistantButton,
   CallOut: () => CallOut,
   CallOutActions: () => CallOutActions,
   CallOutDate: () => CallOutDate,
@@ -249,399 +250,115 @@ var AlertDialogCancel = React2.forwardRef(({ className, ...props }, ref) => /* @
 ));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
-// src/components/molecules/carousel.tsx
+// src/components/molecules/assistant-button.tsx
+var React25 = __toESM(require("react"));
+var import_react5 = require("react");
+
+// src/components/atoms/ui/textarea.tsx
 var React3 = __toESM(require("react"));
-var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_lucide_react = require("lucide-react");
 var import_jsx_runtime4 = require("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] = (0, import_embla_carousel_react.default)(
+var Textarea = React3.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "textarea",
       {
-        ...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;
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className,
+          "alq--textarea"
+        ),
+        ref,
+        ...props
       }
-      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__ */ (0, import_jsx_runtime4.jsx)(
-      CarouselContext.Provider,
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/atoms/ui/input.tsx
+var import_react2 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Input = (0, import_react2.forwardRef)(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "input",
       {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            ...props,
-            children
-          }
-        )
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className,
+          "alq--input"
+        ),
+        ref,
+        ...props
       }
     );
   }
 );
-Carousel.displayName = "Carousel";
-var CarouselContent = React3.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "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__ */ (0, import_jsx_runtime4.jsx)(
-    "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__ */ (0, import_jsx_runtime4.jsxs)(
-    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__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsxs)(
-    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__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
+Input.displayName = "Input";
 
-// src/components/molecules/navigation-menu.tsx
+// src/components/atoms/ui/select.tsx
 var React4 = __toESM(require("react"));
-var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var NavigationMenu = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-  NavigationMenuPrimitive.Root,
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SelectTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  SelectPrimitive.Trigger,
   {
     ref,
     className: cn(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      className
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className,
+      "alq--select"
     ),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  NavigationMenuPrimitive.List,
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn(
-      "group flex flex-1 list-none items-center justify-center space-x-1",
+      "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props
-  }
-));
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-var NavigationMenuItem = NavigationMenuPrimitive.Item;
-var navigationMenuTriggerStyle = (0, import_class_variance_authority2.cva)(
-  "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__ */ (0, import_jsx_runtime5.jsxs)(
-  NavigationMenuPrimitive.Trigger,
-  {
-    ref,
-    className: cn(navigationMenuTriggerStyle(), "group", className),
     ...props,
-    children: [
-      children,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        import_lucide_react2.ChevronDown,
-        {
-          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
-          "aria-hidden": "true"
-        }
-      )
-    ]
+    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronUp, { className: "h-4 w-4" })
   }
 ));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  NavigationMenuPrimitive.Content,
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  SelectPrimitive.ScrollDownButton,
   {
     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 ",
+      "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4" })
   }
 ));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-  NavigationMenuPrimitive.Viewport,
-  {
-    className: cn(
-      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-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__ */ (0, import_jsx_runtime5.jsx)(
-  NavigationMenuPrimitive.Indicator,
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React4.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  SelectPrimitive.Content,
   {
     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",
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       className
     ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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
-var React27 = __toESM(require("react"));
-var import_class_variance_authority10 = require("class-variance-authority");
-
-// src/components/atoms/ui/textarea.tsx
-var React5 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Textarea = React5.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "textarea",
-      {
-        className: cn(
-          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
-          "alq--textarea"
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
-// src/components/atoms/ui/input.tsx
-var import_react2 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Input = (0, import_react2.forwardRef)(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
-          "alq--input"
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/components/atoms/ui/select.tsx
-var React6 = __toESM(require("react"));
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className,
-      "alq--select"
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronUp, { className: "h-4 w-4" })
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.ChevronDown, { className: "h-4 w-4" })
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
+    position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -651,12 +368,12 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var SelectLabel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -665,7 +382,7 @@ var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+var SelectItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -675,13 +392,13 @@ var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var SelectSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -692,10 +409,10 @@ var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/atoms/ui/avatar.tsx
-var React7 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Avatar = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -707,7 +424,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   AvatarPrimitive.Image,
   {
     ref,
@@ -716,7 +433,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -730,24 +447,24 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/atoms/ui/scroll-area.tsx
-var React8 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ScrollArea = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ScrollArea = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var ScrollBar = React6.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -759,7 +476,7 @@ var ScrollBar = React8.forwardRef(({ className, orientation = "vertical", ...pro
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
@@ -767,18 +484,18 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 // src/components/atoms/ui/rich-text.tsx
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function RichText({ content, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_markdown.default, { className: cn(className), remarkPlugins: [import_remark_gfm.default], children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_markdown.default, { className: cn(className), remarkPlugins: [import_remark_gfm.default], children: content });
 }
 
 // src/components/atoms/ui/skeleton.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 
 // src/components/atoms/ui/card.tsx
-var React9 = __toESM(require("react"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var React7 = __toESM(require("react"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Card = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -794,7 +511,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -803,7 +520,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "h3",
   {
     ref,
@@ -812,7 +529,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "p",
   {
     ref,
@@ -821,9 +538,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -834,13 +551,13 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 
 // src/components/atoms/ui/drawer.tsx
-var React10 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_vaul = require("vaul");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_vaul.Drawer.Root,
   {
     shouldScaleBackground,
@@ -851,7 +568,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_vaul.Drawer.Overlay,
   {
     ref,
@@ -860,9 +577,9 @@ var DrawerOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DrawerPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DrawerOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DrawerContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     import_vaul.Drawer.Content,
     {
       ref,
@@ -872,7 +589,7 @@ var DrawerContent = React10.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -882,7 +599,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header"),
@@ -893,7 +610,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer"),
@@ -901,7 +618,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
@@ -914,7 +631,7 @@ var DrawerTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_vaul.Drawer.Description,
   {
     ref,
@@ -926,10 +643,10 @@ DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/atoms/ui/typography/index.tsx
 var import_react3 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Typography = (0, import_react3.forwardRef)(
   ({ as: Component = "p", typeStyle, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Component,
       {
         ...props,
@@ -942,9 +659,9 @@ var Typography = (0, import_react3.forwardRef)(
 Typography.displayName = "Typography";
 
 // src/components/atoms/ui/badge.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority3.cva)(
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
   "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: {
@@ -962,10 +679,10 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
 );
 
 // src/components/atoms/ui/alert.tsx
-var React11 = __toESM(require("react"));
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority4.cva)(
+var React9 = __toESM(require("react"));
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority3.cva)(
   "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: {
@@ -979,7 +696,7 @@ var alertVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var Alert = React11.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     ref,
@@ -989,7 +706,7 @@ var Alert = React11.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AlertTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "h5",
   {
     ref,
@@ -998,7 +715,7 @@ var AlertTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   "div",
   {
     ref,
@@ -1009,14 +726,14 @@ var AlertDescription = React11.forwardRef(({ className, ...props }, ref) => /* @
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/atoms/ui/label.tsx
-var React12 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority5.cva)(
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority4.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var Label2 = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -1027,11 +744,11 @@ var Label2 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/atoms/ui/checkbox.tsx
-var React13 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Checkbox = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1041,11 +758,11 @@ var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       "alq--checkbox"
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" })
       }
     )
   }
@@ -1053,11 +770,11 @@ var Checkbox = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/atoms/ui/toggle.tsx
-var React14 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority6.cva)(
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority5.cva)(
   "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: {
@@ -1077,7 +794,7 @@ var toggleVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Toggle = React14.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var Toggle = React12.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -1088,10 +805,10 @@ var Toggle = React14.forwardRef(({ className, variant, size, ...props }, ref) =>
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/components/atoms/ui/slider.tsx
-var React15 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Slider = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Slider = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -1102,18 +819,18 @@ var Slider = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-secondary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(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__ */ (0, import_jsx_runtime19.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-secondary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(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
-var React16 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Switch = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1123,7 +840,7 @@ var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -1136,10 +853,10 @@ var Switch = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/atoms/ui/tabs.tsx
-var React17 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var TabsList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -1152,7 +869,7 @@ var TabsList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1164,7 +881,7 @@ var TabsTrigger = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -1181,9 +898,9 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"));
 
 // src/components/atoms/ui/table.tsx
-var React18 = __toESM(require("react"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var React16 = __toESM(require("react"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Table = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "table",
   {
     ref,
@@ -1192,9 +909,9 @@ var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("thead", { ref, className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header"), ...props }));
+var TableHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime24.jsx)(
+var TableBody = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "tbody",
   {
     ref,
@@ -1203,7 +920,7 @@ var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "tfoot",
   {
     ref,
@@ -1216,7 +933,7 @@ var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableRow = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "tr",
   {
     ref,
@@ -1228,7 +945,7 @@ var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableHead = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "th",
   {
     ref,
@@ -1240,7 +957,7 @@ var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableCell = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "td",
   {
     ref,
@@ -1249,7 +966,7 @@ var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TableCaption = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "caption",
   {
     ref,
@@ -1260,13 +977,13 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/atoms/ui/breadcrumb.tsx
-var React19 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Breadcrumb = React19.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Breadcrumb = React17.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var BreadcrumbList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "ol",
   {
     ref,
@@ -1278,7 +995,7 @@ var BreadcrumbList = React19.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var BreadcrumbItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "li",
   {
     ref,
@@ -1287,9 +1004,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 ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Comp,
     {
       ref,
@@ -1299,7 +1016,7 @@ var BreadcrumbLink = React19.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var BreadcrumbPage = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "span",
   {
     ref,
@@ -1315,21 +1032,21 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react5.ChevronRight, {})
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.ChevronRight, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
   "span",
   {
     role: "presentation",
@@ -1337,18 +1054,18 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react5.MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/atoms/ui/popover.tsx
-var React20 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var PopoverContent = React20.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1364,19 +1081,19 @@ var PopoverContent = React20.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/atoms/ui/command.tsx
-var React22 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 
 // src/components/atoms/ui/dialog.tsx
-var React21 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1388,9 +1105,9 @@ var DialogOverlay = React21.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var DialogContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -1402,9 +1119,9 @@ var DialogContent = React21.forwardRef(({ className, children, ...props }, ref)
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(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__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(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__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react4.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -1414,7 +1131,7 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "div",
   {
     className: cn(
@@ -1429,7 +1146,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "div",
   {
     className: cn(
@@ -1440,7 +1157,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -1453,7 +1170,7 @@ var DialogTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var DialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -1464,8 +1181,8 @@ var DialogDescription = React21.forwardRef(({ className, ...props }, ref) => /*
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/atoms/ui/command.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var Command = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Command = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1477,9 +1194,9 @@ var Command = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react7.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CommandInput = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react5.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1492,7 +1209,7 @@ var CommandInput = React22.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CommandList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -1501,7 +1218,7 @@ var CommandList = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React22.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CommandEmpty = React20.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -1510,7 +1227,7 @@ var CommandEmpty = React22.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CommandGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1522,7 +1239,7 @@ var CommandGroup = React22.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CommandSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -1531,7 +1248,7 @@ var CommandSeparator = React22.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var CommandItem = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1547,7 +1264,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "span",
     {
       className: cn(
@@ -1561,12 +1278,12 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/atoms/ui/toast.tsx
-var React23 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
-var import_class_variance_authority7 = require("class-variance-authority");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var ToastViewport = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var ToastViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -1578,7 +1295,7 @@ var ToastViewport = React23.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = (0, import_class_variance_authority7.cva)(
+var toastVariants = (0, import_class_variance_authority6.cva)(
   "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: {
@@ -1590,203 +1307,598 @@ var toastVariants = (0, import_class_variance_authority7.cva)(
     defaultVariants: {
       variant: "default"
     }
-  }
-);
-var Toast = React23.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    ToastPrimitives.Root,
+  }
+);
+var Toast = React21.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant }), className),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  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__ */ (0, import_jsx_runtime27.jsx)(
+  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__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react6.X, { className: "h-4 w-4" })
+  }
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+// src/components/atoms/ui/loader.tsx
+var React22 = __toESM(require("react"));
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var loaderVariants = (0, import_class_variance_authority7.cva)(
+  "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__ */ (0, import_jsx_runtime28.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(loaderVariants({ size, colorVariant }), "flex justify-center items-center h-full w-full", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react7.Loader2, { className: "animate-spin" })
+    }
+  )
+);
+Loader.displayName = "Loader";
+
+// src/components/hooks/use-toast.ts
+var React23 = __toESM(require("react"));
+
+// src/components/atoms/ui/toaster.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+
+// src/components/atoms/ui/think-indicator.tsx
+var React24 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
+  "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] = (0, import_react4.useState)(0);
+    const [isAnimating, setIsAnimating] = (0, import_react4.useState)(false);
+    (0, import_react4.useEffect)(() => {
+      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__ */ (0, import_jsx_runtime30.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
+        ...props,
+        children: [
+          loader || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            Loader,
+            {
+              className: cn(
+                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            "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
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "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__ */ (0, import_jsx_runtime31.jsx)("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        "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__ */ (0, import_jsx_runtime31.jsx)(suggestion.icon, { className: "w-5 h-5 text-primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("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] = (0, import_react5.useState)(false);
+    const [showSuggestions, setShowSuggestions] = (0, import_react5.useState)(false);
+    const handleMouseEnter = () => {
+      setIsVisible(true);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setShowSuggestions(true);
+        });
+      });
+    };
+    const handleMouseLeave = () => {
+      setShowSuggestions(false);
+      setTimeout(() => setIsVisible(false), 300);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed bottom-8 right-4 z-50",
+          "alq--assistant-button-container",
+          className
+        ),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative group", children: [
+          isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            AssistantSuggestions,
+            {
+              suggestions,
+              showSuggestions
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            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__ */ (0, import_jsx_runtime31.jsx)(
+                Icon2,
+                {
+                  style: { width: "22px", height: "22px" },
+                  className: "text-primary"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+AssistantButton.displayName = "AssistantButton";
+
+// src/components/molecules/carousel.tsx
+var React26 = __toESM(require("react"));
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime32 = require("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] = (0, import_embla_carousel_react.default)(
+      {
+        ...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__ */ (0, import_jsx_runtime32.jsx)(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          "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__ */ (0, import_jsx_runtime32.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "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__ */ (0, import_jsx_runtime32.jsx)(
+    "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__ */ (0, import_jsx_runtime32.jsxs)(
+    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__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react8.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime32.jsxs)(
+    Button,
     {
       ref,
-      className: cn(toastVariants({ variant }), className),
-      ...props
+      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__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react8.ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Next slide" })
+      ]
     }
   );
 });
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-  ToastPrimitives.Action,
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/molecules/navigation-menu.tsx
+var React27 = __toESM(require("react"));
+var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  NavigationMenuPrimitive.Root,
   {
     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",
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
       className
     ),
-    ...props
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NavigationMenuViewport, {})
+    ]
   }
 ));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-  ToastPrimitives.Close,
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  NavigationMenuPrimitive.List,
   {
     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",
+      "group flex flex-1 list-none items-center justify-center space-x-1",
       className
     ),
-    "toast-close": "",
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react8.X, { className: "h-4 w-4" })
+    ...props
   }
 ));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-  ToastPrimitives.Title,
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = (0, import_class_variance_authority9.cva)(
+  "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__ */ (0, import_jsx_runtime33.jsxs)(
+  NavigationMenuPrimitive.Trigger,
   {
     ref,
-    className: cn("text-sm font-semibold", className),
-    ...props
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_lucide_react9.ChevronDown,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
   }
 ));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-  ToastPrimitives.Description,
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  NavigationMenuPrimitive.Content,
   {
     ref,
-    className: cn("text-sm opacity-90", 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
   }
 ));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-// src/components/atoms/ui/loader.tsx
-var React24 = __toESM(require("react"));
-var import_class_variance_authority8 = require("class-variance-authority");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var loaderVariants = (0, import_class_variance_authority8.cva)(
-  "flex justify-center items-center w-full",
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  NavigationMenuPrimitive.Viewport,
   {
-    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"
-    }
+    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
   }
-);
-var Loader = React24.forwardRef(
-  ({ className, size, colorVariant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    "div",
-    {
-      ref,
-      className: cn(loaderVariants({ size, colorVariant }), "flex justify-center items-center h-full w-full", className),
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react9.Loader2, { className: "animate-spin" })
-    }
-  )
-);
-Loader.displayName = "Loader";
-
-// src/components/hooks/use-toast.ts
-var React25 = __toESM(require("react"));
-
-// src/components/atoms/ui/toaster.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// src/components/atoms/ui/think-indicator.tsx
-var React26 = __toESM(require("react"));
-var import_react4 = require("react");
-var import_class_variance_authority9 = require("class-variance-authority");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var thinkIndicatorVariants = (0, import_class_variance_authority9.cva)(
-  "flex items-center gap-3",
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  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] = (0, import_react4.useState)(0);
-    const [isAnimating, setIsAnimating] = (0, import_react4.useState)(false);
-    (0, import_react4.useEffect)(() => {
-      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__ */ (0, import_jsx_runtime32.jsxs)(
-      "div",
-      {
-        ref,
-        className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
-        ...props,
-        children: [
-          loader || /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            Loader,
-            {
-              className: cn(
-                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            "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__ */ (0, import_jsx_runtime33.jsx)("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
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var React28 = __toESM(require("react"));
+var import_class_variance_authority10 = require("class-variance-authority");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var sidebarVariants = (0, import_class_variance_authority10.cva)(
   "flex flex-col border-r",
   {
@@ -1802,7 +1914,7 @@ var sidebarVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var SidebarFooter = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "div",
   {
     ref,
@@ -1812,7 +1924,7 @@ var SidebarFooter = React27.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React27.forwardRef(
+var Sidebar = React28.forwardRef(
   ({
     className,
     items,
@@ -1825,8 +1937,8 @@ var Sidebar = React27.forwardRef(
     buttonClassName,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         Button,
         {
           variant: selectedSection?.name === item.name ? selectedVariant : defaultVariant,
@@ -1838,13 +1950,13 @@ var Sidebar = React27.forwardRef(
             }
           },
           children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(item.icon, { className: "mr-2 h-4 w-4" }),
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(item.icon, { className: "mr-2 h-4 w-4" }),
             item.name
           ]
         },
         item.name
       )) }) }),
-      footerContent && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SidebarFooter, { children: footerContent })
+      footerContent && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SidebarFooter, { children: footerContent })
     ] }) });
   }
 );
@@ -1852,10 +1964,10 @@ var Sidebar = React27.forwardRef(
 // src/components/molecules/sonner.tsx
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_sonner.Toaster,
     {
       theme,
@@ -1874,14 +1986,14 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/molecules/rating-stars.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("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__ */ (0, import_jsx_runtime35.jsx)(
+var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1894,14 +2006,14 @@ var TooltipContent = React28.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React28.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   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__ */ (0, import_jsx_runtime35.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       import_lucide_react10.Star,
       {
         className: cn(
@@ -1914,19 +2026,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);
@@ -1934,8 +2046,8 @@ var RatingStars = React28.forwardRef(({
     }
   }, [currentRating]);
   const hasRated = currentRating > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       Button,
       {
         ref,
@@ -1946,7 +2058,7 @@ var RatingStars = React28.forwardRef(({
         ),
         disabled: isLoading,
         onClick: () => setOpen(!open),
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           import_lucide_react10.Star,
           {
             className: cn(
@@ -1959,7 +2071,7 @@ var RatingStars = React28.forwardRef(({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "p-2 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "p-2 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       StarRating,
       {
         rating: currentRating,
@@ -1971,10 +2083,10 @@ var RatingStars = React28.forwardRef(({
 RatingStars.displayName = "RatingStars";
 
 // src/components/molecules/rating-thumbs.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var RatingThumbs = React29.forwardRef(
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var RatingThumbs = React30.forwardRef(
   ({
     currentRating,
     onRate,
@@ -1982,15 +2094,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__ */ (0, import_jsx_runtime36.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       "div",
       {
         ref,
@@ -2001,7 +2113,7 @@ var RatingThumbs = React29.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             Button,
             {
               variant: "link",
@@ -2012,7 +2124,7 @@ var RatingThumbs = React29.forwardRef(
               ),
               "aria-label": "Thumbs up",
               disabled: isLoading,
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 import_lucide_react11.ThumbsUp,
                 {
                   className: cn(
@@ -2025,7 +2137,7 @@ var RatingThumbs = React29.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             Button,
             {
               variant: "link",
@@ -2036,7 +2148,7 @@ var RatingThumbs = React29.forwardRef(
               ),
               "aria-label": "Thumbs down",
               disabled: isLoading,
-              children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 import_lucide_react11.ThumbsDown,
                 {
                   className: cn(
@@ -2057,30 +2169,30 @@ var RatingThumbs = React29.forwardRef(
 RatingThumbs.displayName = "RatingThumbs";
 
 // src/components/molecules/rating-comment.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var RatingComment = React30.forwardRef(
+var import_jsx_runtime38 = require("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__ */ (0, import_jsx_runtime37.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         Button,
         {
           ref,
@@ -2091,7 +2203,7 @@ var RatingComment = React30.forwardRef(
             className
           ),
           disabled: isLoading,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             import_lucide_react12.Book,
             {
               className: cn(
@@ -2104,10 +2216,10 @@ var RatingComment = React30.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DialogContent, { "aria-describedby": void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(DialogContent, { "aria-describedby": void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "textarea",
           {
             className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
@@ -2116,7 +2228,7 @@ var RatingComment = React30.forwardRef(
             onChange: (e) => setComment(e.target.value)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           Button,
           {
             onClick: handleRate,
@@ -2131,27 +2243,27 @@ var RatingComment = React30.forwardRef(
 RatingComment.displayName = "RatingComment";
 
 // src/components/molecules/call-out.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 
 // src/components/hooks/use-text-streaming.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 var CHAR_DELAY = 25;
 var PUNCTUATION_DELAY = 200;
 var PUNCTUATION_MARKS = [".", "!", "?", ";", ":"];
 function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
-  const [displayedContent, setDisplayedContent] = (0, import_react5.useState)("");
-  const timeoutId = (0, import_react5.useRef)(null);
-  const hasStartedStreaming = (0, import_react5.useRef)(false);
+  const [displayedContent, setDisplayedContent] = (0, import_react6.useState)("");
+  const timeoutId = (0, import_react6.useRef)(null);
+  const hasStartedStreaming = (0, import_react6.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;
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!shouldStream && !hasStartedStreaming.current) {
       setDisplayedContent(content);
       handleIsTextStreaming?.(false);
@@ -2181,9 +2293,9 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
 }
 
 // src/components/molecules/call-out.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var CallOut = React31.forwardRef(({ className, children, role, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       ref,
@@ -2194,8 +2306,8 @@ var CallOut = React31.forwardRef(({ className, children, role, ...props }, ref)
     }
   );
 });
-var CallOutDate = React31.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       ref,
@@ -2209,13 +2321,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__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "button",
     {
       className: cn(
@@ -2237,7 +2349,7 @@ var CallOutActions = React31.forwardRef(({ className, actions, role, message, ..
         });
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "span",
           {
             className: cn("alq-action-icon-wrapper", {
@@ -2246,18 +2358,18 @@ var CallOutActions = React31.forwardRef(({ className, actions, role, message, ..
             children: action.icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("label", { children: action.label })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime38.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "div",
       {
         ref,
@@ -2270,8 +2382,8 @@ var CallOutResponse = React31.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(RichText, { content: displayedContent }),
-          additionalInfo && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(RichText, { content: displayedContent }),
+          additionalInfo && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "div",
             {
               className: cn(