@alquimia-ai/ui 1.2.4 → 1.3.0

package/dist/index.js

@@ -147,6 +147,7 @@ __export(index_exports, {
   SelectSeparator: () => SelectSeparator,
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
+  Separator: () => Separator2,
   Sidebar: () => Sidebar,
   SidebarFooter: () => SidebarFooter,
   Skeleton: () => Skeleton,
@@ -1560,8 +1561,29 @@ var Loader = React22.forwardRef(
 );
 Loader.displayName = "Loader";
 
-// src/components/hooks/use-toast.ts
+// src/components/atoms/ui/separator.tsx
 var React23 = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  SeparatorPrimitive.Root,
+  {
+    ref,
+    decorative,
+    orientation,
+    className: cn(
+      "shrink-0 bg-border",
+      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+      className,
+      "alq--separator"
+    ),
+    ...props
+  }
+));
+Separator2.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/hooks/use-toast.ts
+var React24 = __toESM(require("react"));
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -1662,8 +1684,8 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React23.useState(memoryState);
-  React23.useEffect(() => {
+  const [state, setState] = React24.useState(memoryState);
+  React24.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -1680,29 +1702,29 @@ function useToast() {
 }
 
 // src/components/atoms/ui/toaster.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ToastProvider, { children: [
     toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Toast, { ...props, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Toast, { ...props, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ToastClose, {})
       ] }, id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/atoms/ui/think-indicator.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_react3 = require("react");
 var import_class_variance_authority8 = require("class-variance-authority");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
   "flex items-center gap-3",
   {
@@ -1724,7 +1746,7 @@ var thinkIndicatorVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var ThinkIndicator = React24.forwardRef(
+var ThinkIndicator = React25.forwardRef(
   ({
     className,
     variant,
@@ -1755,14 +1777,14 @@ var ThinkIndicator = React24.forwardRef(
       }
       return () => clearInterval(timer);
     }, [thoughts, interval, currentThoughtIndex]);
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    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_runtime29.jsx)(
+          loader || /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             Loader,
             {
               className: cn(
@@ -1770,7 +1792,7 @@ var ThinkIndicator = React24.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "div",
             {
               className: cn(
@@ -1790,30 +1812,30 @@ ThinkIndicator.displayName = "ThinkIndicator";
 
 // src/components/templates/messages-window.tsx
 var import_react4 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var MessagesWindow = (0, import_react4.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(className, "alq--messages--window"), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn(className, "alq--messages--window"), ...props });
   }
 );
 MessagesWindow.displayName = "MessagesWindow";
 
 // src/components/templates/query-box.tsx
 var import_react5 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var QueryBox = (0, import_react5.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn(className, "alq--querybox"), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(className, "alq--querybox"), ...props });
   }
 );
 QueryBox.displayName = "QueryBox";
 
 // src/components/templates/hero/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Hero = (0, import_react6.forwardRef)(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         ref,
@@ -1826,7 +1848,7 @@ var Hero = (0, import_react6.forwardRef)(
 );
 var HeroContent = (0, import_react6.forwardRef)(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         ref,
@@ -1841,21 +1863,21 @@ Hero.displayName = "Hero";
 HeroContent.displayName = "HeroContent";
 
 // src/components/templates/cards/with-image-heading-description.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var CardWithImageHeadingDescriptionVertical = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardTitle, { children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardTitle, { children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardContent, {})
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardContent, {})
   ] });
 };
 var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     Card,
     {
       className: cn(
@@ -1864,42 +1886,42 @@ var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
       ),
       children: [
         image,
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(CardHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardTitle, { children: heading }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardTitle, { children: heading }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CardContent, {})
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardContent, {})
       ]
     }
   );
 };
 
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var AvatarInfo = (props) => {
   const { userName, email, avatarImage } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex space-x-2 items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AvatarImage, { src: avatarImage }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex space-x-2 items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AvatarImage, { src: avatarImage }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
     ] })
   ] });
 };
 var CardWithImageHeadingDescriptionAvatarVertical = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
     image,
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardTitle, { children: heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardTitle, { children: heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AvatarInfo, { ...props }) })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AvatarInfo, { ...props }) })
   ] });
 };
 var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
   const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     Card,
     {
       className: cn(
@@ -1908,12 +1930,12 @@ var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
       ),
       children: [
         image,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardTitle, { children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardTitle, { children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AvatarInfo, { ...props }) })
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AvatarInfo, { ...props }) })
         ] })
       ]
     }
