@alquimia-ai/ui 2.0.0 → 2.2.2

package/dist/index.js

@@ -343,6 +343,18 @@ var __toCommonJS = function(mod) {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+    Accordion: function() {
+        return Accordion;
+    },
+    AccordionContent: function() {
+        return AccordionContent;
+    },
+    AccordionItem: function() {
+        return AccordionItem;
+    },
+    AccordionTrigger: function() {
+        return AccordionTrigger;
+    },
     Alert: function() {
         return Alert;
     },
@@ -439,6 +451,12 @@ __export(src_exports, {
     Button: function() {
         return Button;
     },
+    CHART_PALETTE: function() {
+        return CHART_PALETTE;
+    },
+    Calendar: function() {
+        return Calendar;
+    },
     CallOut: function() {
         return CallOut;
     },
@@ -496,6 +514,9 @@ __export(src_exports, {
     CarouselPrevious: function() {
         return CarouselPrevious;
     },
+    Chart: function() {
+        return Chart;
+    },
     Checkbox: function() {
         return Checkbox;
     },
@@ -643,9 +664,18 @@ __export(src_exports, {
     PopoverTrigger: function() {
         return PopoverTrigger;
     },
+    Progress: function() {
+        return Progress;
+    },
     QueryBox: function() {
         return QueryBox;
     },
+    RadioGroup: function() {
+        return RadioGroup;
+    },
+    RadioGroupItem: function() {
+        return RadioGroupItem;
+    },
     RatingComment: function() {
         return RatingComment;
     },
@@ -794,7 +824,7 @@ __export(src_exports, {
         return Toggle;
     },
     Tooltip: function() {
-        return Tooltip;
+        return Tooltip2;
     },
     TooltipContent: function() {
         return TooltipContent;
@@ -841,6 +871,9 @@ __export(src_exports, {
     reducer: function() {
         return reducer;
     },
+    themedChartAxes: function() {
+        return themedChartAxes;
+    },
     thinkIndicatorVariants: function() {
         return thinkIndicatorVariants;
     },
@@ -2502,39 +2535,245 @@ var ThinkIndicator = React25.forwardRef(function(_param, ref) {
     }));
 });
 ThinkIndicator.displayName = "ThinkIndicator";
+// src/components/atoms/ui/accordion.tsx
+var React26 = __toESM(require("react"));
+var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React26.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(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__ */ (0, import_jsx_runtime31.jsx)(AccordionPrimitive.Header, {
+        className: "flex",
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(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__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react8.ChevronDown, {
+                    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__ */ (0, import_jsx_runtime31.jsx)(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__ */ (0, import_jsx_runtime31.jsx)("div", {
+            className: cn("pb-4 pt-0", className),
+            children: children
+        })
+    }));
+});
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+// src/components/atoms/ui/radio-group.tsx
+var React27 = __toESM(require("react"));
+var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var RadioGroup = React27.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(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__ */ (0, import_jsx_runtime32.jsx)(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__ */ (0, import_jsx_runtime32.jsx)(RadioGroupPrimitive.Indicator, {
+            className: "flex items-center justify-center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react9.Circle, {
+                className: "h-2.5 w-2.5 fill-current text-current"
+            })
+        })
+    }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+// src/components/atoms/ui/progress.tsx
+var React28 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var import_jsx_runtime33 = require("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__ */ (0, import_jsx_runtime33.jsx)(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__ */ (0, import_jsx_runtime33.jsx)(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
+var import_lucide_react10 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+var import_jsx_runtime34 = require("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__ */ (0, import_jsx_runtime34.jsx)(import_react_day_picker.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__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react10.ChevronLeft, {
+                    className: "h-4 w-4"
+                });
+            },
+            IconRight: function() {
+                return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react10.ChevronRight, {
+                    className: "h-4 w-4"
+                });
+            }
+        }
+    }, props));
+}
+Calendar.displayName = "Calendar";
+// src/components/atoms/ui/chart.tsx
+var import_recharts = require("recharts");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var CHART_PALETTE = [
+    "hsl(var(--chart-1))",
+    "hsl(var(--chart-2))",
+    "hsl(var(--chart-3))",
+    "hsl(var(--chart-4))",
+    "hsl(var(--chart-5))"
+];
+function Chart(param) {
+    var className = param.className, _param_height = param.height, height = _param_height === void 0 ? 300 : _param_height, children = param.children;
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", {
+        className: cn("w-full", className),
+        style: {
+            height: height
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_recharts.ResponsiveContainer, {
+            width: "100%",
+            height: "100%",
+            children: children
+        })
+    });
+}
+Chart.displayName = "Chart";
+function themedChartAxes(x) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, {
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_recharts.CartesianGrid, {
+                strokeDasharray: "3 3",
+                className: "stroke-border"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_recharts.XAxis, {
+                dataKey: x,
+                className: "text-xs"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_recharts.YAxis, {
+                className: "text-xs"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_recharts.Tooltip, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_recharts.Legend, {})
+        ]
+    });
+}
 // src/components/templates/messages-window.tsx
 var import_react4 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var MessagesWindow = (0, import_react4.forwardRef)(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", _object_spread({
         className: cn(className, "alq--messages--window")
     }, props));
 });
 MessagesWindow.displayName = "MessagesWindow";
 // src/components/templates/query-box.tsx
 var import_react5 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var QueryBox = (0, import_react5.forwardRef)(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", _object_spread({
         className: cn(className, "alq--querybox")
     }, props));
 });
 QueryBox.displayName = "QueryBox";
 // src/components/templates/hero/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Hero = (0, import_react6.forwardRef)(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--hero-container", "grid", className)
     }, props), {
@@ -2546,7 +2785,7 @@ var HeroContent = (0, import_react6.forwardRef)(function(_param, ref) {
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--hero-container", className)
     }, props), {
@@ -2556,72 +2795,72 @@ var HeroContent = (0, import_react6.forwardRef)(function(_param, ref) {
 Hero.displayName = "Hero";
 HeroContent.displayName = "HeroContent";
 // src/components/templates/cards/with-image-heading-description.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var CardWithImageHeadingDescriptionVertical = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Card, {
         className: cn("w-[360px]", !showBorder && "border-none shadow-none"),
         children: [
             image,
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardHeader, {
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(CardHeader, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardTitle, {
                         children: heading
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, {
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Typography, {
                         typeStyle: "small",
                         className: "text-font-weak-color",
                         children: description
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardContent, {})
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, {})
         ]
     });
 };
 var CardImageWithHeadingAndDescriptionHorizontal = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Card, {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Card, {
         className: cn("lg:w-[600px] w-[360px] lg:flex  lg:h-[150px]", !showBorder && "border-none shadow-none "),
         children: [
             image,
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardHeader, {
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(CardHeader, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardTitle, {
                         children: heading
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Typography, {
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Typography, {
                         typeStyle: "small",
                         className: "text-font-weak-color",
                         children: description
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CardContent, {})
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CardContent, {})
         ]
     });
 };
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var AvatarInfo = function(props) {
     var userName = props.userName, email = props.email, avatarImage = props.avatarImage;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", {
         className: "flex space-x-2 items-center",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Avatar, {
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Avatar, {
                 className: "w-16 h-16",
-                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AvatarImage, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AvatarImage, {
                     src: avatarImage
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typography, {
                         typeStyle: "small",
                         className: "font-semibold",
                         children: userName
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typography, {
                         typeStyle: "tiny",
                         className: "text-font-weak-color",
                         children: email
@@ -2633,50 +2872,50 @@ var AvatarInfo = function(props) {
 };
 var CardWithImageHeadingDescriptionAvatarVertical = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Card, {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Card, {
         className: cn("w-[360px]", !showBorder && "border-none shadow-none"),
         children: [
             image,
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardHeader, {
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CardHeader, {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardTitle, {
                         children: heading
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typography, {
                         typeStyle: "small",
                         className: "text-font-weak-color",
                         children: description
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardContent, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AvatarInfo, _object_spread({}, props))
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardContent, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AvatarInfo, _object_spread({}, props))
             })
         ]
     });
 };
 var CardImageWithHeadingAndDescriptionAvatarHorizontal = function(props) {
     var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Card, {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Card, {
         className: cn("lg:w-[600px] w-[360px] lg:flex  lg:h-[246px]", !showBorder && "border-none shadow-none "),
         children: [
             image,
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", {
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardHeader, {
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CardHeader, {
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardTitle, {
+                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardTitle, {
                                 children: heading
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Typography, {
+                            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Typography, {
                                 typeStyle: "small",
                                 className: "text-font-weak-color",
                                 children: description
                             })
                         ]
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CardContent, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AvatarInfo, _object_spread({}, props))
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CardContent, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AvatarInfo, _object_spread({}, props))
                     })
                 ]
             })
@@ -2685,8 +2924,8 @@ var CardImageWithHeadingAndDescriptionAvatarHorizontal = function(props) {
 };
 // src/components/organisms/whisper.tsx
 var import_react7 = require("react");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Whisper(param) {
     var className = param.className, message = param.message, isMessageStreaming = param.isMessageStreaming, textToSpeech = param.textToSpeech;
     var _ref = _sliced_to_array((0, import_react7.useState)(null), 2), audioUrl = _ref[0], setAudioUrl = _ref[1];
@@ -2837,39 +3076,39 @@ function Whisper(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
         className: cn(className),
         children: [
-            isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
+            isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
                 className: "p-2 w-[24px] h-[24px]"
             }),
-            !isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", {
+            !isMessageStreaming && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
                 onClick: function() {
                     return handleTextToSpeech(content);
                 },
                 children: [
-                    isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", {
+                    isPlaying && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", {
                         className: "p-2 items-center justify-center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.AudioLinesIcon, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.AudioLinesIcon, {
                             size: 20,
                             className: "animate-[wave_0.7s_infinite_ease-in-out]"
                         })
                     }),
-                    isLoading && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("button", {
+                    isLoading && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("button", {
                         disabled: true,
                         className: "p-2 items-center justify-center",
                         children: [
                             " ",
-                            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.LoaderCircleIcon, {
+                            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.LoaderCircleIcon, {
                                 size: 20,
                                 className: "animate-[spin_1s_linear_infinite]"
                             })
                         ]
                     }),
-                    !isLoading && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", {
+                    !isLoading && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", {
                         disabled: isLoading,
                         className: "p-2 items-center justify-center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react8.PlayCircleIcon, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.PlayCircleIcon, {
                             size: 20
                         })
                     })
@@ -2880,7 +3119,7 @@ function Whisper(param) {
 }
 // src/components/organisms/speechToText.tsx
 var import_react8 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function SpeechToText(_param) {
     var className = _param.className, speechToText = _param.speechToText, RecordAudioIcon = _param.RecordAudioIcon, IdleAudioIcon = _param.IdleAudioIcon, handleReplaceInput = _param.handleReplaceInput, setIsAudioRecording = _param.setIsAudioRecording, onSendAudio = _param.onSendAudio, props = _object_without_properties(_param, [
         "className",
@@ -3029,10 +3268,10 @@ function SpeechToText(_param) {
         }
     };
     var recordIcons = isRecording ? RecordAudioIcon : IdleAudioIcon;
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", _object_spread_props(_object_spread({
         className: cn(className)
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", {
             disabled: isLoading,
             type: "button",
             onClick: handleRecordButtonClick,
@@ -3041,34 +3280,34 @@ function SpeechToText(_param) {
     }));
 }
 // src/components/organisms/assistant.tsx
-var React34 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_react13 = require("react");
 // src/components/molecules/page-container.tsx
 var import_react9 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var PageContainer = (0, import_react9.forwardRef)(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", _object_spread({
         ref: ref,
         className: cn(className, "alq--page-container")
     }, props));
 });
 PageContainer.displayName = "PageContainer";
 // src/components/molecules/assistant-button.tsx
-var React26 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var AssistantSuggestions = React26.forwardRef(function(param, ref) {
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var AssistantSuggestions = React29.forwardRef(function(param, ref) {
     var suggestions = param.suggestions, showSuggestions = param.showSuggestions, className = param.className;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime39.jsx)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
             className: "rounded-lg p-2 pr-0 w-64",
             children: suggestions.map(function(suggestion, index) {
-                return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("button", {
+                return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("button", {
                     onClick: function() {
                         var _suggestion_action;
                         return (_suggestion_action = suggestion.action) === null || _suggestion_action === void 0 ? void 0 : _suggestion_action.call(suggestion);
@@ -3078,10 +3317,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__ */ (0, import_jsx_runtime39.jsx)(suggestion.icon, {
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(suggestion.icon, {
                             className: "w-5 h-5 text-primary"
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", {
+                        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", {
                             className: "text-xs whitespace-nowrap font-normal",
                             children: suggestion.label
                         })
@@ -3092,7 +3331,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 _ref = _sliced_to_array((0, import_react10.useState)(false), 2), isVisible = _ref[0], setIsVisible = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react10.useState)(false), 2), showSuggestions = _ref1[0], setShowSuggestions = _ref1[1];
@@ -3110,24 +3349,24 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
             return setIsVisible(false);
         }, 300);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
         ref: ref,
         className: cn("fixed bottom-8 right-4 z-50", "alq--assistant-button-container", className),
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", {
             className: "relative group",
             children: [
-                isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AssistantSuggestions, {
+                isVisible && suggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AssistantSuggestions, {
                     suggestions: suggestions,
                     showSuggestions: showSuggestions
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, {
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, {
                     variant: "outline",
                     size: "sm",
                     className: cn("fixed hover:bg-opacity-70 transition-all duration-300", "bottom-4 h-12 w-12 right-4 z-50 rounded-full p-2", "shadow-md", "hover:shadow-lg", showSuggestions ? "scale-110" : "hover:scale-105", "alq--assistant-button"),
                     onClick: clickAction,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon2, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon2, {
                         style: {
                             width: "22px",
                             height: "22px"
@@ -3141,19 +3380,19 @@ var AssistantButton = React26.forwardRef(function(param, ref) {
 });
 AssistantButton.displayName = "AssistantButton";
 // src/components/molecules/carousel.tsx
-var React27 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var CarouselContext = React27.createContext(null);
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime45 = require("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",
@@ -3165,26 +3404,26 @@ var Carousel = React27.forwardRef(function(_param, ref) {
     var _ref = _sliced_to_array((0, import_embla_carousel_react.default)(_object_spread_props(_object_spread({}, opts), {
         axis: orientation === "horizontal" ? "x" : "y"
     }), plugins), 2), carouselRef = _ref[0], api = _ref[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();
@@ -3196,7 +3435,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         scrollPrev,
         scrollNext
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api || !setApi) {
             return;
         }
@@ -3205,7 +3444,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         setApi
     ]);
-    React27.useEffect(function() {
+    React30.useEffect(function() {
         if (!api) {
             return;
         }
@@ -3219,7 +3458,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
         api,
         onSelect
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CarouselContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CarouselContext.Provider, {
         value: {
             carouselRef: carouselRef,
             api: api,
@@ -3230,7 +3469,7 @@ var Carousel = React27.forwardRef(function(_param, ref) {
             canScrollPrev: canScrollPrev,
             canScrollNext: canScrollNext
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", _object_spread_props(_object_spread({
             ref: ref,
             onKeyDownCapture: handleKeyDown,
             className: cn("relative", className),
@@ -3242,27 +3481,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__ */ (0, import_jsx_runtime40.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
         ref: carouselRef,
         className: "overflow-hidden",
-        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime40.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", _object_spread({
         ref: ref,
         role: "group",
         "aria-roledescription": "slide",
@@ -3270,14 +3509,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__ */ (0, import_jsx_runtime40.jsxs)(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -3286,10 +3525,10 @@ var CarouselPrevious = React27.forwardRef(function(_param, ref) {
         onClick: scrollPrev
     }, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.ArrowLeft, {
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowLeft, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", {
                 className: "sr-only",
                 children: "Previous slide"
             })
@@ -3297,14 +3536,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__ */ (0, import_jsx_runtime40.jsxs)(Button, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Button, _object_spread_props(_object_spread({
         ref: ref,
         variant: variant,
         size: size,
@@ -3313,10 +3552,10 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
         onClick: scrollNext
     }, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react9.ArrowRight, {
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ArrowRight, {
                 className: "h-4 w-4"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", {
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", {
                 className: "sr-only",
                 children: "Next slide"
             })
@@ -3325,32 +3564,32 @@ var CarouselNext = React27.forwardRef(function(_param, ref) {
 });
 CarouselNext.displayName = "CarouselNext";
 // src/components/molecules/navigation-menu.tsx
-var React28 = __toESM(require("react"));
+var React31 = __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_runtime41 = require("react/jsx-runtime");
-var NavigationMenu = React28.forwardRef(function(_param, ref) {
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime46 = require("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__ */ (0, import_jsx_runtime41.jsxs)(NavigationMenuPrimitive.Root, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(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__ */ (0, import_jsx_runtime41.jsx)(NavigationMenuViewport, {})
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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__ */ (0, import_jsx_runtime41.jsx)(NavigationMenuPrimitive.List, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NavigationMenuPrimitive.List, _object_spread({
         ref: ref,
         className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className)
     }, props));
@@ -3358,19 +3597,19 @@ var NavigationMenuList = React28.forwardRef(function(_param, ref) {
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority9.cva)("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50");
-var NavigationMenuTrigger = 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__ */ (0, import_jsx_runtime41.jsxs)(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(NavigationMenuPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "group", className)
     }, props), {
         children: [
             children,
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react10.ChevronDown, {
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.ChevronDown, {
                 className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
             })
@@ -3378,48 +3617,48 @@ 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__ */ (0, import_jsx_runtime41.jsx)(NavigationMenuPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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 NavigationMenuLink = NavigationMenuPrimitive.Link;
-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__ */ (0, import_jsx_runtime41.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {
         className: cn("absolute left-0 top-full flex justify-center"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(NavigationMenuPrimitive.Viewport, _object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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__ */ (0, import_jsx_runtime41.jsx)(NavigationMenuPrimitive.Indicator, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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__ */ (0, import_jsx_runtime41.jsx)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.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 React29 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_class_variance_authority10 = require("class-variance-authority");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var sidebarVariants = (0, import_class_variance_authority10.cva)("flex flex-col border-r", {
     variants: {
         size: {
@@ -3432,12 +3671,12 @@ var sidebarVariants = (0, import_class_variance_authority10.cva)("flex flex-col
         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__ */ (0, import_jsx_runtime42.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("p-4", className)
     }, props), {
@@ -3445,7 +3684,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",
@@ -3457,21 +3696,21 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
         "defaultVariant",
         "buttonClassName"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", _object_spread_props(_object_spread({
         className: cn(className, "alq--navigation-sidebar h-full"),
         ref: ref
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("aside", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("aside", {
             className: cn(sidebarVariants({
                 size: size
             }), "h-full"),
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ScrollArea, {
+                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ScrollArea, {
                     className: "flex-grow justify-between",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
                         className: "flex flex-col gap-2 p-4",
                         children: items.map(function(item) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Button, {
+                            return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, {
                                 variant: (selectedSection === null || selectedSection === void 0 ? void 0 : selectedSection.name) === item.name ? selectedVariant : defaultVariant,
                                 className: cn("justify-start", buttonClassName),
                                 disabled: item.disabled,
@@ -3481,7 +3720,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                                     }
                                 },
                                 children: [
-                                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(item.icon, {
+                                    item.icon && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(item.icon, {
                                         className: "mr-2 h-4 w-4"
                                     }),
                                     item.name
@@ -3490,7 +3729,7 @@ var Sidebar = React29.forwardRef(function(_param, ref) {
                         })
                     })
                 }),
-                footerContent && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarFooter, {
+                footerContent && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SidebarFooter, {
                     children: footerContent
                 })
             ]
@@ -3509,11 +3748,11 @@ function useAlquimiaTheme() {
     return (0, import_react11.useContext)(ThemeContext);
 }
 // src/components/molecules/sonner.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Toaster2 = function(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
     var _useAlquimiaTheme = useAlquimiaTheme(), _useAlquimiaTheme_theme = _useAlquimiaTheme.theme, theme = _useAlquimiaTheme_theme === void 0 ? "system" : _useAlquimiaTheme_theme;
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_sonner.Toaster, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_sonner.Toaster, _object_spread({
         theme: theme,
         className: "toaster group",
         toastOptions: {
@@ -3527,28 +3766,28 @@ var Toaster2 = function(_param) {
     }, props));
 };
 // src/components/molecules/rating-stars.tsx
-var React30 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime49 = require("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__ */ (0, import_jsx_runtime44.jsx)(TooltipPrimitive.Content, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(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__ */ (0, import_jsx_runtime44.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {
         ref: ref,
         className: "flex",
         children: [
@@ -3558,14 +3797,14 @@ var StarRating = React30.forwardRef(function(param, ref) {
             4,
             5
         ].map(function(star) {
-            return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, {
+            return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(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__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Star, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react14.Star, {
                     className: cn("w-5 h-5", star <= rating ? "alq-rating-star-active fill-current stroke-current" : "alq-rating-star-inactive")
                 })
             }, star);
@@ -3573,15 +3812,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() {
@@ -3595,14 +3834,14 @@ var RatingStars = React30.forwardRef(function(param, ref) {
         currentRating
     ]);
     var hasRated = currentRating > 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipProvider, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Tooltip, {
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipProvider, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Tooltip2, {
             open: open,
             onOpenChange: setOpen,
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipTrigger, {
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipTrigger, {
                     asChild: true,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(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),
@@ -3610,18 +3849,18 @@ var RatingStars = React30.forwardRef(function(param, ref) {
                         onClick: function() {
                             return setOpen(!open);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react11.Star, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react14.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__ */ (0, import_jsx_runtime44.jsx)(TooltipContent, {
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TooltipContent, {
                     side: "top",
                     align: "center",
                     className: "p-0",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {
                         className: "p-2 bg-background",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(StarRating, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(StarRating, {
                             rating: currentRating,
                             onRate: handleRate
                         })
@@ -3633,13 +3872,13 @@ var RatingStars = React30.forwardRef(function(param, ref) {
 });
 RatingStars.displayName = "RatingStars";
 // src/components/molecules/rating-thumbs.tsx
-var React31 = __toESM(require("react"));
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var RatingThumbs = React31.forwardRef(function(param, ref) {
+var React34 = __toESM(require("react"));
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime50 = require("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() {
@@ -3652,11 +3891,11 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", {
         ref: ref,
         className: cn("inline-flex", direction === "column" ? "flex-col" : "flex-row", "space-x-1 gap-4", className),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, {
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsUp" ? "" : "thumbsUp");
@@ -3664,11 +3903,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__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ThumbsUp, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react15.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__ */ (0, import_jsx_runtime45.jsx)(Button, {
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, {
                 variant: "link",
                 onClick: function() {
                     return onRate(currentRating === "thumbsDown" ? "" : "thumbsDown");
@@ -3676,7 +3915,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__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react12.ThumbsDown, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react15.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")
                 })
             })
@@ -3685,19 +3924,19 @@ var RatingThumbs = React31.forwardRef(function(param, ref) {
 });
 RatingThumbs.displayName = "RatingThumbs";
 // src/components/molecules/rating-comment.tsx
-var React32 = __toESM(require("react"));
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var RatingComment = React32.forwardRef(function(param, ref) {
+var React35 = __toESM(require("react"));
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime51 = require("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() {
@@ -3710,39 +3949,39 @@ var RatingComment = React32.forwardRef(function(param, ref) {
     }, [
         currentRating
     ]);
-    React32.useEffect(function() {
+    React35.useEffect(function() {
         setComment("");
     }, [
         open
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Dialog, {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Dialog, {
         open: open,
         onOpenChange: setOpen,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogTrigger, {
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogTrigger, {
                 asChild: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(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__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react13.Book, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react16.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__ */ (0, import_jsx_runtime46.jsx)(DialogOverlay, {
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogOverlay, {
                 className: "fixed inset-0 bg-black bg-opacity-50"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DialogContent, {
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DialogContent, {
                 "aria-describedby": void 0,
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogTitle, {
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogTitle, {
                         className: "text-lg font-medium",
                         children: "Deja un comentario"
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("textarea", {
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("textarea", {
                         className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
                         rows: 4,
                         value: comment,
@@ -3750,9 +3989,9 @@ var RatingComment = React32.forwardRef(function(param, ref) {
                             return setComment(e.target.value);
                         }
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", {
                         className: "mt-4 flex justify-end",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Button, {
                             onClick: handleRate,
                             disabled: !comment,
                             children: "Enviar"
@@ -3765,8 +4004,8 @@ var RatingComment = React32.forwardRef(function(param, ref) {
 });
 RatingComment.displayName = "RatingComment";
 // src/components/molecules/call-out.tsx
-var React33 = __toESM(require("react"));
-var import_lucide_react14 = require("lucide-react");
+var React36 = __toESM(require("react"));
+var import_lucide_react17 = require("lucide-react");
 // src/components/hooks/use-text-streaming.ts
 var import_react12 = require("react");
 var CHAR_DELAY = 15;
@@ -3830,14 +4069,14 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
     return displayedText;
 }
 // src/components/molecules/call-out.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var CallOut = React33.forwardRef(function(_param, ref) {
+var import_jsx_runtime52 = require("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__ */ (0, import_jsx_runtime47.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("alq--callout-box", className),
         "data-role": role
@@ -3845,41 +4084,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__ */ (0, import_jsx_runtime47.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime47.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime47.jsx)(React33.Fragment, {
+            return action.custom ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(React36.Fragment, {
                 children: (_action_component = action.component) === null || _action_component === void 0 ? void 0 : _action_component.call(action, {
                     message: message
                 })
-            }, action.label) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("button", {
+            }, action.label) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("button", {
                 className: cn("alq--callout-action", {
                     "alq--callout-animate-action": isLoading
                 }, {
@@ -3895,13 +4134,13 @@ var CallOutActions = React33.forwardRef(function(_param, ref) {
                     });
                 },
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", {
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", {
                         className: cn("alq-action-icon-wrapper", {
                             "alq--callout-animate-action": isLoading
                         }),
                         children: action.icon
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("label", {
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", {
                         children: action.label
                     })
                 ]
@@ -3909,7 +4148,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",
@@ -3919,29 +4158,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__ */ (0, import_jsx_runtime47.jsxs)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("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__ */ (0, import_jsx_runtime47.jsx)(RichText, {
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(RichText, {
                 content: displayedContent
             }),
-            showInline && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
+            showInline && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime47.jsxs)("div", {
+            showAsToggle && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", {
                 className: cn("alq--callout-response-additional-info", "mt-2 border-t border-border pt-2"),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button, {
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(Button, {
                         type: "button",
                         variant: "ghost",
                         size: "sm",
@@ -3953,19 +4192,19 @@ var CallOutResponse = React33.forwardRef(function(_param, ref) {
                         },
                         "aria-expanded": isAdditionalInfoOpen,
                         children: [
-                            isAdditionalInfoOpen ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronUp, {
+                            isAdditionalInfoOpen ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react17.ChevronUp, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
-                            }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react14.ChevronDown, {
+                            }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react17.ChevronDown, {
                                 className: "h-4 w-4 mr-1.5 shrink-0 transition-transform"
                             }),
                             isAdditionalInfoOpen ? "Hide details" : "Show details"
                         ]
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
                         className: cn("grid transition-[grid-template-rows] duration-200 ease-out", isAdditionalInfoOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
                             className: "overflow-hidden",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
                                 className: "text-sm text-muted-foreground pt-1 whitespace-pre-line",
                                 children: additionalInfo
                             })
@@ -3981,9 +4220,9 @@ CallOutDate.displayName = "CallOutDate";
 CallOutActions.displayName = "CallOutActions";
 CallOutResponse.displayName = "CallOutResponse";
 // src/components/organisms/assistant.tsx
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var Assistant = React34.forwardRef(function(_param, ref) {
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime53 = require("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",
@@ -3991,17 +4230,17 @@ var Assistant = React34.forwardRef(function(_param, ref) {
         "description",
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("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__ */ (0, import_jsx_runtime48.jsxs)(AssistantHeader, {
+            (title || description) && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(AssistantHeader, {
                 children: [
-                    title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AssistantTitle, {
+                    title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantTitle, {
                         title: title
                     }),
-                    description && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AssistantDescription, {
+                    description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssistantDescription, {
                         description: description
                     })
                 ]
@@ -4011,16 +4250,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__ */ (0, import_jsx_runtime48.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("text-foreground", className)
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Typography, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Typography, {
             typeStyle: "heading1",
             as: "h1",
             children: title
@@ -4028,16 +4267,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__ */ (0, import_jsx_runtime48.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("text-foreground", className)
     }, props), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Typography, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Typography, {
             typeStyle: "display",
             as: "p",
             children: description
@@ -4045,12 +4284,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__ */ (0, import_jsx_runtime48.jsx)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", _object_spread_props(_object_spread({
         ref: ref,
         className: cn("bg-background text-foreground", className)
     }, props), {
@@ -4058,8 +4297,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",
@@ -4069,7 +4308,10 @@ var AssistantMessageArea = React34.forwardRef(function(_param, ref) {
         "handleIsTextStreaming",
         "toolFactory",
         "isLoading",
-        "showDetailedErrors"
+        "showDetailedErrors",
+        "interleave",
+        "awaitingUser",
+        "isMessageStreaming"
     ]);
     (0, import_react13.useEffect)(function() {
         var _messagesEndRef_current;
@@ -4077,72 +4319,76 @@ var AssistantMessageArea = React34.forwardRef(function(_param, ref) {
             behavior: "instant"
         });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("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__ */ (0, import_jsx_runtime48.jsx)("div", {
-                    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(CallOut, {
-                        role: message.role,
-                        message: message,
-                        children: [
-                            streamingMessageId === message.id && (isLoading || message.content.length === 0) && !message.error_code && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {
-                                children: thinkIndicator !== null && thinkIndicator !== void 0 ? thinkIndicator : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ThinkIndicator, {})
-                            }),
-                            message.error_code && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(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__ */ (0, import_jsx_runtime48.jsx)(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__ */ (0, import_jsx_runtime48.jsxs)("div", {
-                                "data-role": message.role,
-                                className: "alq--callout-message-container",
-                                children: [
-                                    message.created_at && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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__ */ (0, import_jsx_runtime48.jsx)(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__ */ (0, import_jsx_runtime48.jsx)(CallOutActions, {
-                                        actions: actions,
-                                        message: message,
-                                        role: message.role
-                                    }, message.id)
-                                ]
-                            })
-                        ]
-                    }, message.id)
+                return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", {
+                    children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(CallOut, {
+                            role: message.role,
+                            message: message,
+                            children: [
+                                streamingMessageId === message.id && (isLoading || message.content.length === 0) && !message.error_code && !awaitingUser && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", {
+                                    children: thinkIndicator !== null && thinkIndicator !== void 0 ? thinkIndicator : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ThinkIndicator, {})
+                                }),
+                                message.error_code && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsxs)("div", {
+                                    "data-role": message.role,
+                                    className: "alq--callout-message-container",
+                                    children: [
+                                        message.created_at && streamingMessageId !== message.id && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime48.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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",
@@ -4191,7 +4437,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__ */ (0, import_jsx_runtime48.jsxs)("form", _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("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,
@@ -4202,7 +4448,7 @@ var AssistantInput = React34.forwardRef(function(_param, ref) {
     }, props), {
         children: [
             attachmentsSlot,
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("textarea", {
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("textarea", {
                 disabled: isButtonDisabled,
                 value: input,
                 onChange: handleInputChange,
@@ -4215,16 +4461,17 @@ var AssistantInput = React34.forwardRef(function(_param, ref) {
                     }
                 }
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", {
                 className: "flex items-center relative alq--assistant-actions",
                 children: [
                     userToolboxComponent,
                     speechToTextComponent,
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react15.Send, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react18.Send, {
                             className: "w-5 h-5"
                         })
                     })
@@ -4318,7 +4565,7 @@ var useDocumentReader = function(url, getDocument) {
 // src/components/hooks/use-resize-observer.ts
 var import_react15 = require("react");
 // src/components/organisms/rating-dialog.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("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;
@@ -4334,7 +4581,7 @@ function RatingDialog(param) {
         success ? setHasRatedTopic(true) : toast2({
             title: "Error",
             description: "Hubo un error al enviar la calificaci\xf3n",
-            action: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ToastAction, {
+            action: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ToastAction, {
                 altText: "Goto schedule to undo",
                 children: "Cerrar"
             })
@@ -4344,26 +4591,26 @@ function RatingDialog(param) {
         setHasRatedTopic(true);
         onOpenChange(false);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dialog, {
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Dialog, {
         open: isOpen,
         onOpenChange: onOpenChange,
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogContent, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogContent, {
             className: "sm:max-w-md",
             children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogHeader, {
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DialogHeader, {
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogTitle, {
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogTitle, {
                             children: "Calific\xE1 esta conversaci\xF3n"
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogDescription, {
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogDescription, {
                             children: "Por favor, compart\xED tu opini\xF3n sobre el asistente."
                         })
                     ]
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", {
                     className: "flex flex-row justify-center gap-4 py-4",
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RatingStars, {
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(RatingStars, {
                             currentRating: ratingStars,
                             onRate: function(newRating) {
                                 return handleRate("score", newRating, onHandleRateSuccess);
@@ -4371,7 +4618,7 @@ function RatingDialog(param) {
                             isLoading: isLoading,
                             className: "p-2 rounded"
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RatingThumbs, {
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(RatingThumbs, {
                             currentRating: ratingComment,
                             onRate: function(newRating) {
                                 return handleRate("description", newRating, onHandleRateSuccess);
@@ -4379,7 +4626,7 @@ function RatingDialog(param) {
                             direction: "row",
                             isLoading: isLoading
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RatingComment, {
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(RatingComment, {
                             currentRating: ratingComment,
                             onRate: function(newRating) {
                                 return handleRate("description", newRating, onHandleRateSuccess);
@@ -4388,12 +4635,12 @@ function RatingDialog(param) {
                         })
                     ]
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", {
                     className: "flex flex-row justify-center gap-4",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, {
                         onClick: handleCancelRate,
                         variant: "secondary",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Typography, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Typography, {
                             as: "p",
                             typeStyle: "tiny",
                             children: "No, gracias."
@@ -4411,24 +4658,24 @@ var EditingStatus = /* @__PURE__ */ function(EditingStatus2) {
     return EditingStatus2;
 }(EditingStatus || {});
 // src/providers/alquimia-ui-provider.tsx
-var React35 = __toESM(require("react"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var React38 = __toESM(require("react"));
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function AlquimiaUIProvider(param) {
     var _param_defaultMode = param.defaultMode, defaultMode = _param_defaultMode === void 0 ? "system" : _param_defaultMode, children = param.children;
-    var _React35_useState = _sliced_to_array(React35.useState(function() {
+    var _React38_useState = _sliced_to_array(React38.useState(function() {
         if (defaultMode !== "system") return defaultMode;
         if (typeof window !== "undefined") {
             return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
         }
         return "light";
-    }), 2), resolvedTheme = _React35_useState[0], setResolvedTheme = _React35_useState[1];
+    }), 2), resolvedTheme = _React38_useState[0], setResolvedTheme = _React38_useState[1];
     function applyTheme(theme) {
         if (typeof document !== "undefined") {
             document.documentElement.classList.toggle("dark", theme === "dark");
         }
         setResolvedTheme(theme);
     }
-    React35.useEffect(function() {
+    React38.useEffect(function() {
         if (defaultMode !== "system") {
             applyTheme(defaultMode);
             return;
@@ -4445,7 +4692,7 @@ function AlquimiaUIProvider(param) {
     }, [
         defaultMode
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ThemeContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ThemeContext.Provider, {
         value: {
             theme: resolvedTheme,
             setTheme: applyTheme