@alquimia-ai/ui 2.0.0 → 2.2.1

package/dist/components/organisms/index.mjs

@@ -680,7 +680,7 @@ function SpeechToText(_param) {
     }));
 }
 // src/components/organisms/assistant.tsx
-import * as React34 from "react";
+import * as React37 from "react";
 import { useCallback as useCallback3, useEffect as useEffect11, useRef as useRef2, useState as useState12 } from "react";
 // src/components/atoms/ui/button.tsx
 import * as React from "react";
@@ -2183,32 +2183,211 @@ var ThinkIndicator = React25.forwardRef(function(_param, ref) {
     }));
 });
 ThinkIndicator.displayName = "ThinkIndicator";
+// src/components/atoms/ui/accordion.tsx
+import * as React26 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
+var AccordionItem = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx33(AccordionPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("border-b", className)
+    }, props));
+});
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx33(AccordionPrimitive.Header, {
+        className: "flex",
+        children: /* @__PURE__ */ jsxs12(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
+            ref: ref,
+            className: cn("flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className)
+        }, props), {
+            children: [
+                children,
+                /* @__PURE__ */ jsx33(ChevronDown2, {
+                    className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
+                })
+            ]
+        }))
+    });
+});
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx33(AccordionPrimitive.Content, _object_spread_props(_object_spread({
+        ref: ref,
+        className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+    }, props), {
+        children: /* @__PURE__ */ jsx33("div", {
+            className: cn("pb-4 pt-0", className),
+            children: children
+        })
+    }));
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// src/components/atoms/ui/radio-group.tsx
+import * as React27 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var RadioGroup = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx34(RadioGroupPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("grid gap-2", className)
+    }, props));
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx34(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx34(RadioGroupPrimitive.Indicator, {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ jsx34(Circle, {
+                className: "h-2.5 w-2.5 fill-current text-current"
+            })
+        })
+    }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+// src/components/atoms/ui/progress.tsx
+import * as React28 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Progress = React28.forwardRef(function(_param, ref) {
+    var className = _param.className, value = _param.value, props = _object_without_properties(_param, [
+        "className",
+        "value"
+    ]);
+    return /* @__PURE__ */ jsx35(ProgressPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx35(ProgressPrimitive.Indicator, {
+            className: "h-full w-full flex-1 bg-primary transition-all",
+            style: {
+                transform: "translateX(-".concat(100 - (value || 0), "%)")
+            }
+        })
+    }));
+});
+Progress.displayName = ProgressPrimitive.Root.displayName;
+// src/components/atoms/ui/calendar.tsx
+import { ChevronLeft, ChevronRight as ChevronRight2 } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function Calendar(_param) {
+    var className = _param.className, classNames = _param.classNames, _param_showOutsideDays = _param.showOutsideDays, showOutsideDays = _param_showOutsideDays === void 0 ? true : _param_showOutsideDays, props = _object_without_properties(_param, [
+        "className",
+        "classNames",
+        "showOutsideDays"
+    ]);
+    return /* @__PURE__ */ jsx36(DayPicker, _object_spread({
+        showOutsideDays: showOutsideDays,
+        className: cn("p-3", className),
+        classNames: _object_spread({
+            months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+            month: "space-y-4",
+            caption: "flex justify-center pt-1 relative items-center",
+            caption_label: "text-sm font-medium",
+            nav: "space-x-1 flex items-center",
+            nav_button: cn(buttonVariants({
+                variant: "outline"
+            }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+            nav_button_previous: "absolute left-1",
+            nav_button_next: "absolute right-1",
+            table: "w-full border-collapse space-y-1",
+            head_row: "flex",
+            head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+            row: "flex w-full mt-2",
+            cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+            day: cn(buttonVariants({
+                variant: "ghost"
+            }), "h-9 w-9 p-0 font-normal aria-selected:opacity-100"),
+            day_range_end: "day-range-end",
+            day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+            day_today: "bg-accent text-accent-foreground",
+            day_outside: "day-outside text-muted-foreground opacity-50",
+            day_disabled: "text-muted-foreground opacity-50",
+            day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+            day_hidden: "invisible"
+        }, classNames),
+        components: {
+            IconLeft: function() {
+                return /* @__PURE__ */ jsx36(ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ jsx36(ChevronRight2, {
+                    className: "h-4 w-4"
+                });
+            }
+        }
+    }, props));
+}
+Calendar.displayName = "Calendar";
+// src/components/atoms/ui/chart.tsx
+import { ResponsiveContainer, CartesianGrid, XAxis, YAxis, Tooltip, Legend } from "recharts";
+import { Fragment, jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
+function Chart(param) {
+    var className = param.className, _param_height = param.height, height = _param_height === void 0 ? 300 : _param_height, children = param.children;
+    return /* @__PURE__ */ jsx37("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ jsx37(ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+Chart.displayName = "Chart";
 // src/components/molecules/page-container.tsx
-import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var PageContainer = forwardRef27(function(_param, ref) {
+import { forwardRef as forwardRef30 } from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var PageContainer = forwardRef30(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx33("div", _object_spread({
+    return /* @__PURE__ */ jsx38("div", _object_spread({
         ref: ref,
         className: cn(className, "alq--page-container")
     }, props));
 });
 PageContainer.displayName = "PageContainer";
 // src/components/molecules/assistant-button.tsx
-import * as React26 from "react";
+import * as React29 from "react";
 import { useState as useState5 } from "react";
-import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
-var AssistantSuggestions = React26.forwardRef(function(param, ref) {
+import { jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
+var AssistantSuggestions = React29.forwardRef(function(param, ref) {
     var suggestions = param.suggestions, showSuggestions = param.showSuggestions, className = param.className;
-    return /* @__PURE__ */ jsx34("div", {
+    return /* @__PURE__ */ jsx39("div", {
         ref: 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__ */ jsx34("div", {
+        children: /* @__PURE__ */ jsx39("div", {
             className: "rounded-lg p-2 pr-0 w-64",
             children: suggestions.map(function(suggestion, index) {
-                return /* @__PURE__ */ jsxs12("button", {
+                return /* @__PURE__ */ jsxs14("button", {
                     onClick: function() {
                         var _suggestion_action;
                         return (_suggestion_action = suggestion.action) === null || _suggestion_action === void 0 ? void 0 : _suggestion_action.call(suggestion);
@@ -2218,10 +2397,10 @@ var AssistantSuggestions = React26.forwardRef(function(param, ref) {
                     },
                     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__ */ jsx34(suggestion.icon, {
+                        /* @__PURE__ */ jsx39(suggestion.icon, {
                             className: "w-5 h-5 text-primary"
                         }),
-                        /* @__PURE__ */ jsx34("span", {
+                        /* @__PURE__ */ jsx39("span", {
                             className: "text-xs whitespace-nowrap font-normal",
                             children: suggestion.label
                         })
@@ -2232,7 +2411,7 @@ var AssistantSuggestions = React26.forwardRef(function(param, ref) {
     });
 });
 AssistantSuggestions.displayName = "Suggestions";
-var AssistantButton = React26.forwardRef(function(param, ref) {
+var AssistantButton = React29.forwardRef(function(param, ref) {
     var Icon2 = param.icon, clickAction = param.clickAction, className = param.className, _param_suggestions = param.suggestions, suggestions = _param_suggestions === void 0 ? [] : _param_suggestions;
     var _useState5 = _sliced_to_array(useState5(false), 2), isVisible = _useState5[0], setIsVisible = _useState5[1];
     var _useState51 = _sliced_to_array(useState5(false), 2), showSuggestions = _useState51[0], setShowSuggestions = _useState51[1];
@@ -2250,24 +2429,24 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
             return setIsVisible(false);
         }, 300);
     };
-    return /* @__PURE__ */ jsx34("div", {
+    return /* @__PURE__ */ jsx39("div", {
         ref: ref,
         className: cn("fixed bottom-8 right-4 z-50", "alq--assistant-button-container", className),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ jsxs12("div", {
+        children: /* @__PURE__ */ jsxs14("div", {
             className: "relative group",
             children: [
-                isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx34(AssistantSuggestions, {
+                isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx39(AssistantSuggestions, {
                     suggestions: suggestions,
                     showSuggestions: showSuggestions
                 }),
-                /* @__PURE__ */ jsx34(Button, {
+                /* @__PURE__ */ jsx39(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__ */ jsx34(Icon2, {
+                    children: /* @__PURE__ */ jsx39(Icon2, {
                         style: {
                             width: "22px",
                             height: "22px"
@@ -2281,19 +2460,19 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
 });
 AssistantButton.displayName = "AssistantButton";
 // src/components/molecules/carousel.tsx
-import * as React27 from "react";
+import * as React30 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs13 } from "react/jsx-runtime";
-var CarouselContext = React27.createContext(null);
+import { jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
+var CarouselContext = React30.createContext(null);
 function useCarousel() {
-    var context = React27.useContext(CarouselContext);
+    var context = React30.useContext(CarouselContext);
     if (!context) {
         throw new Error("useCarousel must be used within a <Carousel />");
     }
     return context;
 }
-var Carousel = React27.forwardRef(function(_param, ref) {
+var Carousel = React30.forwardRef(function(_param, ref) {
     var _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, opts = _param.opts, setApi = _param.setApi, plugins = _param.plugins, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "orientation",
         "opts",
@@ -2305,26 +2484,26 @@ var Carousel = React27.forwardRef(function(_param, ref) {
     var _useEmblaCarousel = _sliced_to_array(useEmblaCarousel(_object_spread_props(_object_spread({}, opts), {
         axis: orientation === "horizontal" ? "x" : "y"
     }), plugins), 2), carouselRef = _useEmblaCarousel[0], api = _useEmblaCarousel[1];
-    var _React27_useState = _sliced_to_array(React27.useState(false), 2), canScrollPrev = _React27_useState[0], setCanScrollPrev = _React27_useState[1];
-    var _React27_useState1 = _sliced_to_array(React27.useState(false), 2), canScrollNext = _React27_useState1[0], setCanScrollNext = _React27_useState1[1];
-    var onSelect = React27.useCallback(function(api2) {
+    var _React30_useState = _sliced_to_array(React30.useState(false), 2), canScrollPrev = _React30_useState[0], setCanScrollPrev = _React30_useState[1];
+    var _React30_useState1 = _sliced_to_array(React30.useState(false), 2), canScrollNext = _React30_useState1[0], setCanScrollNext = _React30_useState1[1];
+    var onSelect = React30.useCallback(function(api2) {
         if (!api2) {
             return;
         }
         setCanScrollPrev(api2.canScrollPrev());
         setCanScrollNext(api2.canScrollNext());
     }, []);
-    var scrollPrev = React27.useCallback(function() {
+    var scrollPrev = React30.useCallback(function() {
         api === null || api === void 0 ? void 0 : api.scrollPrev();
     }, [
         api
     ]);
-    var scrollNext = React27.useCallback(function() {
+    var scrollNext = React30.useCallback(function() {
         api === null || api === void 0 ? void 0 : api.scrollNext();
     }, [
         api
     ]);
-    var handleKeyDown = React27.useCallback(function(event) {
+    var handleKeyDown = React30.useCallback(function(event) {
         if (event.key === "ArrowLeft") {
             event.preventDefault();
             scrollPrev();
@@ -2336,7 +2515,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         scrollPrev,
         scrollNext
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api || !setApi) {
             return;
         }
@@ -2345,7 +2524,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         setApi
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api) {
             return;
         }
@@ -2359,7 +2538,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         onSelect
     ]);
-    return /* @__PURE__ */ jsx35(CarouselContext.Provider, {
+    return /* @__PURE__ */ jsx40(CarouselContext.Provider, {
         value: {
             carouselRef: carouselRef,
             api: api,
@@ -2370,7 +2549,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
             canScrollPrev: canScrollPrev,
             canScrollNext: canScrollNext
         },
-        children: /* @__PURE__ */ jsx35("div", _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ jsx40("div", _object_spread_props(_object_spread({
             ref: ref,
             onKeyDownCapture: handleKeyDown,
             className: cn("relative", className),
@@ -2382,27 +2561,27 @@ var Carousel = React27.forwardRef(function(_param, ref) {
     });
 });
 Carousel.displayName = "Carousel";
-var CarouselContent = React27.forwardRef(function(_param, ref) {
+var CarouselContent = React30.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
     var _useCarousel = useCarousel(), carouselRef = _useCarousel.carouselRef, orientation = _useCarousel.orientation;
-    return /* @__PURE__ */ jsx35("div", {
+    return /* @__PURE__ */ jsx40("div", {
         ref: carouselRef,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ jsx35("div", _object_spread({
+        children: /* @__PURE__ */ jsx40("div", _object_spread({
             ref: ref,
             className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
         }, props))
     });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React27.forwardRef(function(_param, ref) {
+var CarouselItem = React30.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
     var orientation = useCarousel().orientation;
-    return /* @__PURE__ */ jsx35("div", _object_spread({
+    return /* @__PURE__ */ jsx40("div", _object_spread({
         ref: ref,
         role: "group",
         "aria-roledescription": "slide",
@@ -2410,14 +2589,14 @@ var CarouselItem = React27.forwardRef(function(_param, ref) {
     }, props));
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React27.forwardRef(function(_param, ref) {
+var CarouselPrevious = React30.forwardRef(function(_param, ref) {
     var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
         "className",
         "variant",
         "size"
     ]);
     var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollPrev = _useCarousel.scrollPrev, canScrollPrev = _useCarousel.canScrollPrev;
-    return /* @__PURE__ */ jsxs13(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs15(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -2426,10 +2605,10 @@ var CarouselPrevious = React27.forwardRef(function(_param, ref) {
         onClick: scrollPrev
     }, props), {
         children: [
-            /* @__PURE__ */ jsx35(ArrowLeft, {
+            /* @__PURE__ */ jsx40(ArrowLeft, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ jsx35("span", {
+            /* @__PURE__ */ jsx40("span", {
                 className: "sr-only",
                 children: "Previous slide"
             })
@@ -2437,14 +2616,14 @@ var CarouselPrevious = React27.forwardRef(function(_param, ref) {
     }));
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React27.forwardRef(function(_param, ref) {
+var CarouselNext = React30.forwardRef(function(_param, ref) {
     var className = _param.className, _param_variant = _param.variant, variant = _param_variant === void 0 ? "outline" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "icon" : _param_size, props = _object_without_properties(_param, [
         "className",
         "variant",
         "size"
     ]);
     var _useCarousel = useCarousel(), orientation = _useCarousel.orientation, scrollNext = _useCarousel.scrollNext, canScrollNext = _useCarousel.canScrollNext;
-    return /* @__PURE__ */ jsxs13(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs15(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -2453,10 +2632,10 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
         onClick: scrollNext
     }, props), {
         children: [
-            /* @__PURE__ */ jsx35(ArrowRight, {
+            /* @__PURE__ */ jsx40(ArrowRight, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ jsx35("span", {
+            /* @__PURE__ */ jsx40("span", {
                 className: "sr-only",
                 children: "Next slide"
             })
@@ -2465,51 +2644,51 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
 });
 CarouselNext.displayName = "CarouselNext";
 // src/components/molecules/navigation-menu.tsx
-import * as React28 from "react";
+import * as React31 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva9 } from "class-variance-authority";
-import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
-var NavigationMenu = React28.forwardRef(function(_param, ref) {
+import { ChevronDown as ChevronDown3 } from "lucide-react";
+import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
+var NavigationMenu = React31.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsxs14(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs16(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
         ref: ref,
         className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className)
     }, props), {
         children: [
             children,
-            /* @__PURE__ */ jsx36(NavigationMenuViewport, {})
+            /* @__PURE__ */ jsx41(NavigationMenuViewport, {})
         ]
     }));
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React28.forwardRef(function(_param, ref) {
+var NavigationMenuList = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx36(NavigationMenuPrimitive.List, _object_spread({
+    return /* @__PURE__ */ jsx41(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
         className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className)
     }, props));
 });
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var navigationMenuTriggerStyle = cva9("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50");
-var NavigationMenuTrigger = React28.forwardRef(function(_param, ref) {
+var NavigationMenuTrigger = React31.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsxs14(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs16(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "group", className)
     }, props), {
         children: [
             children,
             " ",
-            /* @__PURE__ */ jsx36(ChevronDown2, {
+            /* @__PURE__ */ jsx41(ChevronDown3, {
                 className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
             })
@@ -2517,47 +2696,47 @@ var NavigationMenuTrigger = React28.forwardRef(function(_param, ref) {
     }));
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React28.forwardRef(function(_param, ref) {
+var NavigationMenuContent = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx36(NavigationMenuPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ jsx41(NavigationMenuPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ", className)
     }, props));
 });
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-var NavigationMenuViewport = React28.forwardRef(function(_param, ref) {
+var NavigationMenuViewport = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx36("div", {
+    return /* @__PURE__ */ jsx41("div", {
         className: cn("absolute left-0 top-full flex justify-center"),
-        children: /* @__PURE__ */ jsx36(NavigationMenuPrimitive.Viewport, _object_spread({
+        children: /* @__PURE__ */ jsx41(NavigationMenuPrimitive.Viewport, _object_spread({
             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: ref
         }, props))
     });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React28.forwardRef(function(_param, ref) {
+var NavigationMenuIndicator = React31.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx36(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx41(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
         ref: 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__ */ jsx36("div", {
+        children: /* @__PURE__ */ jsx41("div", {
             className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"
         })
     }));
 });
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 // src/components/molecules/sidebar.tsx
-import * as React29 from "react";
+import * as React32 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx37, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
 var sidebarVariants = cva10("flex flex-col border-r", {
     variants: {
         size: {
@@ -2570,12 +2749,12 @@ var sidebarVariants = cva10("flex flex-col border-r", {
         size: "default"
     }
 });
-var SidebarFooter = React29.forwardRef(function(_param, ref) {
+var SidebarFooter = React32.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsx37("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx42("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("p-4", className)
     }, props), {
@@ -2583,7 +2762,7 @@ var SidebarFooter = React29.forwardRef(function(_param, ref) {
     }));
 });
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React29.forwardRef(function(_param, ref) {
+var Sidebar = React32.forwardRef(function(_param, ref) {
     var className = _param.className, items = _param.items, selectedSection = _param.selectedSection, onSelect = _param.onSelect, footerContent = _param.footerContent, _param_size = _param.size, size = _param_size === void 0 ? "default" : _param_size, _param_selectedVariant = _param.selectedVariant, selectedVariant = _param_selectedVariant === void 0 ? "secondary" : _param_selectedVariant, _param_defaultVariant = _param.defaultVariant, defaultVariant = _param_defaultVariant === void 0 ? "ghost" : _param_defaultVariant, buttonClassName = _param.buttonClassName, props = _object_without_properties(_param, [
         "className",
         "items",
@@ -2595,21 +2774,21 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
         "defaultVariant",
         "buttonClassName"
     ]);
-    return /* @__PURE__ */ jsx37("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx42("div", _object_spread_props(_object_spread({
         className: cn(className, "alq--navigation-sidebar h-full"),
         ref: ref
     }, props), {
-        children: /* @__PURE__ */ jsxs15("aside", {
+        children: /* @__PURE__ */ jsxs17("aside", {
             className: cn(sidebarVariants({
                 size: size
             }), "h-full"),
             children: [
-                /* @__PURE__ */ jsx37(ScrollArea, {
+                /* @__PURE__ */ jsx42(ScrollArea, {
                     className: "flex-grow justify-between",
-                    children: /* @__PURE__ */ jsx37("div", {
+                    children: /* @__PURE__ */ jsx42("div", {
                         className: "flex flex-col gap-2 p-4",
                         children: items.map(function(item) {
-                            return /* @__PURE__ */ jsxs15(Button, {
+                            return /* @__PURE__ */ jsxs17(Button, {
                                 variant: (selectedSection === null || selectedSection === void 0 ? void 0 : selectedSection.name) === item.name ? selectedVariant : defaultVariant,
                                 className: cn("justify-start", buttonClassName),
                                 disabled: item.disabled,
@@ -2619,7 +2798,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                                     }
                                 },
                                 children: [
-                                    item.icon && /* @__PURE__ */ jsx37(item.icon, {
+                                    item.icon && /* @__PURE__ */ jsx42(item.icon, {
                                         className: "mr-2 h-4 w-4"
                                     }),
                                     item.name
@@ -2628,7 +2807,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                         })
                     })
                 }),
-                footerContent && /* @__PURE__ */ jsx37(SidebarFooter, {
+                footerContent && /* @__PURE__ */ jsx42(SidebarFooter, {
                     children: footerContent
                 })
             ]
@@ -2644,30 +2823,30 @@ var ThemeContext = createContext2({
     setTheme: function() {}
 });
 // src/components/molecules/sonner.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 // src/components/molecules/rating-stars.tsx
-import * as React30 from "react";
+import * as React33 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Star } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs18 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
+var Tooltip2 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React30.forwardRef(function(_param, ref) {
+var TooltipContent = React33.forwardRef(function(_param, ref) {
     var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
         "className",
         "sideOffset"
     ]);
-    return /* @__PURE__ */ jsx39(TooltipPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ jsx44(TooltipPrimitive.Content, _object_spread({
         ref: ref,
         sideOffset: sideOffset,
         className: cn("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-lg animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
     }, props));
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React30.forwardRef(function(param, ref) {
+var StarRating = React33.forwardRef(function(param, ref) {
     var rating = param.rating, onRate = param.onRate;
-    return /* @__PURE__ */ jsx39("div", {
+    return /* @__PURE__ */ jsx44("div", {
         ref: ref,
         className: "flex",
         children: [
@@ -2677,14 +2856,14 @@ var StarRating = React30.forwardRef(function(param, ref) {
             4,
             5
         ].map(function(star) {
-            return /* @__PURE__ */ jsx39(Button, {
+            return /* @__PURE__ */ jsx44(Button, {
                 onClick: function() {
                     return onRate(star);
                 },
                 variant: "link",
                 className: "p-1 transition-colors [&_svg]:size-5 h-5",
                 "aria-label": "Rate ".concat(star, " star").concat(star !== 1 ? "s" : ""),
-                children: /* @__PURE__ */ jsx39(Star, {
+                children: /* @__PURE__ */ jsx44(Star, {
                     className: cn("w-5 h-5", star <= rating ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
                 })
             }, star);
@@ -2692,15 +2871,15 @@ var StarRating = React30.forwardRef(function(param, ref) {
     });
 });
 StarRating.displayName = "StarRating";
-var RatingStars = React30.forwardRef(function(param, ref) {
+var RatingStars = React33.forwardRef(function(param, ref) {
     var _param_currentRating = param.currentRating, currentRating = _param_currentRating === void 0 ? 0 : _param_currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
-    var _React30_useState = _sliced_to_array(React30.useState(false), 2), open = _React30_useState[0], setOpen = _React30_useState[1];
-    var _React30_useState1 = _sliced_to_array(React30.useState(false), 2), animate = _React30_useState1[0], setAnimate = _React30_useState1[1];
+    var _React33_useState = _sliced_to_array(React33.useState(false), 2), open = _React33_useState[0], setOpen = _React33_useState[1];
+    var _React33_useState1 = _sliced_to_array(React33.useState(false), 2), animate = _React33_useState1[0], setAnimate = _React33_useState1[1];
     var handleRate = function(rating) {
         onRate(rating);
         setOpen(false);
     };
-    React30.useEffect(function() {
+    React33.useEffect(function() {
         if (currentRating > 0) {
             setAnimate(true);
             var timer = setTimeout(function() {
@@ -2714,14 +2893,14 @@ var RatingStars = React30.forwardRef(function(param, ref) {
         currentRating
     ]);
     var hasRated = currentRating > 0;
-    return /* @__PURE__ */ jsx39(TooltipProvider, {
-        children: /* @__PURE__ */ jsxs16(Tooltip, {
+    return /* @__PURE__ */ jsx44(TooltipProvider, {
+        children: /* @__PURE__ */ jsxs18(Tooltip2, {
             open: open,
             onOpenChange: setOpen,
             children: [
-                /* @__PURE__ */ jsx39(TooltipTrigger, {
+                /* @__PURE__ */ jsx44(TooltipTrigger, {
                     asChild: true,
-                    children: /* @__PURE__ */ jsx39(Button, {
+                    children: /* @__PURE__ */ jsx44(Button, {
                         ref: ref,
                         variant: "link",
                         className: cn("inline-flex items-center justify-center rounded-md text-sm font-medium [&_svg]:size-5  transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", className),
@@ -2729,18 +2908,18 @@ var RatingStars = React30.forwardRef(function(param, ref) {
                         onClick: function() {
                             return setOpen(!open);
                         },
-                        children: /* @__PURE__ */ jsx39(Star, {
+                        children: /* @__PURE__ */ jsx44(Star, {
                             className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", hasRated ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
                         })
                     })
                 }),
-                /* @__PURE__ */ jsx39(TooltipContent, {
+                /* @__PURE__ */ jsx44(TooltipContent, {
                     side: "top",
                     align: "center",
                     className: "p-0",
-                    children: /* @__PURE__ */ jsx39("div", {
+                    children: /* @__PURE__ */ jsx44("div", {
                         className: "p-2 bg-background",
-                        children: /* @__PURE__ */ jsx39(StarRating, {
+                        children: /* @__PURE__ */ jsx44(StarRating, {
                             rating: currentRating,
                             onRate: handleRate
                         })
@@ -2752,13 +2931,13 @@ var RatingStars = React30.forwardRef(function(param, ref) {
 });
 RatingStars.displayName = "RatingStars";
 // src/components/molecules/rating-thumbs.tsx
-import * as React31 from "react";
+import * as React34 from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
-var RatingThumbs = React31.forwardRef(function(param, ref) {
+import { jsx as jsx45, jsxs as jsxs19 } from "react/jsx-runtime";
+var RatingThumbs = React34.forwardRef(function(param, ref) {
     var currentRating = param.currentRating, onRate = param.onRate, _param_direction = param.direction, direction = _param_direction === void 0 ? "row" : _param_direction, className = param.className, isLoading = param.isLoading;
-    var _React31_useState = _sliced_to_array(React31.useState(false), 2), animate = _React31_useState[0], setAnimate = _React31_useState[1];
-    React31.useEffect(function() {
+    var _React34_useState = _sliced_to_array(React34.useState(false), 2), animate = _React34_useState[0], setAnimate = _React34_useState[1];
+    React34.useEffect(function() {
         if (currentRating) {
             setAnimate(true);
             var timer = setTimeout(function() {
@@ -2771,11 +2950,11 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    return /* @__PURE__ */ jsxs17("div", {
+    return /* @__PURE__ */ jsxs19("div", {
         ref: ref,
         className: cn("inline-flex", direction === "column" ? "flex-col" : "flex-row", "space-x-1 gap-4", className),
         children: [
-            /* @__PURE__ */ jsx40(Button, {
+            /* @__PURE__ */ jsx45(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsUp" ? "" : "thumbsUp");
@@ -2783,11 +2962,11 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
                 className: cn("p-1 transition-colors disabled:opacity-50 [&_svg]:size-5", "hover:alq-rating-thumbsup/10"),
                 "aria-label": "Thumbs up",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx40(ThumbsUp, {
+                children: /* @__PURE__ */ jsx45(ThumbsUp, {
                     className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsUp" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsUp" ? "alq-rating-thumbsup fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
                 })
             }),
-            /* @__PURE__ */ jsx40(Button, {
+            /* @__PURE__ */ jsx45(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsDown" ? "" : "thumbsDown");
@@ -2795,7 +2974,7 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
                 className: cn("p-1 transition-colors disabled:opacity-50 mt-0.5 [&_svg]:size-5", "hover:bg-alq-rating-thumbsdown/10"),
                 "aria-label": "Thumbs down",
                 disabled: isLoading,
-                children: /* @__PURE__ */ jsx40(ThumbsDown, {
+                children: /* @__PURE__ */ jsx45(ThumbsDown, {
                     className: cn("w-5 h-5 transition-all duration-500", animate && currentRating === "thumbsDown" && "animate-ping", isLoading && "animate-pulse", currentRating === "thumbsDown" ? "alq-rating-thumbsdown fill-current stroke-current" : "alq-rating-thumbs-inactive fill-transparent")
                 })
             })
@@ -2804,19 +2983,19 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
 });
 RatingThumbs.displayName = "RatingThumbs";
 // src/components/molecules/rating-comment.tsx
-import * as React32 from "react";
+import * as React35 from "react";
 import { Book } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
-var RatingComment = React32.forwardRef(function(param, ref) {
+import { jsx as jsx46, jsxs as jsxs20 } from "react/jsx-runtime";
+var RatingComment = React35.forwardRef(function(param, ref) {
     var currentRating = param.currentRating, onRate = param.onRate, className = param.className, isLoading = param.isLoading;
-    var _React32_useState = _sliced_to_array(React32.useState(false), 2), open = _React32_useState[0], setOpen = _React32_useState[1];
-    var _React32_useState1 = _sliced_to_array(React32.useState(""), 2), comment = _React32_useState1[0], setComment = _React32_useState1[1];
-    var _React32_useState2 = _sliced_to_array(React32.useState(false), 2), animate = _React32_useState2[0], setAnimate = _React32_useState2[1];
+    var _React35_useState = _sliced_to_array(React35.useState(false), 2), open = _React35_useState[0], setOpen = _React35_useState[1];
+    var _React35_useState1 = _sliced_to_array(React35.useState(""), 2), comment = _React35_useState1[0], setComment = _React35_useState1[1];
+    var _React35_useState2 = _sliced_to_array(React35.useState(false), 2), animate = _React35_useState2[0], setAnimate = _React35_useState2[1];
     var handleRate = function() {
         onRate(comment);
         setOpen(false);
     };
-    React32.useEffect(function() {
+    React35.useEffect(function() {
         if (currentRating) {
             setAnimate(true);
             var timer = setTimeout(function() {
@@ -2829,39 +3008,39 @@ var RatingComment = React32.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    React32.useEffect(function() {
+    React35.useEffect(function() {
         setComment("");
     }, [
         open
     ]);
-    return /* @__PURE__ */ jsxs18(Dialog, {
+    return /* @__PURE__ */ jsxs20(Dialog, {
         open: open,
         onOpenChange: setOpen,
         children: [
-            /* @__PURE__ */ jsx41(DialogTrigger, {
+            /* @__PURE__ */ jsx46(DialogTrigger, {
                 asChild: true,
-                children: /* @__PURE__ */ jsx41(Button, {
+                children: /* @__PURE__ */ jsx46(Button, {
                     ref: ref,
                     variant: "link",
                     size: "lg",
                     className: cn("inline-flex p-2 items-center justify-center rounded-md text-sm font-medium transition-colors [&_svg]:size-5  focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring bg-transparent hover:none disabled:pointer-events-none disabled:opacity-50", className),
                     disabled: isLoading,
-                    children: /* @__PURE__ */ jsx41(Book, {
+                    children: /* @__PURE__ */ jsx46(Book, {
                         className: cn("w-5 h-5 transition-all duration-500", animate && "animate-ping", isLoading && "animate-pulse", "".concat(comment ? "alq-rating-comment" : "stroke-gray-400"))
                     })
                 })
             }),
-            /* @__PURE__ */ jsx41(DialogOverlay, {
+            /* @__PURE__ */ jsx46(DialogOverlay, {
                 className: "fixed inset-0 bg-black bg-opacity-50"
             }),
-            /* @__PURE__ */ jsxs18(DialogContent, {
+            /* @__PURE__ */ jsxs20(DialogContent, {
                 "aria-describedby": void 0,
                 children: [
-                    /* @__PURE__ */ jsx41(DialogTitle, {
+                    /* @__PURE__ */ jsx46(DialogTitle, {
                         className: "text-lg font-medium",
                         children: "Deja un comentario"
                     }),
-                    /* @__PURE__ */ jsx41("textarea", {
+                    /* @__PURE__ */ jsx46("textarea", {
                         className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
                         rows: 4,
                         value: comment,
@@ -2869,9 +3048,9 @@ var RatingComment = React32.forwardRef(function(param, ref) {
                             return setComment(e.target.value);
                         }
                     }),
-                    /* @__PURE__ */ jsx41("div", {
+                    /* @__PURE__ */ jsx46("div", {
                         className: "mt-4 flex justify-end",
-                        children: /* @__PURE__ */ jsx41(Button, {
+                        children: /* @__PURE__ */ jsx46(Button, {
                             onClick: handleRate,
                             disabled: !comment,
                             children: "Enviar"
@@ -2884,8 +3063,8 @@ var RatingComment = React32.forwardRef(function(param, ref) {
 });
 RatingComment.displayName = "RatingComment";
 // src/components/molecules/call-out.tsx
-import * as React33 from "react";
-import { ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "lucide-react";
+import * as React36 from "react";
+import { ChevronDown as ChevronDown4, ChevronUp as ChevronUp2 } from "lucide-react";
 // src/components/hooks/use-text-streaming.ts
 import { useState as useState10, useEffect as useEffect10, useRef, useCallback as useCallback2 } from "react";
 var CHAR_DELAY = 15;
@@ -2949,14 +3128,14 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
     return displayedText;
 }
 // src/components/molecules/call-out.tsx
-import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
-var CallOut = React33.forwardRef(function(_param, ref) {
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
+var CallOut = React36.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, role = _param.role, props = _object_without_properties(_param, [
         "className",
         "children",
         "role"
     ]);
-    return /* @__PURE__ */ jsx42("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx47("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-box", className),
         "data-role": role
@@ -2964,41 +3143,41 @@ var CallOut = React33.forwardRef(function(_param, ref) {
         children: children
     }));
 });
-var CallOutDate = React33.forwardRef(function(_param, ref) {
+var CallOutDate = React36.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsx42("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx47("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-date", "text-sm text-muted-foreground", className)
     }, props), {
         children: children
     }));
 });
-var CallOutActions = React33.forwardRef(function(_param, ref) {
+var CallOutActions = React36.forwardRef(function(_param, ref) {
     var className = _param.className, actions = _param.actions, role = _param.role, message = _param.message, props = _object_without_properties(_param, [
         "className",
         "actions",
         "role",
         "message"
     ]);
-    var _React33_useState = _sliced_to_array(React33.useState(false), 2), isLoading = _React33_useState[0], setIsLoading = _React33_useState[1];
-    var _React33_useState1 = _sliced_to_array(React33.useState(false), 2), isClicked = _React33_useState1[0], setIsClicked = _React33_useState1[1];
+    var _React36_useState = _sliced_to_array(React36.useState(false), 2), isLoading = _React36_useState[0], setIsLoading = _React36_useState[1];
+    var _React36_useState1 = _sliced_to_array(React36.useState(false), 2), isClicked = _React36_useState1[0], setIsClicked = _React36_useState1[1];
     if (role === "user") {
         return null;
     }
-    return /* @__PURE__ */ jsx42("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx47("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-actions", className)
     }, props), {
         children: actions.map(function(action) {
             var _action_component;
-            return action.custom ? /* @__PURE__ */ jsx42(React33.Fragment, {
+            return action.custom ? /* @__PURE__ */ jsx47(React36.Fragment, {
                 children: (_action_component = action.component) === null || _action_component === void 0 ? void 0 : _action_component.call(action, {
                     message: message
                 })
-            }, action.label) : /* @__PURE__ */ jsxs19("button", {
+            }, action.label) : /* @__PURE__ */ jsxs21("button", {
                 className: cn("alq--callout-action", {
                     "alq--callout-animate-action": isLoading
                 }, {
@@ -3014,13 +3193,13 @@ var CallOutActions = React33.forwardRef(function(_param, ref) {
                     });
                 },
                 children: [
-                    /* @__PURE__ */ jsx42("span", {
+                    /* @__PURE__ */ jsx47("span", {
                         className: cn("alq-action-icon-wrapper", {
                             "alq--callout-animate-action": isLoading
                         }),
                         children: action.icon
                     }),
-                    /* @__PURE__ */ jsx42("label", {
+                    /* @__PURE__ */ jsx47("label", {
                         children: action.label
                     })
                 ]
@@ -3028,7 +3207,7 @@ var CallOutActions = React33.forwardRef(function(_param, ref) {
         })
     }));
 });
-var CallOutResponse = React33.forwardRef(function(_param, ref) {
+var CallOutResponse = React36.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, role = _param.role, additionalInfo = _param.additionalInfo, toggleAdditionalInfo = _param.toggleAdditionalInfo, isStreaming = _param.isStreaming, handleIsTextStreaming = _param.handleIsTextStreaming, props = _object_without_properties(_param, [
         "className",
         "children",
@@ -3038,29 +3217,29 @@ var CallOutResponse = React33.forwardRef(function(_param, ref) {
         "isStreaming",
         "handleIsTextStreaming"
     ]);
-    var _React33_useState = _sliced_to_array(React33.useState(false), 2), isAdditionalInfoOpen = _React33_useState[0], setIsAdditionalInfoOpen = _React33_useState[1];
+    var _React36_useState = _sliced_to_array(React36.useState(false), 2), isAdditionalInfoOpen = _React36_useState[0], setIsAdditionalInfoOpen = _React36_useState[1];
     var content = String(children || "");
     var shouldStream = role === "assistant" && isStreaming;
     var displayedContent = useTextStreaming(content, shouldStream !== null && shouldStream !== void 0 ? shouldStream : false, handleIsTextStreaming);
     var showAsToggle = additionalInfo && toggleAdditionalInfo;
     var showInline = additionalInfo && !toggleAdditionalInfo;
-    return /* @__PURE__ */ jsxs19("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs21("div", _object_spread_props(_object_spread({
         ref: ref,
         "data-role": role,
         className: cn("alq--callout-response", "max-w-none", "text-foreground", className)
     }, props), {
         children: [
-            /* @__PURE__ */ jsx42(RichText, {
+            /* @__PURE__ */ jsx47(RichText, {
                 content: displayedContent
             }),
-            showInline && /* @__PURE__ */ jsx42("div", {
+            showInline && /* @__PURE__ */ jsx47("div", {
                 className: cn("alq--callout-response-additional-info", "mt-2 text-sm text-muted-foreground whitespace-pre-line", "border-t border-border pt-2"),
                 children: additionalInfo
             }),
-            showAsToggle && /* @__PURE__ */ jsxs19("div", {
+            showAsToggle && /* @__PURE__ */ jsxs21("div", {
                 className: cn("alq--callout-response-additional-info", "mt-2 border-t border-border pt-2"),
                 children: [
-                    /* @__PURE__ */ jsxs19(Button, {
+                    /* @__PURE__ */ jsxs21(Button, {
                         type: "button",
                         variant: "ghost",
                         size: "sm",
@@ -3072,19 +3251,19 @@ var CallOutResponse = React33.forwardRef(function(_param, ref) {
                         },
                         "aria-expanded": isAdditionalInfoOpen,
                         children: [
-                            isAdditionalInfoOpen ? /* @__PURE__ */ jsx42(ChevronUp2, {
+                            isAdditionalInfoOpen ? /* @__PURE__ */ jsx47(ChevronUp2, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
-                            }) : /* @__PURE__ */ jsx42(ChevronDown3, {
+                            }) : /* @__PURE__ */ jsx47(ChevronDown4, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
                             }),
                             isAdditionalInfoOpen ? "Hide details" : "Show details"
                         ]
                     }),
-                    /* @__PURE__ */ jsx42("div", {
+                    /* @__PURE__ */ jsx47("div", {
                         className: cn("grid transition-[grid-template-rows] duration-200 ease-out", isAdditionalInfoOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-                        children: /* @__PURE__ */ jsx42("div", {
+                        children: /* @__PURE__ */ jsx47("div", {
                             className: "overflow-hidden",
-                            children: /* @__PURE__ */ jsx42("div", {
+                            children: /* @__PURE__ */ jsx47("div", {
                                 className: "text-sm text-muted-foreground pt-1 whitespace-pre-line",
                                 children: additionalInfo
                             })
@@ -3101,8 +3280,8 @@ CallOutActions.displayName = "CallOutActions";
 CallOutResponse.displayName = "CallOutResponse";
 // src/components/organisms/assistant.tsx
 import { Send } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
-var Assistant = React34.forwardRef(function(_param, ref) {
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
+var Assistant = React37.forwardRef(function(_param, ref) {
     var className = _param.className, sdk = _param.sdk, title = _param.title, description = _param.description, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "sdk",
@@ -3110,17 +3289,17 @@ var Assistant = React34.forwardRef(function(_param, ref) {
         "description",
         "children"
     ]);
-    return /* @__PURE__ */ jsxs20("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs22("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("flex flex-col h-full bg-background text-foreground", className)
     }, props), {
         children: [
-            (title || description) && /* @__PURE__ */ jsxs20(AssistantHeader, {
+            (title || description) && /* @__PURE__ */ jsxs22(AssistantHeader, {
                 children: [
-                    title && /* @__PURE__ */ jsx43(AssistantTitle, {
+                    title && /* @__PURE__ */ jsx48(AssistantTitle, {
                         title: title
                     }),
-                    description && /* @__PURE__ */ jsx43(AssistantDescription, {
+                    description && /* @__PURE__ */ jsx48(AssistantDescription, {
                         description: description
                     })
                 ]
@@ -3130,16 +3309,16 @@ var Assistant = React34.forwardRef(function(_param, ref) {
     }));
 });
 Assistant.displayName = "Assistant";
-var AssistantTitle = React34.forwardRef(function(_param, ref) {
+var AssistantTitle = React37.forwardRef(function(_param, ref) {
     var className = _param.className, title = _param.title, props = _object_without_properties(_param, [
         "className",
         "title"
     ]);
-    return /* @__PURE__ */ jsx43("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx48("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("text-foreground", className)
     }, props), {
-        children: /* @__PURE__ */ jsx43(Typography, {
+        children: /* @__PURE__ */ jsx48(Typography, {
             typeStyle: "heading1",
             as: "h1",
             children: title
@@ -3147,16 +3326,16 @@ var AssistantTitle = React34.forwardRef(function(_param, ref) {
     }));
 });
 AssistantTitle.displayName = "AssistantTitle";
-var AssistantDescription = React34.forwardRef(function(_param, ref) {
+var AssistantDescription = React37.forwardRef(function(_param, ref) {
     var className = _param.className, description = _param.description, props = _object_without_properties(_param, [
         "className",
         "description"
     ]);
-    return /* @__PURE__ */ jsx43("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx48("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("text-foreground", className)
     }, props), {
-        children: /* @__PURE__ */ jsx43(Typography, {
+        children: /* @__PURE__ */ jsx48(Typography, {
             typeStyle: "display",
             as: "p",
             children: description
@@ -3164,12 +3343,12 @@ var AssistantDescription = React34.forwardRef(function(_param, ref) {
     }));
 });
 AssistantDescription.displayName = "AssistantDescription";
-var AssistantHeader = React34.forwardRef(function(_param, ref) {
+var AssistantHeader = React37.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ jsx43("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsx48("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("bg-background text-foreground", className)
     }, props), {
@@ -3177,8 +3356,8 @@ var AssistantHeader = React34.forwardRef(function(_param, ref) {
     }));
 });
 AssistantHeader.displayName = "AssistantHeader";
-var AssistantMessageArea = React34.forwardRef(function(_param, ref) {
-    var className = _param.className, messages = _param.messages, messagesEndRef = _param.messagesEndRef, actions = _param.actions, streamingMessageId = _param.streamingMessageId, thinkIndicator = _param.thinkIndicator, handleIsTextStreaming = _param.handleIsTextStreaming, toolFactory = _param.toolFactory, isLoading = _param.isLoading, showDetailedErrors = _param.showDetailedErrors, props = _object_without_properties(_param, [
+var AssistantMessageArea = React37.forwardRef(function(_param, ref) {
+    var className = _param.className, messages = _param.messages, messagesEndRef = _param.messagesEndRef, actions = _param.actions, streamingMessageId = _param.streamingMessageId, thinkIndicator = _param.thinkIndicator, handleIsTextStreaming = _param.handleIsTextStreaming, toolFactory = _param.toolFactory, isLoading = _param.isLoading, showDetailedErrors = _param.showDetailedErrors, interleave = _param.interleave, awaitingUser = _param.awaitingUser, _isMessageStreaming = _param.isMessageStreaming, props = _object_without_properties(_param, [
         "className",
         "messages",
         "messagesEndRef",
@@ -3188,7 +3367,10 @@ var AssistantMessageArea = React34.forwardRef(function(_param, ref) {
         "handleIsTextStreaming",
         "toolFactory",
         "isLoading",
-        "showDetailedErrors"
+        "showDetailedErrors",
+        "interleave",
+        "awaitingUser",
+        "isMessageStreaming"
     ]);
     useEffect11(function() {
         var _messagesEndRef_current;
@@ -3196,72 +3378,76 @@ var AssistantMessageArea = React34.forwardRef(function(_param, ref) {
             behavior: "instant"
         });
     }, []);
-    return /* @__PURE__ */ jsxs20("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs22("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("p-6 overflow-y-auto flex-grow bg-background", className)
     }, props), {
         children: [
-            messages.map(function(message) {
+            interleave === null || interleave === void 0 ? void 0 : interleave(0),
+            messages.map(function(message, index) {
                 var _message_tooler;
-                return /* @__PURE__ */ jsx43("div", {
-                    children: /* @__PURE__ */ jsxs20(CallOut, {
-                        role: message.role,
-                        message: message,
-                        children: [
-                            streamingMessageId === message.id && (isLoading || message.content.length === 0) && !message.error_code && /* @__PURE__ */ jsx43("div", {
-                                children: thinkIndicator !== null && thinkIndicator !== void 0 ? thinkIndicator : /* @__PURE__ */ jsx43(ThinkIndicator, {})
-                            }),
-                            message.error_code && /* @__PURE__ */ jsx43(CallOutResponse, {
-                                role: "assistant",
-                                "data-error-code": message.error_code,
-                                additionalInfo: showDetailedErrors ? "".concat(message.error_detail).concat(message.stream_id ? "\nstream id: ".concat(message.stream_id) : "") : void 0,
-                                toggleAdditionalInfo: true,
-                                children: getErrorMessage(message.error_code)
-                            }),
-                            !message.error_code && ((_message_tooler = message.tooler) === null || _message_tooler === void 0 ? void 0 : _message_tooler.filter(hasToolResult).map(function(tool, index) {
-                                var _tool_tool_summary, _tool_tool_summary1;
-                                return /* @__PURE__ */ jsx43(React34.Fragment, {
-                                    children: toolFactory === null || toolFactory === void 0 ? void 0 : toolFactory.createTool(((_tool_tool_summary = tool.tool_summary) === null || _tool_tool_summary === void 0 ? void 0 : _tool_tool_summary.name) || "", tool.tool_output)
-                                }, tool.control_id || "".concat((_tool_tool_summary1 = tool.tool_summary) === null || _tool_tool_summary1 === void 0 ? void 0 : _tool_tool_summary1.name, "-").concat(index));
-                            })),
-                            message.content && !message.error_code && /* @__PURE__ */ jsxs20("div", {
-                                "data-role": message.role,
-                                className: "alq--callout-message-container",
-                                children: [
-                                    message.created_at && streamingMessageId !== message.id && /* @__PURE__ */ jsx43("div", {
-                                        className: "text-xs text-muted-foreground/80 pb-1 alq--callout-message-date",
-                                        children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
-                                            hour: "2-digit",
-                                            minute: "2-digit",
-                                            hour12: false
-                                        })
-                                    }),
-                                    /* @__PURE__ */ jsx43(CallOutResponse, {
-                                        role: message.role,
-                                        isStreaming: streamingMessageId === message.id,
-                                        handleIsTextStreaming: handleIsTextStreaming,
-                                        additionalInfo: streamingMessageId !== message.id ? message === null || message === void 0 ? void 0 : message.additionalInfo : void 0,
-                                        children: message.content
-                                    }),
-                                    actions && streamingMessageId !== message.id && /* @__PURE__ */ jsx43(CallOutActions, {
-                                        actions: actions,
-                                        message: message,
-                                        role: message.role
-                                    }, message.id)
-                                ]
-                            })
-                        ]
-                    }, message.id)
+                return /* @__PURE__ */ jsxs22("div", {
+                    children: [
+                        /* @__PURE__ */ jsxs22(CallOut, {
+                            role: message.role,
+                            message: message,
+                            children: [
+                                streamingMessageId === message.id && (isLoading || message.content.length === 0) && !message.error_code && !awaitingUser && /* @__PURE__ */ jsx48("div", {
+                                    children: thinkIndicator !== null && thinkIndicator !== void 0 ? thinkIndicator : /* @__PURE__ */ jsx48(ThinkIndicator, {})
+                                }),
+                                message.error_code && /* @__PURE__ */ jsx48(CallOutResponse, {
+                                    role: "assistant",
+                                    "data-error-code": message.error_code,
+                                    additionalInfo: showDetailedErrors ? "".concat(message.error_detail).concat(message.taskid ? "\ntask id: ".concat(message.taskid) : "") : void 0,
+                                    toggleAdditionalInfo: true,
+                                    children: getErrorMessage(message.error_code)
+                                }),
+                                !message.error_code && ((_message_tooler = message.tooler) === null || _message_tooler === void 0 ? void 0 : _message_tooler.filter(hasToolResult).map(function(tool, index2) {
+                                    var _tool_tool_summary, _tool_tool_summary1;
+                                    return /* @__PURE__ */ jsx48(React37.Fragment, {
+                                        children: toolFactory === null || toolFactory === void 0 ? void 0 : toolFactory.createTool(((_tool_tool_summary = tool.tool_summary) === null || _tool_tool_summary === void 0 ? void 0 : _tool_tool_summary.name) || "", tool.tool_output)
+                                    }, tool.control_id || "".concat((_tool_tool_summary1 = tool.tool_summary) === null || _tool_tool_summary1 === void 0 ? void 0 : _tool_tool_summary1.name, "-").concat(index2));
+                                })),
+                                message.content && !message.error_code && /* @__PURE__ */ jsxs22("div", {
+                                    "data-role": message.role,
+                                    className: "alq--callout-message-container",
+                                    children: [
+                                        message.created_at && streamingMessageId !== message.id && /* @__PURE__ */ jsx48("div", {
+                                            className: "text-xs text-muted-foreground/80 pb-1 alq--callout-message-date",
+                                            children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
+                                                hour: "2-digit",
+                                                minute: "2-digit",
+                                                hour12: false
+                                            })
+                                        }),
+                                        /* @__PURE__ */ jsx48(CallOutResponse, {
+                                            role: message.role,
+                                            isStreaming: streamingMessageId === message.id,
+                                            handleIsTextStreaming: handleIsTextStreaming,
+                                            additionalInfo: streamingMessageId !== message.id ? message === null || message === void 0 ? void 0 : message.additionalInfo : void 0,
+                                            children: message.content
+                                        }),
+                                        actions && streamingMessageId !== message.id && /* @__PURE__ */ jsx48(CallOutActions, {
+                                            actions: actions,
+                                            message: message,
+                                            role: message.role
+                                        }, message.id)
+                                    ]
+                                })
+                            ]
+                        }, message.id),
+                        interleave === null || interleave === void 0 ? void 0 : interleave(index + 1)
+                    ]
                 }, message.id);
             }),
-            /* @__PURE__ */ jsx43("div", {
+            /* @__PURE__ */ jsx48("div", {
                 ref: messagesEndRef
             })
         ]
     }));
 });
 AssistantMessageArea.displayName = "AssistantMessageArea";
-var AssistantInput = React34.forwardRef(function(_param, ref) {
+var AssistantInput = React37.forwardRef(function(_param, ref) {
     var className = _param.className, sendMessageFunc = _param.sendMessageFunc, isButtonDisabled = _param.isButtonDisabled, input = _param.input, handleInputChange = _param.handleInputChange, isMessageStreaming = _param.isMessageStreaming, speechToTextComponent = _param.speechToTextComponent, userToolboxComponent = _param.userToolboxComponent, placeholders = _param.placeholders, onFileDrop = _param.onFileDrop, attachmentsSlot = _param.attachmentsSlot, props = _object_without_properties(_param, [
         "className",
         "sendMessageFunc",
@@ -3310,7 +3496,7 @@ var AssistantInput = React34.forwardRef(function(_param, ref) {
         onFileDrop
     ]);
     var placeholder = placeholders ? isMessageStreaming ? placeholders[0] : placeholders[1] : isMessageStreaming ? "Processing..." : "Type your message here...";
-    return /* @__PURE__ */ jsxs20("form", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ jsxs22("form", _object_spread_props(_object_spread({
         onSubmit: sendMessageFunc,
         className: cn("flex flex-col relative rounded-lg border border-input bg-background", "focus-within:ring-2 focus-within:ring-ring", onFileDrop && isDragging && "ring-2 ring-primary/50 alq--assistant-input-dragover", className),
         ref: ref,
@@ -3321,7 +3507,7 @@ var AssistantInput = React34.forwardRef(function(_param, ref) {
     }, props), {
         children: [
             attachmentsSlot,
-            /* @__PURE__ */ jsx43("textarea", {
+            /* @__PURE__ */ jsx48("textarea", {
                 disabled: isButtonDisabled,
                 value: input,
                 onChange: handleInputChange,
@@ -3334,16 +3520,17 @@ var AssistantInput = React34.forwardRef(function(_param, ref) {
                     }
                 }
             }),
-            /* @__PURE__ */ jsxs20("div", {
+            /* @__PURE__ */ jsxs22("div", {
                 className: "flex items-center relative alq--assistant-actions",
                 children: [
                     userToolboxComponent,
                     speechToTextComponent,
-                    /* @__PURE__ */ jsx43("button", {
+                    /* @__PURE__ */ jsx48("button", {
                         type: "submit",
+                        "aria-label": "Send",
                         disabled: isButtonDisabled,
                         className: cn("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__ */ jsx43(Send, {
+                        children: /* @__PURE__ */ jsx48(Send, {
                             className: "w-5 h-5"
                         })
                     })
@@ -3360,7 +3547,7 @@ import { useState as useState13 } from "react";
 // src/components/hooks/use-resize-observer.ts
 import { useEffect as useEffect12, useRef as useRef3 } from "react";
 // src/components/organisms/rating-dialog.tsx
-import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 function RatingDialog(param) {
     var sendRating = param.sendRating, topicId = param.topicId, assistantId = param.assistantId, isOpen = param.isOpen, onOpenChange = param.onOpenChange, setHasRatedTopic = param.setHasRatedTopic;
     var _useToast = useToast(), toast2 = _useToast.toast;
@@ -3376,7 +3563,7 @@ function RatingDialog(param) {
         success ? setHasRatedTopic(true) : toast2({
             title: "Error",
             description: "Hubo un error al enviar la calificaci\xf3n",
-            action: /* @__PURE__ */ jsx44(ToastAction, {
+            action: /* @__PURE__ */ jsx49(ToastAction, {
                 altText: "Goto schedule to undo",
                 children: "Cerrar"
             })
@@ -3386,26 +3573,26 @@ function RatingDialog(param) {
         setHasRatedTopic(true);
         onOpenChange(false);
     };
-    return /* @__PURE__ */ jsx44(Dialog, {
+    return /* @__PURE__ */ jsx49(Dialog, {
         open: isOpen,
         onOpenChange: onOpenChange,
-        children: /* @__PURE__ */ jsxs21(DialogContent, {
+        children: /* @__PURE__ */ jsxs23(DialogContent, {
             className: "sm:max-w-md",
             children: [
-                /* @__PURE__ */ jsxs21(DialogHeader, {
+                /* @__PURE__ */ jsxs23(DialogHeader, {
                     children: [
-                        /* @__PURE__ */ jsx44(DialogTitle, {
+                        /* @__PURE__ */ jsx49(DialogTitle, {
                             children: "Calific\xE1 esta conversaci\xF3n"
                         }),
-                        /* @__PURE__ */ jsx44(DialogDescription, {
+                        /* @__PURE__ */ jsx49(DialogDescription, {
                             children: "Por favor, compart\xED tu opini\xF3n sobre el asistente."
                         })
                     ]
                 }),
-                /* @__PURE__ */ jsxs21("div", {
+                /* @__PURE__ */ jsxs23("div", {
                     className: "flex flex-row justify-center gap-4 py-4",
                     children: [
-                        /* @__PURE__ */ jsx44(RatingStars, {
+                        /* @__PURE__ */ jsx49(RatingStars, {
                             currentRating: ratingStars,
                             onRate: function(newRating) {
                                 return handleRate("score", newRating, onHandleRateSuccess);
@@ -3413,7 +3600,7 @@ function RatingDialog(param) {
                             isLoading: isLoading,
                             className: "p-2 rounded"
                         }),
-                        /* @__PURE__ */ jsx44(RatingThumbs, {
+                        /* @__PURE__ */ jsx49(RatingThumbs, {
                             currentRating: ratingComment,
                             onRate: function(newRating) {
                                 return handleRate("description", newRating, onHandleRateSuccess);
@@ -3421,7 +3608,7 @@ function RatingDialog(param) {
                             direction: "row",
                             isLoading: isLoading
                         }),
-                        /* @__PURE__ */ jsx44(RatingComment, {
+                        /* @__PURE__ */ jsx49(RatingComment, {
                             currentRating: ratingComment,
                             onRate: function(newRating) {
                                 return handleRate("description", newRating, onHandleRateSuccess);
@@ -3430,12 +3617,12 @@ function RatingDialog(param) {
                         })
                     ]
                 }),
-                /* @__PURE__ */ jsx44("div", {
+                /* @__PURE__ */ jsx49("div", {
                     className: "flex flex-row justify-center gap-4",
-                    children: /* @__PURE__ */ jsx44(Button, {
+                    children: /* @__PURE__ */ jsx49(Button, {
                         onClick: handleCancelRate,
                         variant: "secondary",
-                        children: /* @__PURE__ */ jsx44(Typography, {
+                        children: /* @__PURE__ */ jsx49(Typography, {
                             as: "p",
                             typeStyle: "tiny",
                             children: "No, gracias."