@@ -1923,7 +1945,7 @@ var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
 // src/components/organisms/whisper.tsx
 var import_react7 = require("react");
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Whisper({
   className,
   message,
@@ -1971,20 +1993,20 @@ function Whisper({
       handleAudioPlay();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn(className), children: [
-    isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "p-2 w-[24px] h-[24px]" }),
-    !isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { onClick: () => handleTextToSpeech(content), children: [
-      isPlaying && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { className: "p-2 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react8.AudioLinesIcon, { size: 20 }) }),
-      isLoading && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("button", { className: "p-2 items-center justify-center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn(className), children: [
+    isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "p-2 w-[24px] h-[24px]" }),
+    !isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { onClick: () => handleTextToSpeech(content), children: [
+      isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { className: "p-2 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.AudioLinesIcon, { size: 20 }) }),
+      isLoading && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("button", { className: "p-2 items-center justify-center", children: [
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react8.LoaderPinwheelIcon, { size: 20, className: "circular-animation" })
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.LoaderPinwheelIcon, { size: 20, className: "circular-animation" })
       ] }),
-      !isLoading && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      !isLoading && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "button",
         {
           disabled: isLoading,
           className: "p-2 items-center justify-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react8.PlayCircleIcon, { size: 20 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.PlayCircleIcon, { size: 20 })
         }
       )
     ] })
@@ -1993,7 +2015,7 @@ function Whisper({
 
 // src/components/organisms/speechToText.tsx
 var import_react8 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function SpeechToText({
   className,
   speechToText,
@@ -2055,19 +2077,19 @@ function SpeechToText({
     }
   };
   const recordIcons = isRecording ? RecordAudioIcon : IdleAudioIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn(className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { disabled: isLoading, type: "button", onClick: handleRecordButtonClick, children: recordIcons }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn(className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { disabled: isLoading, type: "button", onClick: handleRecordButtonClick, children: recordIcons }) });
 }
 
 // src/components/organisms/assistant.tsx
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_react12 = require("react");
 
 // src/components/molecules/page-container.tsx
 var import_react9 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var PageContainer = (0, import_react9.forwardRef)(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "div",
       {
         ref,
@@ -2080,11 +2102,11 @@ var PageContainer = (0, import_react9.forwardRef)(
 PageContainer.displayName = "PageContainer";
 
 // src/components/molecules/assistant-button.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var AssistantSuggestions = React26.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       ref,
@@ -2094,7 +2116,7 @@ var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, c
         showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
         "button",
         {
           onClick: () => suggestion.action?.(),
@@ -2110,8 +2132,8 @@ var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, c
             showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(suggestion.icon, { className: "w-5 h-5 text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xs whitespace-nowrap font-normal", children: suggestion.label })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(suggestion.icon, { className: "w-5 h-5 text-primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs whitespace-nowrap font-normal", children: suggestion.label })
           ]
         },
         index
@@ -2120,7 +2142,7 @@ var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, c
   );
 });
 AssistantSuggestions.displayName = "Suggestions";
-var AssistantButton = React25.forwardRef(
+var AssistantButton = React26.forwardRef(
   ({
     icon: Icon2,
     clickAction,
@@ -2141,7 +2163,7 @@ var AssistantButton = React25.forwardRef(
       setShowSuggestions(false);
       setTimeout(() => setIsVisible(false), 300);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "div",
       {
         ref,
@@ -2152,15 +2174,15 @@ var AssistantButton = React25.forwardRef(
         ),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative group", children: [
-          isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative group", children: [
+          isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             AssistantSuggestions,
             {
               suggestions,
               showSuggestions
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             Button,
             {
               variant: "outline",
@@ -2174,7 +2196,7 @@ var AssistantButton = React25.forwardRef(
                 "alq--assistant-button"
               ),
               onClick: clickAction,
-              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 Icon2,
                 {
                   style: { width: "22px", height: "22px" },
@@ -2191,19 +2213,19 @@ var AssistantButton = React25.forwardRef(
 AssistantButton.displayName = "AssistantButton";
 
 // src/components/molecules/carousel.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var CarouselContext = React26.createContext(null);
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var CarouselContext = React27.createContext(null);
 function useCarousel() {
-  const context = React26.useContext(CarouselContext);
+  const context = React27.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React26.forwardRef(
+var Carousel = React27.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -2220,22 +2242,22 @@ var Carousel = React26.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
-    const [canScrollNext, setCanScrollNext] = React26.useState(false);
-    const onSelect = React26.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React27.useState(false);
+    const [canScrollNext, setCanScrollNext] = React27.useState(false);
+    const onSelect = React27.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React26.useCallback(() => {
+    const scrollPrev = React27.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React26.useCallback(() => {
+    const scrollNext = React27.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React26.useCallback(
+    const handleKeyDown = React27.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -2247,13 +2269,13 @@ var Carousel = React26.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React26.useEffect(() => {
+    React27.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React26.useEffect(() => {
+    React27.useEffect(() => {
       if (!api) {
         return;
       }
@@ -2264,7 +2286,7 @@ var Carousel = React26.forwardRef(
         api?.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       CarouselContext.Provider,
       {
         value: {
@@ -2277,7 +2299,7 @@ var Carousel = React26.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             ref,
@@ -2294,9 +2316,9 @@ var Carousel = React26.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React27.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
       ref,
@@ -2310,9 +2332,9 @@ var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React27.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
       ref,
@@ -2328,9 +2350,9 @@ var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React27.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     Button,
     {
       ref,
@@ -2345,16 +2367,16 @@ var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", siz
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react9.ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React27.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     Button,
     {
       ref,
@@ -2369,8 +2391,8 @@ var CarouselNext = React26.forwardRef(({ className, variant = "outline", size =
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react9.ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2378,12 +2400,12 @@ var CarouselNext = React26.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/molecules/navigation-menu.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
 var import_class_variance_authority9 = require("class-variance-authority");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var NavigationMenu = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2394,12 +2416,12 @@ var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(NavigationMenuViewport, {})
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var NavigationMenuList = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2415,7 +2437,7 @@ 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_runtime40.jsxs)(
+var NavigationMenuTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -2424,7 +2446,7 @@ var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         import_lucide_react10.ChevronDown,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -2435,7 +2457,7 @@ var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var NavigationMenuContent = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2448,7 +2470,7 @@ var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var NavigationMenuViewport = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -2460,7 +2482,7 @@ var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var NavigationMenuIndicator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2469,15 +2491,15 @@ var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime41.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 React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var sidebarVariants = (0, import_class_variance_authority10.cva)(
   "flex flex-col border-r",
   {
@@ -2493,7 +2515,7 @@ var sidebarVariants = (0, import_class_variance_authority10.cva)(
     }
   }
 );
-var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+var SidebarFooter = React29.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   "div",
   {
     ref,
@@ -2503,7 +2525,7 @@ var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React28.forwardRef(
+var Sidebar = React29.forwardRef(
   ({
     className,
     items,
@@ -2516,8 +2538,8 @@ var Sidebar = React28.forwardRef(
     buttonClassName,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         Button,
         {
           variant: selectedSection?.name === item.name ? selectedVariant : defaultVariant,
@@ -2529,13 +2551,13 @@ var Sidebar = React28.forwardRef(
             }
           },
           children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(item.icon, { className: "mr-2 h-4 w-4" }),
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(item.icon, { className: "mr-2 h-4 w-4" }),
             item.name
           ]
         },
         item.name
       )) }) }),
-      footerContent && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SidebarFooter, { children: footerContent })
+      footerContent && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarFooter, { children: footerContent })
     ] }) });
   }
 );
@@ -2543,10 +2565,10 @@ var Sidebar = React28.forwardRef(
 // src/components/molecules/sonner.tsx
 var import_next_themes = require("next-themes");
 var import_sonner = require("sonner");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var Toaster2 = ({ ...props }) => {
   const { theme = "system" } = (0, import_next_themes.useTheme)();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_sonner.Toaster,
     {
       theme,
@@ -2565,14 +2587,14 @@ var Toaster2 = ({ ...props }) => {
 };
 
 // src/components/molecules/rating-stars.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var TooltipContent = React30.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2585,14 +2607,14 @@ var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+var StarRating = React30.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime43.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       import_lucide_react11.Star,
       {
         className: cn(
@@ -2605,19 +2627,19 @@ var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */
   star
 )) }));
 StarRating.displayName = "StarRating";
-var RatingStars = React29.forwardRef(({
+var RatingStars = React30.forwardRef(({
   currentRating = 0,
   onRate,
   className,
   isLoading
 }, ref) => {
-  const [open, setOpen] = React29.useState(false);
-  const [animate, setAnimate] = React29.useState(false);
+  const [open, setOpen] = React30.useState(false);
+  const [animate, setAnimate] = React30.useState(false);
   const handleRate = (rating) => {
     onRate(rating);
     setOpen(false);
   };
-  React29.useEffect(() => {
+  React30.useEffect(() => {
     if (currentRating > 0) {
       setAnimate(true);
       const timer = setTimeout(() => setAnimate(false), 150);
@@ -2625,8 +2647,8 @@ var RatingStars = React29.forwardRef(({
     }
   }, [currentRating]);
   const hasRated = currentRating > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Tooltip, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       Button,
       {
         ref,
@@ -2637,7 +2659,7 @@ var RatingStars = React29.forwardRef(({
         ),
         disabled: isLoading,
         onClick: () => setOpen(!open),
-        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           import_lucide_react11.Star,
           {
             className: cn(
@@ -2650,7 +2672,7 @@ var RatingStars = React29.forwardRef(({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "p-2 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "p-2 bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       StarRating,
       {
         rating: currentRating,
@@ -2662,10 +2684,10 @@ var RatingStars = React29.forwardRef(({
 RatingStars.displayName = "RatingStars";
 
 // src/components/molecules/rating-thumbs.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var RatingThumbs = React30.forwardRef(
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var RatingThumbs = React31.forwardRef(
   ({
     currentRating,
     onRate,
@@ -2673,15 +2695,15 @@ var RatingThumbs = React30.forwardRef(
     className,
     isLoading
   }, ref) => {
-    const [animate, setAnimate] = React30.useState(false);
-    React30.useEffect(() => {
+    const [animate, setAnimate] = React31.useState(false);
+    React31.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "div",
       {
         ref,
@@ -2692,7 +2714,7 @@ var RatingThumbs = React30.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Button,
             {
               variant: "link",
@@ -2703,7 +2725,7 @@ var RatingThumbs = React30.forwardRef(
               ),
               "aria-label": "Thumbs up",
               disabled: isLoading,
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 import_lucide_react12.ThumbsUp,
                 {
                   className: cn(
@@ -2716,7 +2738,7 @@ var RatingThumbs = React30.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             Button,
             {
               variant: "link",
@@ -2727,7 +2749,7 @@ var RatingThumbs = React30.forwardRef(
               ),
               "aria-label": "Thumbs down",
               disabled: isLoading,
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 import_lucide_react12.ThumbsDown,
                 {
                   className: cn(
@@ -2748,30 +2770,30 @@ var RatingThumbs = React30.forwardRef(
 RatingThumbs.displayName = "RatingThumbs";
 
 // src/components/molecules/rating-comment.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var RatingComment = React31.forwardRef(
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var RatingComment = React32.forwardRef(
   ({ currentRating, onRate, className, isLoading }, ref) => {
-    const [open, setOpen] = React31.useState(false);
-    const [comment, setComment] = React31.useState("");
-    const [animate, setAnimate] = React31.useState(false);
+    const [open, setOpen] = React32.useState(false);
+    const [comment, setComment] = React32.useState("");
+    const [animate, setAnimate] = React32.useState(false);
     const handleRate = () => {
       onRate(comment);
       setOpen(false);
     };
-    React31.useEffect(() => {
+    React32.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    React31.useEffect(() => {
+    React32.useEffect(() => {
       setComment("");
     }, [open]);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Dialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Button,
         {
           ref,
@@ -2782,7 +2804,7 @@ var RatingComment = React31.forwardRef(
             className
           ),
           disabled: isLoading,
-          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             import_lucide_react13.Book,
             {
               className: cn(
@@ -2795,10 +2817,10 @@ var RatingComment = React31.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogContent, { "aria-describedby": void 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DialogContent, { "aria-describedby": void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "textarea",
           {
             className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
@@ -2807,7 +2829,7 @@ var RatingComment = React31.forwardRef(
             onChange: (e) => setComment(e.target.value)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           Button,
           {
             onClick: handleRate,
@@ -2822,7 +2844,7 @@ var RatingComment = React31.forwardRef(
 RatingComment.displayName = "RatingComment";
 
 // src/components/molecules/call-out.tsx
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 
 // src/components/hooks/use-text-streaming.ts
 var import_react11 = require("react");
@@ -2881,9 +2903,9 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
 }
 
 // src/components/molecules/call-out.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var CallOut = React33.forwardRef(({ className, children, role, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       ref,
@@ -2894,8 +2916,8 @@ var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref)
     }
   );
 });
-var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var CallOutDate = React33.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       ref,
@@ -2909,13 +2931,13 @@ var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) =>
     }
   );
 });
-var CallOutActions = React32.forwardRef(({ className, actions, role, message, ...props }, ref) => {
-  const [isLoading, setIsLoading] = React32.useState(false);
-  const [isClicked, setIsClicked] = React32.useState(false);
+var CallOutActions = React33.forwardRef(({ className, actions, role, message, ...props }, ref) => {
+  const [isLoading, setIsLoading] = React33.useState(false);
+  const [isClicked, setIsClicked] = React33.useState(false);
   if (role === "user") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "button",
     {
       className: cn(
@@ -2937,7 +2959,7 @@ var CallOutActions = React32.forwardRef(({ className, actions, role, message, ..
         });
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "span",
           {
             className: cn("alq-action-icon-wrapper", {
@@ -2946,18 +2968,18 @@ var CallOutActions = React32.forwardRef(({ className, actions, role, message, ..
             children: action.icon
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("label", { children: action.label })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("label", { children: action.label })
       ]
     },
     action.label
   )) });
 });
-var CallOutResponse = React32.forwardRef(
+var CallOutResponse = React33.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_runtime46.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "div",
       {
         ref,
@@ -2970,8 +2992,8 @@ var CallOutResponse = React32.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RichText, { content: displayedContent }),
-          additionalInfo && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RichText, { content: displayedContent }),
+          additionalInfo && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "div",
             {
               className: cn(
@@ -2994,19 +3016,19 @@ CallOutResponse.displayName = "CallOutResponse";
 
 // src/components/organisms/assistant.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var Assistant = React33.forwardRef(
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var Assistant = React34.forwardRef(
   ({ className, sdk, title, description, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         ref,
         className: cn("flex flex-col h-full bg-background text-foreground", className),
         ...props,
         children: [
-          (title || description) && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AssistantHeader, { children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AssistantTitle, { title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AssistantDescription, { description })
+          (title || description) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(AssistantHeader, { children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AssistantTitle, { title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AssistantDescription, { description })
           ] }),
           children
         ]
@@ -3015,14 +3037,14 @@ var Assistant = React33.forwardRef(
   }
 );
 Assistant.displayName = "Assistant";
-var AssistantTitle = React33.forwardRef(
-  ({ className, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typography, { typeStyle: "heading1", as: "h1", children: title }) })
+var AssistantTitle = React34.forwardRef(
+  ({ className, title, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Typography, { typeStyle: "heading1", as: "h1", children: title }) })
 );
 AssistantTitle.displayName = "AssistantTitle";
-var AssistantDescription = React33.forwardRef(({ className, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Typography, { typeStyle: "display", as: "p", children: description }) }));
+var AssistantDescription = React34.forwardRef(({ className, description, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Typography, { typeStyle: "display", as: "p", children: description }) }));
 AssistantDescription.displayName = "AssistantDescription";
-var AssistantHeader = React33.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var AssistantHeader = React34.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       ref,
@@ -3033,7 +3055,7 @@ var AssistantHeader = React33.forwardRef(
   )
 );
 AssistantHeader.displayName = "AssistantHeader";
-var AssistantMessageArea = React33.forwardRef(
+var AssistantMessageArea = React34.forwardRef(
   ({
     className,
     messages,
@@ -3042,25 +3064,26 @@ var AssistantMessageArea = React33.forwardRef(
     streamingMessageId,
     thinkIndicator,
     handleIsTextStreaming,
+    toolFactory,
     ...props
   }, ref) => {
     (0, import_react12.useEffect)(() => {
       messagesEndRef.current?.scrollIntoView({ behavior: "instant" });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         ref,
         className: cn("p-6 overflow-y-auto flex-grow bg-background", className),
         ...props,
         children: [
-          messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             CallOut,
             {
               role: message.role,
               message,
               children: [
-                message.created_at && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-xs text-muted-foreground/80 pb-1", children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
+                message.created_at && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-xs text-muted-foreground/80 pb-1", children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
                   day: "2-digit",
                   month: "2-digit",
                   year: "numeric",
@@ -3069,8 +3092,8 @@ var AssistantMessageArea = React33.forwardRef(
                   second: "2-digit",
                   hour12: false
                 }) }),
-                message.loading && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: thinkIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ThinkIndicator, {}) }),
-                message.error_code && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                message.loading && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: thinkIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ThinkIndicator, {}) }),
+                message.error_code && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   CallOutResponse,
                   {
                     role: "assistant",
@@ -3078,7 +3101,8 @@ var AssistantMessageArea = React33.forwardRef(
                     children: "We have an internal error, please try again later."
                   }
                 ),
-                message.content && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                message.tooler && message.tooler?.tool_output && !message.error_code && toolFactory?.createTool(message.tooler?.tool_summary?.name, message.tooler?.tool_output?.result),
+                message.content && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   CallOutResponse,
                   {
                     role: message.role,
@@ -3088,7 +3112,7 @@ var AssistantMessageArea = React33.forwardRef(
                     children: message.content
                   }
                 ),
-                actions && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                actions && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   CallOutActions,
                   {
                     actions,
@@ -3101,14 +3125,14 @@ var AssistantMessageArea = React33.forwardRef(
             },
             message.id
           ) }, message.id)),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref: messagesEndRef })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: messagesEndRef })
         ]
       }
     );
   }
 );
 AssistantMessageArea.displayName = "AssistantMessageArea";
-var AssistantInput = React33.forwardRef(
+var AssistantInput = React34.forwardRef(
   ({
     className,
     sendMessageFunc,
@@ -3118,7 +3142,7 @@ var AssistantInput = React33.forwardRef(
     isMessageStreaming,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "form",
       {
         onSubmit: sendMessageFunc,
@@ -3126,7 +3150,7 @@ var AssistantInput = React33.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "input",
             {
               type: "text",
@@ -3143,7 +3167,7 @@ var AssistantInput = React33.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "button",
             {
               type: "submit",
@@ -3152,7 +3176,7 @@ var AssistantInput = React33.forwardRef(
                 "w-10 h-10 rounded-full flex items-center justify-center alq--assistant-button-send",
                 isButtonDisabled ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.Send, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react14.Send, { className: "w-5 h-5" })
             }
           )
         ]
@@ -3203,7 +3227,7 @@ var useDocumentReader = (url, getDocument) => {
 var import_react14 = require("react");
 
 // src/components/organisms/rating-dialog.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function RatingDialog({
   sendRating,
   topicId,
@@ -3219,20 +3243,20 @@ function RatingDialog({
     success ? setHasRatedTopic(true) : toast2({
       title: "Error",
       description: `Hubo un error al enviar la calificaci\xF3n`,
-      action: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ToastAction, { altText: "Goto schedule to undo", children: "Cerrar" })
+      action: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastAction, { altText: "Goto schedule to undo", children: "Cerrar" })
     });
   };
   const handleCancelRate = () => {
     setHasRatedTopic(true);
     onOpenChange(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogTitle, { children: "Calific\xE1 esta conversaci\xF3n" }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogDescription, { children: "Por favor, compart\xED tu opini\xF3n sobre el asistente." })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogTitle, { children: "Calific\xE1 esta conversaci\xF3n" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogDescription, { children: "Por favor, compart\xED tu opini\xF3n sobre el asistente." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-row justify-center gap-4 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-row justify-center gap-4 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         RatingStars,
         {
           currentRating: ratingStars,
@@ -3241,7 +3265,7 @@ function RatingDialog({
           className: "p-2 rounded"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         RatingThumbs,
         {
           currentRating: ratingComment,
@@ -3250,7 +3274,7 @@ function RatingDialog({
           isLoading
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         RatingComment,
         {
           currentRating: ratingComment,
@@ -3259,7 +3283,7 @@ function RatingDialog({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex flex-row justify-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { onClick: handleCancelRate, variant: "secondary", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Typography, { as: "p", typeStyle: "tiny", children: "No, gracias." }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex flex-row justify-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { onClick: handleCancelRate, variant: "secondary", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Typography, { as: "p", typeStyle: "tiny", children: "No, gracias." }) }) })
   ] }) });
 }