@alquimia-ai/ui 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -1860,8 +1860,8 @@ function SpeechToText({
 }
 
 // src/components/organisms/assistant.tsx
-import * as React32 from "react";
-import { useEffect as useEffect10 } from "react";
+import * as React33 from "react";
+import { useEffect as useEffect11 } from "react";
 
 // src/components/molecules/page-container.tsx
 import { forwardRef as forwardRef29 } from "react";
@@ -1880,20 +1880,131 @@ var PageContainer = forwardRef29(
 );
 PageContainer.displayName = "PageContainer";
 
-// src/components/molecules/carousel.tsx
+// src/components/molecules/assistant-button.tsx
 import * as React25 from "react";
+import { useState as useState5 } from "react";
+import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
+var AssistantSuggestions = React25.forwardRef(({ suggestions, showSuggestions, className }, ref) => {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      ref,
+      className: cn(
+        "absolute bottom-[calc(100%+0.5rem)] right-0 pb-2 mb-4 alq--assistant-suggestions-container",
+        "transition-all duration-300",
+        showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4",
+        className
+      ),
+      children: /* @__PURE__ */ jsx38("div", { className: "rounded-lg p-2 pr-0 w-64", children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs14(
+        "button",
+        {
+          onClick: () => suggestion.action?.(),
+          style: {
+            transitionDelay: showSuggestions ? `${index * 50}ms` : "0ms"
+          },
+          className: cn(
+            "bg-background flex items-center gap-2 border p-2 pr-4 my-2 rounded-full ml-auto",
+            "text-primary hover:bg-secondary",
+            "transition-all duration-100",
+            "origin-bottom w-fit",
+            "alq--assistant-suggestion",
+            showSuggestions ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"
+          ),
+          children: [
+            /* @__PURE__ */ jsx38(suggestion.icon, { className: "w-5 h-5 text-primary" }),
+            /* @__PURE__ */ jsx38("span", { className: "text-xs whitespace-nowrap font-normal", children: suggestion.label })
+          ]
+        },
+        index
+      )) })
+    }
+  );
+});
+AssistantSuggestions.displayName = "Suggestions";
+var AssistantButton = React25.forwardRef(
+  ({
+    icon: Icon2,
+    clickAction,
+    className,
+    suggestions = []
+  }, ref) => {
+    const [isVisible, setIsVisible] = useState5(false);
+    const [showSuggestions, setShowSuggestions] = useState5(false);
+    const handleMouseEnter = () => {
+      setIsVisible(true);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setShowSuggestions(true);
+        });
+      });
+    };
+    const handleMouseLeave = () => {
+      setShowSuggestions(false);
+      setTimeout(() => setIsVisible(false), 300);
+    };
+    return /* @__PURE__ */ jsx38(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed bottom-8 right-4 z-50",
+          "alq--assistant-button-container",
+          className
+        ),
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /* @__PURE__ */ jsxs14("div", { className: "relative group", children: [
+          isVisible && suggestions.length > 0 && /* @__PURE__ */ jsx38(
+            AssistantSuggestions,
+            {
+              suggestions,
+              showSuggestions
+            }
+          ),
+          /* @__PURE__ */ jsx38(
+            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__ */ jsx38(
+                Icon2,
+                {
+                  style: { width: "22px", height: "22px" },
+                  className: "text-primary"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+AssistantButton.displayName = "AssistantButton";
+
+// src/components/molecules/carousel.tsx
+import * as React26 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
-var CarouselContext = React25.createContext(null);
+import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+var CarouselContext = React26.createContext(null);
 function useCarousel() {
-  const context = React25.useContext(CarouselContext);
+  const context = React26.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React25.forwardRef(
+var Carousel = React26.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1910,22 +2021,22 @@ var Carousel = React25.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
-    const [canScrollNext, setCanScrollNext] = React25.useState(false);
-    const onSelect = React25.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
+    const [canScrollNext, setCanScrollNext] = React26.useState(false);
+    const onSelect = React26.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React25.useCallback(() => {
+    const scrollPrev = React26.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React25.useCallback(() => {
+    const scrollNext = React26.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React25.useCallback(
+    const handleKeyDown = React26.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -1937,13 +2048,13 @@ var Carousel = React25.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!api) {
         return;
       }
@@ -1954,7 +2065,7 @@ var Carousel = React25.forwardRef(
         api?.off("select", onSelect);
       };
     }, [api, onSelect]);
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       CarouselContext.Provider,
       {
         value: {
@@ -1967,7 +2078,7 @@ var Carousel = React25.forwardRef(
           canScrollPrev,
           canScrollNext
         },
-        children: /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsx39(
           "div",
           {
             ref,
@@ -1984,9 +2095,9 @@ var Carousel = React25.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx38("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
@@ -2000,9 +2111,9 @@ var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       ref,
@@ -2018,9 +2129,9 @@ var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     Button,
     {
       ref,
@@ -2035,16 +2146,16 @@ var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", siz
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx39(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     Button,
     {
       ref,
@@ -2059,8 +2170,8 @@ var CarouselNext = React25.forwardRef(({ className, variant = "outline", size =
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx38(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx39(ArrowRight, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
@@ -2068,12 +2179,12 @@ var CarouselNext = React25.forwardRef(({ className, variant = "outline", size =
 CarouselNext.displayName = "CarouselNext";
 
 // src/components/molecules/navigation-menu.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva as cva9 } from "class-variance-authority";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
-var NavigationMenu = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+var NavigationMenu = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -2084,12 +2195,12 @@ var NavigationMenu = React26.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx39(NavigationMenuViewport, {})
+      /* @__PURE__ */ jsx40(NavigationMenuViewport, {})
     ]
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -2105,7 +2216,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva9(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
 );
-var NavigationMenuTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var NavigationMenuTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -2114,7 +2225,7 @@ var NavigationMenuTrigger = React26.forwardRef(({ className, children, ...props
     children: [
       children,
       " ",
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         ChevronDown2,
         {
           className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
@@ -2125,7 +2236,7 @@ var NavigationMenuTrigger = React26.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuContent = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -2138,7 +2249,7 @@ var NavigationMenuContent = React26.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx39(
+var NavigationMenuViewport = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -2150,7 +2261,7 @@ var NavigationMenuViewport = React26.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
+var NavigationMenuIndicator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -2159,15 +2270,15 @@ var NavigationMenuIndicator = React26.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx39("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    children: /* @__PURE__ */ jsx40("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
   }
 ));
 NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
 
 // src/components/molecules/sidebar.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 var sidebarVariants = cva10(
   "flex flex-col border-r",
   {
@@ -2183,7 +2294,7 @@ var sidebarVariants = cva10(
     }
   }
 );
-var SidebarFooter = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx40(
+var SidebarFooter = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx41(
   "div",
   {
     ref,
@@ -2193,7 +2304,7 @@ var SidebarFooter = React27.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SidebarFooter.displayName = "SidebarFooter";
-var Sidebar = React27.forwardRef(
+var Sidebar = React28.forwardRef(
   ({
     className,
     items,
@@ -2206,8 +2317,8 @@ var Sidebar = React27.forwardRef(
     buttonClassName,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx40("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ jsxs16("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
-      /* @__PURE__ */ jsx40(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ jsx40("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsx41("div", { className: cn(className, "alq--navigation-sidebar h-full"), ref, ...props, children: /* @__PURE__ */ jsxs17("aside", { className: cn(sidebarVariants({ size }), "h-full"), children: [
+      /* @__PURE__ */ jsx41(ScrollArea, { className: "flex-grow justify-between", children: /* @__PURE__ */ jsx41("div", { className: "flex flex-col gap-2 p-4", children: items.map((item) => /* @__PURE__ */ jsxs17(
         Button,
         {
           variant: selectedSection?.name === item.name ? selectedVariant : defaultVariant,
@@ -2219,13 +2330,13 @@ var Sidebar = React27.forwardRef(
             }
           },
           children: [
-            item.icon && /* @__PURE__ */ jsx40(item.icon, { className: "mr-2 h-4 w-4" }),
+            item.icon && /* @__PURE__ */ jsx41(item.icon, { className: "mr-2 h-4 w-4" }),
             item.name
           ]
         },
         item.name
       )) }) }),
-      footerContent && /* @__PURE__ */ jsx40(SidebarFooter, { children: footerContent })
+      footerContent && /* @__PURE__ */ jsx41(SidebarFooter, { children: footerContent })
     ] }) });
   }
 );
@@ -2233,10 +2344,10 @@ var Sidebar = React27.forwardRef(
 // src/components/molecules/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var Toaster2 = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     Sonner,
     {
       theme,
@@ -2255,14 +2366,14 @@ var Toaster2 = ({ ...props }) => {
 };
 
 // src/components/molecules/rating-stars.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { Star } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React28.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx42(
+var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx43(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2275,14 +2386,14 @@ var TooltipContent = React28.forwardRef(({ className, sideOffset = 4, ...props }
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var StarRating = React28.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ jsx42("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx42(
+var StarRating = React29.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */ jsx43("div", { ref, className: "flex", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx43(
   Button,
   {
     onClick: () => onRate(star),
     variant: "link",
     className: "p-1 transition-colors [&_svg]:size-5 h-5",
     "aria-label": `Rate ${star} star${star !== 1 ? "s" : ""}`,
-    children: /* @__PURE__ */ jsx42(
+    children: /* @__PURE__ */ jsx43(
       Star,
       {
         className: cn(
@@ -2295,19 +2406,19 @@ var StarRating = React28.forwardRef(({ rating, onRate }, ref) => /* @__PURE__ */
   star
 )) }));
 StarRating.displayName = "StarRating";
-var RatingStars = React28.forwardRef(({
+var RatingStars = React29.forwardRef(({
   currentRating = 0,
   onRate,
   className,
   isLoading
 }, ref) => {
-  const [open, setOpen] = React28.useState(false);
-  const [animate, setAnimate] = React28.useState(false);
+  const [open, setOpen] = React29.useState(false);
+  const [animate, setAnimate] = React29.useState(false);
   const handleRate = (rating) => {
     onRate(rating);
     setOpen(false);
   };
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (currentRating > 0) {
       setAnimate(true);
       const timer = setTimeout(() => setAnimate(false), 150);
@@ -2315,8 +2426,8 @@ var RatingStars = React28.forwardRef(({
     }
   }, [currentRating]);
   const hasRated = currentRating > 0;
-  return /* @__PURE__ */ jsx42(TooltipProvider, { children: /* @__PURE__ */ jsxs17(Tooltip, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx42(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx43(TooltipProvider, { children: /* @__PURE__ */ jsxs18(Tooltip, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx43(
       Button,
       {
         ref,
@@ -2327,7 +2438,7 @@ var RatingStars = React28.forwardRef(({
         ),
         disabled: isLoading,
         onClick: () => setOpen(!open),
-        children: /* @__PURE__ */ jsx42(
+        children: /* @__PURE__ */ jsx43(
           Star,
           {
             className: cn(
@@ -2340,7 +2451,7 @@ var RatingStars = React28.forwardRef(({
         )
       }
     ) }),
-    /* @__PURE__ */ jsx42(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ jsx42("div", { className: "p-2 bg-background", children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(TooltipContent, { side: "top", align: "center", className: "p-0", children: /* @__PURE__ */ jsx43("div", { className: "p-2 bg-background", children: /* @__PURE__ */ jsx43(
       StarRating,
       {
         rating: currentRating,
@@ -2352,10 +2463,10 @@ var RatingStars = React28.forwardRef(({
 RatingStars.displayName = "RatingStars";
 
 // src/components/molecules/rating-thumbs.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ThumbsUp, ThumbsDown } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
-var RatingThumbs = React29.forwardRef(
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
+var RatingThumbs = React30.forwardRef(
   ({
     currentRating,
     onRate,
@@ -2363,15 +2474,15 @@ var RatingThumbs = React29.forwardRef(
     className,
     isLoading
   }, ref) => {
-    const [animate, setAnimate] = React29.useState(false);
-    React29.useEffect(() => {
+    const [animate, setAnimate] = React30.useState(false);
+    React30.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19(
       "div",
       {
         ref,
@@ -2382,7 +2493,7 @@ var RatingThumbs = React29.forwardRef(
           className
         ),
         children: [
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             Button,
             {
               variant: "link",
@@ -2393,7 +2504,7 @@ var RatingThumbs = React29.forwardRef(
               ),
               "aria-label": "Thumbs up",
               disabled: isLoading,
-              children: /* @__PURE__ */ jsx43(
+              children: /* @__PURE__ */ jsx44(
                 ThumbsUp,
                 {
                   className: cn(
@@ -2406,7 +2517,7 @@ var RatingThumbs = React29.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx44(
             Button,
             {
               variant: "link",
@@ -2417,7 +2528,7 @@ var RatingThumbs = React29.forwardRef(
               ),
               "aria-label": "Thumbs down",
               disabled: isLoading,
-              children: /* @__PURE__ */ jsx43(
+              children: /* @__PURE__ */ jsx44(
                 ThumbsDown,
                 {
                   className: cn(
@@ -2438,30 +2549,30 @@ var RatingThumbs = React29.forwardRef(
 RatingThumbs.displayName = "RatingThumbs";
 
 // src/components/molecules/rating-comment.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { Book } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
-var RatingComment = React30.forwardRef(
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
+var RatingComment = React31.forwardRef(
   ({ currentRating, onRate, className, isLoading }, ref) => {
-    const [open, setOpen] = React30.useState(false);
-    const [comment, setComment] = React30.useState("");
-    const [animate, setAnimate] = React30.useState(false);
+    const [open, setOpen] = React31.useState(false);
+    const [comment, setComment] = React31.useState("");
+    const [animate, setAnimate] = React31.useState(false);
     const handleRate = () => {
       onRate(comment);
       setOpen(false);
     };
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       if (currentRating) {
         setAnimate(true);
         const timer = setTimeout(() => setAnimate(false), 150);
         return () => clearTimeout(timer);
       }
     }, [currentRating]);
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       setComment("");
     }, [open]);
-    return /* @__PURE__ */ jsxs19(Dialog, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx44(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsxs20(Dialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx45(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx45(
         Button,
         {
           ref,
@@ -2472,7 +2583,7 @@ var RatingComment = React30.forwardRef(
             className
           ),
           disabled: isLoading,
-          children: /* @__PURE__ */ jsx44(
+          children: /* @__PURE__ */ jsx45(
             Book,
             {
               className: cn(
@@ -2485,10 +2596,10 @@ var RatingComment = React30.forwardRef(
           )
         }
       ) }),
-      /* @__PURE__ */ jsx44(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
-      /* @__PURE__ */ jsxs19(DialogContent, { "aria-describedby": void 0, children: [
-        /* @__PURE__ */ jsx44(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
-        /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(DialogOverlay, { className: "fixed inset-0 bg-black bg-opacity-50" }),
+      /* @__PURE__ */ jsxs20(DialogContent, { "aria-describedby": void 0, children: [
+        /* @__PURE__ */ jsx45(DialogTitle, { className: "text-lg font-medium", children: "Deja un comentario" }),
+        /* @__PURE__ */ jsx45(
           "textarea",
           {
             className: "mt-4 w-full p-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-primary",
@@ -2497,7 +2608,7 @@ var RatingComment = React30.forwardRef(
             onChange: (e) => setComment(e.target.value)
           }
         ),
-        /* @__PURE__ */ jsx44("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx45(
           Button,
           {
             onClick: handleRate,
@@ -2512,27 +2623,27 @@ var RatingComment = React30.forwardRef(
 RatingComment.displayName = "RatingComment";
 
 // src/components/molecules/call-out.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 
 // src/components/hooks/use-text-streaming.ts
-import { useEffect as useEffect9, useRef, useState as useState9 } from "react";
+import { useEffect as useEffect10, useRef, useState as useState10 } from "react";
 var CHAR_DELAY = 25;
 var PUNCTUATION_DELAY = 200;
 var PUNCTUATION_MARKS = [".", "!", "?", ";", ":"];
 function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
-  const [displayedContent, setDisplayedContent] = useState9("");
+  const [displayedContent, setDisplayedContent] = useState10("");
   const timeoutId = useRef(null);
   const hasStartedStreaming = useRef(false);
   const getDelayForChar = (text, position) => {
     if (position === 0) return CHAR_DELAY;
-    const previousChar = text[position - 1];
+    const previousChar = text[position - 1] || "";
     const isEllipsis = text.slice(position - 1, position + 2) === "...";
     if (isEllipsis) {
       return CHAR_DELAY;
     }
     return PUNCTUATION_MARKS.includes(previousChar) ? PUNCTUATION_DELAY : CHAR_DELAY;
   };
-  useEffect9(() => {
+  useEffect10(() => {
     if (!shouldStream && !hasStartedStreaming.current) {
       setDisplayedContent(content);
       handleIsTextStreaming?.(false);
@@ -2562,9 +2673,9 @@ function useTextStreaming(content, shouldStream, handleIsTextStreaming) {
 }
 
 // src/components/molecules/call-out.tsx
-import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
-var CallOut = React31.forwardRef(({ className, children, role, ...props }, ref) => {
-  return /* @__PURE__ */ jsx45(
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
+var CallOut = React32.forwardRef(({ className, children, role, ...props }, ref) => {
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
@@ -2575,8 +2686,8 @@ var CallOut = React31.forwardRef(({ className, children, role, ...props }, ref)
     }
   );
 });
-var CallOutDate = React31.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx45(
+var CallOutDate = React32.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       ref,
@@ -2590,13 +2701,13 @@ var CallOutDate = React31.forwardRef(({ className, children, ...props }, ref) =>
     }
   );
 });
-var CallOutActions = React31.forwardRef(({ className, actions, role, message, ...props }, ref) => {
-  const [isLoading, setIsLoading] = React31.useState(false);
-  const [isClicked, setIsClicked] = React31.useState(false);
+var CallOutActions = React32.forwardRef(({ className, actions, role, message, ...props }, ref) => {
+  const [isLoading, setIsLoading] = React32.useState(false);
+  const [isClicked, setIsClicked] = React32.useState(false);
   if (role === "user") {
     return null;
   }
-  return /* @__PURE__ */ jsx45("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx46("div", { ref, className: cn("alq--callout-actions", className), ...props, children: actions.map((action) => /* @__PURE__ */ jsxs21(
     "button",
     {
       className: cn(
@@ -2618,7 +2729,7 @@ var CallOutActions = React31.forwardRef(({ className, actions, role, message, ..
         });
       },
       children: [
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "span",
           {
             className: cn("alq-action-icon-wrapper", {
@@ -2627,18 +2738,18 @@ var CallOutActions = React31.forwardRef(({ className, actions, role, message, ..
             children: action.icon
           }
         ),
-        /* @__PURE__ */ jsx45("label", { children: action.label })
+        /* @__PURE__ */ jsx46("label", { children: action.label })
       ]
     },
     action.label
   )) });
 });
-var CallOutResponse = React31.forwardRef(
+var CallOutResponse = React32.forwardRef(
   ({ className, children, role, additionalInfo, isStreaming, handleIsTextStreaming, ...props }, ref) => {
     const content = String(children || "");
     const shouldStream = role === "assistant" && isStreaming;
     const displayedContent = useTextStreaming(content, shouldStream ?? false, handleIsTextStreaming);
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         ref,
@@ -2651,8 +2762,8 @@ var CallOutResponse = React31.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx45(RichText, { content: displayedContent }),
-          additionalInfo && /* @__PURE__ */ jsx45(
+          /* @__PURE__ */ jsx46(RichText, { content: displayedContent }),
+          additionalInfo && /* @__PURE__ */ jsx46(
             "div",
             {
               className: cn(
@@ -2675,19 +2786,19 @@ CallOutResponse.displayName = "CallOutResponse";
 
 // src/components/organisms/assistant.tsx
 import { Send } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
-var Assistant = React32.forwardRef(
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
+var Assistant = React33.forwardRef(
   ({ className, sdk, title, description, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         ref,
         className: cn("flex flex-col h-full bg-background text-foreground", className),
         ...props,
         children: [
-          (title || description) && /* @__PURE__ */ jsxs21(AssistantHeader, { children: [
-            title && /* @__PURE__ */ jsx46(AssistantTitle, { title }),
-            description && /* @__PURE__ */ jsx46(AssistantDescription, { description })
+          (title || description) && /* @__PURE__ */ jsxs22(AssistantHeader, { children: [
+            title && /* @__PURE__ */ jsx47(AssistantTitle, { title }),
+            description && /* @__PURE__ */ jsx47(AssistantDescription, { description })
           ] }),
           children
         ]
@@ -2696,14 +2807,14 @@ var Assistant = React32.forwardRef(
   }
 );
 Assistant.displayName = "Assistant";
-var AssistantTitle = React32.forwardRef(
-  ({ className, title, ...props }, ref) => /* @__PURE__ */ jsx46("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ jsx46(Typography, { typeStyle: "heading1", as: "h1", children: title }) })
+var AssistantTitle = React33.forwardRef(
+  ({ className, title, ...props }, ref) => /* @__PURE__ */ jsx47("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ jsx47(Typography, { typeStyle: "heading1", as: "h1", children: title }) })
 );
 AssistantTitle.displayName = "AssistantTitle";
-var AssistantDescription = React32.forwardRef(({ className, description, ...props }, ref) => /* @__PURE__ */ jsx46("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ jsx46(Typography, { typeStyle: "display", as: "p", children: description }) }));
+var AssistantDescription = React33.forwardRef(({ className, description, ...props }, ref) => /* @__PURE__ */ jsx47("div", { ref, className: cn("text-foreground", className), ...props, children: /* @__PURE__ */ jsx47(Typography, { typeStyle: "display", as: "p", children: description }) }));
 AssistantDescription.displayName = "AssistantDescription";
-var AssistantHeader = React32.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx46(
+var AssistantHeader = React33.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx47(
     "div",
     {
       ref,
@@ -2714,7 +2825,7 @@ var AssistantHeader = React32.forwardRef(
   )
 );
 AssistantHeader.displayName = "AssistantHeader";
-var AssistantMessageArea = React32.forwardRef(
+var AssistantMessageArea = React33.forwardRef(
   ({
     className,
     messages,
@@ -2725,23 +2836,23 @@ var AssistantMessageArea = React32.forwardRef(
     handleIsTextStreaming,
     ...props
   }, ref) => {
-    useEffect10(() => {
+    useEffect11(() => {
       messagesEndRef.current?.scrollIntoView({ behavior: "instant" });
     }, []);
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         ref,
         className: cn("p-6 overflow-y-auto flex-grow bg-background", className),
         ...props,
         children: [
-          messages.map((message) => /* @__PURE__ */ jsx46("div", { children: /* @__PURE__ */ jsxs21(
+          messages.map((message) => /* @__PURE__ */ jsx47("div", { children: /* @__PURE__ */ jsxs22(
             CallOut,
             {
               role: message.role,
               message,
               children: [
-                message.created_at && /* @__PURE__ */ jsx46("div", { className: "text-xs text-muted-foreground/80 pb-1", children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
+                message.created_at && /* @__PURE__ */ jsx47("div", { className: "text-xs text-muted-foreground/80 pb-1", children: new Date(Number(message.created_at)).toLocaleString("es-ES", {
                   day: "2-digit",
                   month: "2-digit",
                   year: "numeric",
@@ -2750,8 +2861,8 @@ var AssistantMessageArea = React32.forwardRef(
                   second: "2-digit",
                   hour12: false
                 }) }),
-                message.loading && /* @__PURE__ */ jsx46("div", { children: thinkIndicator ?? /* @__PURE__ */ jsx46(ThinkIndicator, {}) }),
-                message.error_code && /* @__PURE__ */ jsx46(
+                message.loading && /* @__PURE__ */ jsx47("div", { children: thinkIndicator ?? /* @__PURE__ */ jsx47(ThinkIndicator, {}) }),
+                message.error_code && /* @__PURE__ */ jsx47(
                   CallOutResponse,
                   {
                     role: "assistant",
@@ -2759,7 +2870,7 @@ var AssistantMessageArea = React32.forwardRef(
                     children: "We have an internal error, please try again later."
                   }
                 ),
-                message.content && /* @__PURE__ */ jsx46(
+                message.content && /* @__PURE__ */ jsx47(
                   CallOutResponse,
                   {
                     role: message.role,
@@ -2769,7 +2880,7 @@ var AssistantMessageArea = React32.forwardRef(
                     children: message.content
                   }
                 ),
-                actions && streamingMessageId !== message.id && /* @__PURE__ */ jsx46(
+                actions && streamingMessageId !== message.id && /* @__PURE__ */ jsx47(
                   CallOutActions,
                   {
                     actions,
@@ -2782,14 +2893,14 @@ var AssistantMessageArea = React32.forwardRef(
             },
             message.id
           ) }, message.id)),
-          /* @__PURE__ */ jsx46("div", { ref: messagesEndRef })
+          /* @__PURE__ */ jsx47("div", { ref: messagesEndRef })
         ]
       }
     );
   }
 );
 AssistantMessageArea.displayName = "AssistantMessageArea";
-var AssistantInput = React32.forwardRef(
+var AssistantInput = React33.forwardRef(
   ({
     className,
     sendMessageFunc,
@@ -2799,7 +2910,7 @@ var AssistantInput = React32.forwardRef(
     isMessageStreaming,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "form",
       {
         onSubmit: sendMessageFunc,
@@ -2807,7 +2918,7 @@ var AssistantInput = React32.forwardRef(
         ref,
         ...props,
         children: [
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(
             "input",
             {
               type: "text",
@@ -2824,7 +2935,7 @@ var AssistantInput = React32.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx46(
+          /* @__PURE__ */ jsx47(
             "button",
             {
               type: "submit",
@@ -2833,7 +2944,7 @@ var AssistantInput = React32.forwardRef(
                 "w-10 h-10 rounded-full flex items-center justify-center alq--assistant-button-send",
                 isButtonDisabled ? "bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"
               ),
-              children: /* @__PURE__ */ jsx46(Send, { className: "w-5 h-5" })
+              children: /* @__PURE__ */ jsx47(Send, { className: "w-5 h-5" })
             }
           )
         ]
@@ -2847,11 +2958,11 @@ AssistantInput.displayName = "AssistantInput";
 import { useRatings } from "@alquimia-ai/tools/hooks";
 
 // src/components/hooks/use-document.tsx
-import { useState as useState11 } from "react";
+import { useState as useState12 } from "react";
 var useDocumentReader = (url, getDocument) => {
-  const [loading, setLoading] = useState11(true);
-  const [error, setError] = useState11(null);
-  const [document2, setDocument] = useState11(null);
+  const [loading, setLoading] = useState12(true);
+  const [error, setError] = useState12(null);
+  const [document2, setDocument] = useState12(null);
   const handleDocumentError = (error2) => {
     const errorMessage = "Hubo un error al obtener el documento. Por favor ponganse en contacto con el administrador.";
     setError(errorMessage);
@@ -2881,10 +2992,10 @@ var useDocumentReader = (url, getDocument) => {
 };
 
 // src/components/hooks/use-resize-observer.ts
-import { useEffect as useEffect11, useRef as useRef2 } from "react";
+import { useEffect as useEffect12, useRef as useRef2 } from "react";
 
 // src/components/organisms/rating-dialog.tsx
-import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function RatingDialog({
   sendRating,
   topicId,
@@ -2900,20 +3011,20 @@ function RatingDialog({
     success ? setHasRatedTopic(true) : toast2({
       title: "Error",
       description: `Hubo un error al enviar la calificaci\xF3n`,
-      action: /* @__PURE__ */ jsx47(ToastAction, { altText: "Goto schedule to undo", children: "Cerrar" })
+      action: /* @__PURE__ */ jsx48(ToastAction, { altText: "Goto schedule to undo", children: "Cerrar" })
     });
   };
   const handleCancelRate = () => {
     setHasRatedTopic(true);
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx47(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ jsxs22(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs22(DialogHeader, { children: [
-      /* @__PURE__ */ jsx47(DialogTitle, { children: "Calific\xE1 esta conversaci\xF3n" }),
-      /* @__PURE__ */ jsx47(DialogDescription, { children: "Por favor, compart\xED tu opini\xF3n sobre el asistente." })
+  return /* @__PURE__ */ jsx48(Dialog, { open: isOpen, onOpenChange, children: /* @__PURE__ */ jsxs23(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxs23(DialogHeader, { children: [
+      /* @__PURE__ */ jsx48(DialogTitle, { children: "Calific\xE1 esta conversaci\xF3n" }),
+      /* @__PURE__ */ jsx48(DialogDescription, { children: "Por favor, compart\xED tu opini\xF3n sobre el asistente." })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "flex flex-row justify-center gap-4 py-4", children: [
-      /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsxs23("div", { className: "flex flex-row justify-center gap-4 py-4", children: [
+      /* @__PURE__ */ jsx48(
         RatingStars,
         {
           currentRating: ratingStars,
@@ -2922,7 +3033,7 @@ function RatingDialog({
           className: "p-2 rounded"
         }
       ),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(
         RatingThumbs,
         {
           currentRating: ratingComment,
@@ -2931,7 +3042,7 @@ function RatingDialog({
           isLoading
         }
       ),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(
         RatingComment,
         {
           currentRating: ratingComment,
@@ -2940,7 +3051,7 @@ function RatingDialog({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx47("div", { className: "flex flex-row justify-center gap-4", children: /* @__PURE__ */ jsx47(Button, { onClick: handleCancelRate, variant: "secondary", children: /* @__PURE__ */ jsx47(Typography, { as: "p", typeStyle: "tiny", children: "No, gracias." }) }) })
+    /* @__PURE__ */ jsx48("div", { className: "flex flex-row justify-center gap-4", children: /* @__PURE__ */ jsx48(Button, { onClick: handleCancelRate, variant: "secondary", children: /* @__PURE__ */ jsx48(Typography, { as: "p", typeStyle: "tiny", children: "No, gracias." }) }) })
   ] }) });
 }
 
@@ -2967,6 +3078,7 @@ export {
   AlertTitle,
   AspectRatio,
   Assistant,
+  AssistantButton,
   AssistantInput,
   AssistantMessageArea,
   Avatar,