xertica-ui 2.5.3 → 2.6.0

package/dist/{sidebar-3XyzjVBw.js → sidebar-I7EXyf5D.js}

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { createContext, useState, useEffect, useRef, useMemo, useContext } from 'react';
 import { Menu, Settings, User, LogOut, ArrowLeft, Search, Filter, MoreVertical, ChevronRight } from 'lucide-react';
 import { B as Button, c as cn } from './button-DZHzN1Gd.js';
-import { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from './XerticaXLogo-mqjoBiLI.js';
+import { L as LanguageSelector, T as ThemeToggle, X as XerticaLogo, a as XerticaXLogo } from './LanguageSelector-DxW6o7bt.js';
 import { B as Breadcrumb, d as BreadcrumbList, b as BreadcrumbItem, c as BreadcrumbLink, e as BreadcrumbPage, f as BreadcrumbSeparator } from './breadcrumb-ifNsA7Zl.js';
 import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, e as DropdownMenuLabel, i as DropdownMenuSeparator, d as DropdownMenuItem, k as DropdownMenuSub, m as DropdownMenuSubTrigger, f as DropdownMenuPortal, l as DropdownMenuSubContent } from './dropdown-menu-Dn_eV2Xb.js';
 import { A as Avatar, b as AvatarImage, a as AvatarFallback } from './avatar-3kO2Anrp.js';
 import { a as useOptionalLayout } from './LayoutContext-DNl1xSoX.js';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useTranslation } from 'react-i18next';
-import { I as Input, S as ScrollArea, P as Popover, c as PopoverTrigger, b as PopoverContent } from './input-cc-PTD4R.js';
+import { I as Input, P as Popover, c as PopoverTrigger, b as PopoverContent } from './input-B0_vbA3g.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
 import { C as CustomTooltipContent } from './CustomTooltipContent-CNbVB2NS.js';
 
@@ -237,18 +237,114 @@ function SidebarHeader({
     /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "flex items-center h-10 justify-center", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: expanded ? logo || /* @__PURE__ */ jsx(XerticaLogo, { className: "h-5 w-auto", variant: "white" }) : logoCollapsed || /* @__PURE__ */ jsx(XerticaXLogo, { className: "h-5 w-auto", variant: "white" }) }) }) })
   ] });
 }
+function OverflowGroupsAccordion({
+  expanded,
+  overflowGroups,
+  location,
+  handleNavigate,
+  moreOptionsLabel,
+  onOpenChange
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const toggle = () => {
+    const next = !isOpen;
+    setIsOpen(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: toggle,
+        className: cn(
+          "w-full h-10 flex items-center rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground",
+          expanded ? "gap-3 px-3 justify-start" : "justify-center px-0"
+        ),
+        "aria-expanded": isOpen,
+        "aria-label": moreOptionsLabel,
+        children: [
+          /* @__PURE__ */ jsx(MoreVertical, { className: "w-5 h-5 flex-shrink-0" }),
+          expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate flex-1 text-sidebar-foreground text-left", children: moreOptionsLabel }),
+            /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: cn("w-4 h-4 flex-shrink-0 transition-transform duration-200", isOpen && "rotate-90")
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { height: 0, opacity: 0 },
+        animate: { height: "auto", opacity: 1 },
+        exit: { height: 0, opacity: 0 },
+        transition: { duration: 0.2 },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ jsx("div", { className: "mt-1 space-y-3", children: overflowGroups.map((group) => {
+          const GroupIcon = group.icon;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            (group.label || GroupIcon) && expanded && /* @__PURE__ */ jsxs("div", { className: "px-3 mb-1 flex items-center gap-2", children: [
+              GroupIcon && (React__default.isValidElement(GroupIcon) ? GroupIcon : /* @__PURE__ */ jsx(GroupIcon, { className: "h-3 w-3 text-sidebar-foreground/60" })),
+              group.label && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-sidebar-foreground/60", children: group.label })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: group.items.map((item) => {
+              const Icon = item.icon;
+              const isActive = location.pathname === item.path || location.pathname.startsWith(item.path + "/");
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => handleNavigate(item.path),
+                  className: cn(
+                    "w-full h-9 flex items-center gap-2.5 rounded-[var(--radius-button)] transition-all duration-200 text-left text-sm",
+                    expanded ? "px-3" : "justify-center px-0",
+                    isActive ? "bg-sidebar-foreground/15 text-sidebar-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/10 hover:text-sidebar-foreground"
+                  ),
+                  children: [
+                    Icon && /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+                    expanded && /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
+                  ]
+                },
+                item.path
+              );
+            }) })
+          ] }, group.id);
+        }) })
+      }
+    ) })
+  ] });
+}
 function SidebarNav({
   navigationGroups = [],
   routes = [],
   variant = "default"
 }) {
-  const { expanded, navigate, location, onToggle } = useSidebarContext();
+  const { expanded, isMobileViewport, navigate, location, onToggle } = useSidebarContext();
   const { t } = useTranslation();
   const navRef = useRef(null);
   const [localActiveItem, setLocalActiveItem] = useState(null);
   const [hasOverflow, setHasOverflow] = useState(false);
   const [visibleItems, setVisibleItems] = useState([]);
   const [overflowItems, setOverflowItems] = useState([]);
+  const [openSubmenus, setOpenSubmenus] = useState(/* @__PURE__ */ new Set());
+  const [hasGroupOverflow, setHasGroupOverflow] = useState(false);
+  const [visibleGroups, setVisibleGroups] = useState([]);
+  const [overflowGroups, setOverflowGroups] = useState([]);
+  const [isOverflowAccordionOpen, setIsOverflowAccordionOpen] = useState(false);
+  const toggleSubmenu = (path) => {
+    setOpenSubmenus((prev) => {
+      const next = new Set(prev);
+      if (next.has(path)) {
+        next.delete(path);
+      } else {
+        next.add(path);
+      }
+      return next;
+    });
+  };
   const labelTranslations = useMemo(
     () => ({
       home: "Início",
@@ -288,6 +384,45 @@ function SidebarNav({
     window.addEventListener("resize", checkOverflow);
     return () => window.removeEventListener("resize", checkOverflow);
   }, [navigationItems.length, variant]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (variant === "assistant") return;
+    if (!navigationGroups || navigationGroups.length === 0) return;
+    const checkGroupOverflow = () => {
+      if (!navRef.current) return;
+      const containerHeight = navRef.current.clientHeight;
+      const itemHeight = 40;
+      const groupHeaderHeight = 32;
+      const groupSpacing = 12;
+      const moreButtonHeight = 44;
+      const padding = 32;
+      let currentHeight = padding;
+      let visibleCount = 0;
+      for (let i = 0; i < navigationGroups.length; i++) {
+        const group = navigationGroups[i];
+        let groupHeight = 0;
+        if (group.label) groupHeight += groupHeaderHeight;
+        groupHeight += group.items.length * itemHeight;
+        if (i > 0) groupHeight += groupSpacing;
+        const wouldExceed = currentHeight + groupHeight + (visibleCount < navigationGroups.length - 1 ? moreButtonHeight : 0) > containerHeight;
+        if (wouldExceed && visibleCount > 0) break;
+        currentHeight += groupHeight;
+        visibleCount++;
+      }
+      if (visibleCount < navigationGroups.length) {
+        setHasGroupOverflow(true);
+        setVisibleGroups(navigationGroups.slice(0, visibleCount));
+        setOverflowGroups(navigationGroups.slice(visibleCount));
+      } else {
+        setHasGroupOverflow(false);
+        setVisibleGroups(navigationGroups);
+        setOverflowGroups([]);
+      }
+    };
+    checkGroupOverflow();
+    window.addEventListener("resize", checkGroupOverflow);
+    return () => window.removeEventListener("resize", checkGroupOverflow);
+  }, [navigationGroups, expanded, variant]);
   const handleNavigate = (path) => {
     setLocalActiveItem(path);
     navigate(path);
@@ -375,6 +510,80 @@ function SidebarNav({
         /* @__PURE__ */ jsx(CustomTooltipContent, { side: "right", sideOffset: 0, children: /* @__PURE__ */ jsx("p", { children: item.label }) })
       ] }, item.path);
     }
+    if (isMobileViewport && hasChildren) {
+      const isOpen = openSubmenus.has(item.path);
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "group/item flex items-center w-full h-10 rounded-[var(--radius-button)] transition-all duration-200",
+              activeClass
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => handleNavigate(item.path),
+                  className: "flex items-center gap-3 px-3 flex-1 h-full min-w-0 text-left",
+                  children: [
+                    Icon && /* @__PURE__ */ jsx(Icon, { className: "w-5 h-5 flex-shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: item.label })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleSubmenu(item.path);
+                  },
+                  className: "h-full px-2 pr-2.5 flex items-center justify-center text-sidebar-foreground/40 hover:text-sidebar-foreground transition-colors",
+                  "aria-label": t("sidebar.submenu", { label: item.label }),
+                  "aria-expanded": isOpen,
+                  children: /* @__PURE__ */ jsx(
+                    ChevronRight,
+                    {
+                      className: cn("w-4 h-4 transition-transform duration-200", isOpen && "rotate-90")
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            transition: { duration: 0.2 },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ jsx("div", { className: "ml-4 mt-0.5 mb-0.5 space-y-0.5", children: item.children.map((child) => {
+              const ChildIcon = child.icon;
+              const isChildActive = location.pathname === child.path || location.pathname.startsWith(child.path + "/");
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => handleNavigate(child.path),
+                  className: cn(
+                    "w-full h-9 flex items-center gap-2.5 px-3 rounded-[var(--radius-button)] transition-all duration-200 text-left",
+                    isChildActive ? "bg-sidebar-foreground/15 text-sidebar-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/10 hover:text-sidebar-foreground"
+                  ),
+                  children: [
+                    ChildIcon && /* @__PURE__ */ jsx(ChildIcon, { className: "h-4 w-4 flex-shrink-0" }),
+                    /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: child.label })
+                  ]
+                },
+                child.path
+              );
+            }) })
+          }
+        ) })
+      ] }, item.path);
+    }
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -507,7 +716,85 @@ function SidebarNav({
     ] }, group.id);
   };
   if (variant === "assistant") {
-    return /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full px-4", children: navigationGroups.map((group) => renderAssistantGroup(group)) }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-full px-4",
+        style: { overflowY: "auto", overflowX: "hidden" },
+        children: navigationGroups.map((group) => renderAssistantGroup(group))
+      }
+    ) });
+  }
+  if (isMobileViewport && isOverflowAccordionOpen) {
+    return /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-full",
+        style: { overflowY: "auto", overflowX: "hidden" },
+        children: /* @__PURE__ */ jsx(
+          "nav",
+          {
+            id: "sidebar-nav",
+            "aria-label": t("sidebar.mainNavigation"),
+            className: "px-4 py-4",
+            ref: navRef,
+            children: navigationGroups && navigationGroups.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+              (hasGroupOverflow ? visibleGroups : navigationGroups).map((group) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderDefaultGroup(group) }, group.id)),
+              hasGroupOverflow && /* @__PURE__ */ jsx(
+                OverflowGroupsAccordion,
+                {
+                  expanded,
+                  overflowGroups,
+                  location,
+                  handleNavigate,
+                  moreOptionsLabel: t("sidebar.moreOptions"),
+                  onOpenChange: setIsOverflowAccordionOpen
+                }
+              )
+            ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              (hasOverflow ? visibleItems : navigationItems).map((item) => renderDefaultItem(item)),
+              hasOverflow && /* @__PURE__ */ jsxs(Popover, { children: [
+                /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    className: expanded ? "w-full h-10 flex items-center gap-3 px-3 justify-start rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground" : "w-full h-10 flex items-center justify-center px-0 rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground",
+                    "aria-label": t("sidebar.moreOptions"),
+                    children: [
+                      /* @__PURE__ */ jsx(MoreVertical, { className: "w-5 h-5 flex-shrink-0" }),
+                      expanded && /* @__PURE__ */ jsx("span", { className: "truncate text-sidebar-foreground", children: t("sidebar.moreOptions") })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  PopoverContent,
+                  {
+                    side: "right",
+                    align: "start",
+                    className: "w-56 p-2 bg-popover border border-border rounded-[var(--radius-card)] shadow-lg",
+                    sideOffset: 8,
+                    children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: overflowItems.map((item) => {
+                      const Icon = item.icon;
+                      return /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: () => handleNavigate(item.path),
+                          className: "w-full h-9 flex items-center gap-2 px-3 rounded-[var(--radius-button)] transition-all duration-200 text-popover-foreground/80 hover:bg-accent hover:text-accent-foreground text-left",
+                          children: [
+                            Icon && /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+                            /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
+                          ]
+                        },
+                        item.path
+                      );
+                    }) })
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      }
+    ) });
   }
   return /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(
     "nav",
@@ -516,7 +803,75 @@ function SidebarNav({
       "aria-label": t("sidebar.mainNavigation"),
       className: "h-full px-4 py-4 overflow-hidden",
       ref: navRef,
-      children: navigationGroups && navigationGroups.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: navigationGroups.map((group) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderDefaultGroup(group) }, group.id)) }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      children: navigationGroups && navigationGroups.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        (hasGroupOverflow ? visibleGroups : navigationGroups).map((group) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderDefaultGroup(group) }, group.id)),
+        hasGroupOverflow && (isMobileViewport ? (
+          // Mobile: accordion inline abre abaixo, igual aos subitens
+          /* @__PURE__ */ jsx(
+            OverflowGroupsAccordion,
+            {
+              expanded,
+              overflowGroups,
+              location,
+              handleNavigate,
+              moreOptionsLabel: t("sidebar.moreOptions"),
+              onOpenChange: setIsOverflowAccordionOpen
+            }
+          )
+        ) : (
+          // Desktop: popover lateral direito
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                className: expanded ? "w-full h-10 flex items-center gap-3 px-3 justify-start rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground" : "w-full h-10 flex items-center justify-center px-0 rounded-[var(--radius-button)] transition-all duration-200 text-sidebar-foreground/80 hover:bg-sidebar-foreground/15 hover:text-sidebar-foreground",
+                "aria-label": t("sidebar.moreOptions"),
+                children: [
+                  /* @__PURE__ */ jsx(MoreVertical, { className: "w-5 h-5 flex-shrink-0" }),
+                  expanded && /* @__PURE__ */ jsx("span", { className: "truncate text-sidebar-foreground", children: t("sidebar.moreOptions") })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                side: "right",
+                align: "start",
+                className: "w-56 p-2 bg-popover border border-border rounded-[var(--radius-card)] shadow-lg",
+                sideOffset: 8,
+                children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: overflowGroups.map((group) => {
+                  const GroupIcon = group.icon;
+                  return /* @__PURE__ */ jsxs("div", { children: [
+                    (group.label || GroupIcon) && /* @__PURE__ */ jsxs("div", { className: "px-2 mb-1 flex items-center gap-2", children: [
+                      GroupIcon && (React__default.isValidElement(GroupIcon) ? GroupIcon : /* @__PURE__ */ jsx(GroupIcon, { className: "h-3 w-3 text-popover-foreground/60" })),
+                      group.label && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-popover-foreground/60", children: group.label })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "space-y-1", children: group.items.map((item) => {
+                      const Icon = item.icon;
+                      const isActive = location.pathname === item.path || location.pathname.startsWith(item.path + "/");
+                      return /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          onClick: () => handleNavigate(item.path),
+                          className: cn(
+                            "w-full h-9 flex items-center gap-2 px-2 rounded-[var(--radius-button)] transition-all duration-200 text-left text-sm",
+                            isActive ? "bg-accent text-accent-foreground font-medium" : "text-popover-foreground/80 hover:bg-accent hover:text-accent-foreground"
+                          ),
+                          children: [
+                            Icon && /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+                            /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label })
+                          ]
+                        },
+                        item.path
+                      );
+                    }) })
+                  ] }, group.id);
+                }) })
+              }
+            )
+          ] })
+        ))
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         (hasOverflow ? visibleItems : navigationItems).map((item) => renderDefaultItem(item)),
         hasOverflow && /* @__PURE__ */ jsxs(Popover, { children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -620,7 +975,10 @@ function SidebarSearch({
             onClick: () => fixedArea.onClick?.(),
             className: "h-10 w-10 flex items-center justify-center rounded-[var(--radius-button)] bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 transition-all",
             "aria-label": t("assistant.newConversation"),
-            children: React__default.isValidElement(fixedArea.icon) ? fixedArea.icon : /* @__PURE__ */ jsx(fixedArea.icon, { className: "h-5 w-5" })
+            children: React__default.isValidElement(fixedArea.icon) ? fixedArea.icon : (() => {
+              const FixedAreaIcon = fixedArea.icon;
+              return /* @__PURE__ */ jsx(FixedAreaIcon, { className: "h-5 w-5" });
+            })()
           }
         ) }),
         /* @__PURE__ */ jsx(CustomTooltipContent, { side: "right", children: t("assistant.newConversation") })

package/dist/ui.cjs.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const button = require('./button-0BlA47It.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
-const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
-const AssistantChart = require('./AssistantChart-BW9JK6jw.cjs');
+const alertDialog = require('./alert-dialog-DBBqvU-V.cjs');
+const AssistantChart = require('./AssistantChart-BzM7plyc.cjs');
 const breadcrumb = require('./breadcrumb-BKtHF4gk.cjs');
 const input = require('./input-ByYuOv8A.cjs');
-const richTextEditor = require('./rich-text-editor-DnSDglzW.cjs');
+const richTextEditor = require('./rich-text-editor-BuqSu718.cjs');
 const slider = require('./slider-B00b9SVK.cjs');
 const select = require('./select-CH6v_KcQ.cjs');
 const tooltip = require('./tooltip-D8n9UYoU.cjs');
@@ -16,7 +16,7 @@ const dropdownMenu = require('./dropdown-menu-BMcykFDf.cjs');
 const progress = require('./progress-Cqwxbqs1.cjs');
 const sonner = require('./sonner-B-jWlik1.cjs');
 const avatar = require('./avatar-BCM7YQRC.cjs');
-const googleMapsLoader = require('./google-maps-loader-casMyxlo.cjs');
+const googleMapsLoader = require('./google-maps-loader-DfeBRI8Q.cjs');
 const useMobile = require('./use-mobile-BdXTRb0Z.cjs');
 
 

package/dist/ui.es.js

@@ -1,10 +1,10 @@
 export { B as Button, b as buttonVariants, c as cn } from './button-DZHzN1Gd.js';
 export { C as Card, a as CardAction, b as CardContent, c as CardDescription, d as CardFooter, e as CardHeader, f as CardTitle, S as Skeleton } from './skeleton-DtR5tkYe.js';
-export { A as AlertDialog, a as AlertDialogAction, b as AlertDialogCancel, c as AlertDialogContent, d as AlertDialogDescription, e as AlertDialogFooter, f as AlertDialogHeader, g as AlertDialogOverlay, h as AlertDialogPortal, i as AlertDialogTitle, j as AlertDialogTrigger, C as Checkbox, I as ImageWithFallback, L as Label, M as Map, P as PageHeader, k as PageHeaderDescription, l as PageHeaderHeading, R as RadioGroup, m as RadioGroupItem, S as Separator, n as Switch, T as Tabs, o as TabsContent, p as TabsList, q as TabsTrigger, u as useMapLayers } from './alert-dialog-DqlRW_An.js';
-export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as AspectRatio, e as AssistantChart, C as Calendar, f as CalendarDayButton, g as Carousel, h as CarouselContent, i as CarouselItem, j as CarouselNext, k as CarouselPrevious, l as Collapsible, m as CollapsibleContent, n as CollapsibleTrigger, o as Command, p as CommandDialog, q as CommandEmpty, r as CommandGroup, s as CommandInput, t as CommandItem, u as CommandList, v as CommandSeparator, w as CommandShortcut, x as ContextMenu, y as ContextMenuCheckboxItem, z as ContextMenuContent, B as ContextMenuGroup, D as ContextMenuItem, E as ContextMenuLabel, F as ContextMenuPortal, G as ContextMenuRadioGroup, H as ContextMenuRadioItem, I as ContextMenuSeparator, J as ContextMenuShortcut, K as ContextMenuSub, L as ContextMenuSubContent, M as ContextMenuSubTrigger, N as ContextMenuTrigger, O as Drawer, P as DrawerClose, Q as DrawerContent, R as DrawerDescription, S as DrawerFooter, T as DrawerHandle, U as DrawerHeader, V as DrawerOverlay, W as DrawerPortal, X as DrawerTitle, Y as DrawerTrigger, Z as FileUpload, _ as Form, $ as FormControl, a0 as FormDescription, a1 as FormField, a2 as FormItem, a3 as FormLabel, a4 as FormMessage, a5 as HoverCard, a6 as HoverCardContent, a7 as HoverCardTrigger, a8 as InputOTP, a9 as InputOTPGroup, aa as InputOTPSeparator, ab as InputOTPSlot, ac as Menubar, ad as MenubarCheckboxItem, ae as MenubarContent, af as MenubarGroup, ag as MenubarItem, ah as MenubarLabel, ai as MenubarMenu, aj as MenubarPortal, ak as MenubarRadioGroup, al as MenubarRadioItem, am as MenubarSeparator, an as MenubarShortcut, ao as MenubarSub, ap as MenubarSubContent, aq as MenubarSubTrigger, ar as MenubarTrigger, as as NavigationMenu, at as NavigationMenuContent, au as NavigationMenuIndicator, av as NavigationMenuItem, aw as NavigationMenuLink, ax as NavigationMenuList, ay as NavigationMenuTrigger, az as NavigationMenuViewport, aA as NotificationBadge, aB as Pagination, aC as PaginationContent, aD as PaginationEllipsis, aE as PaginationItem, aF as PaginationLink, aG as PaginationNext, aH as PaginationPrevious, aI as Rating, aJ as ResizableHandle, aK as ResizablePanel, aL as ResizablePanelGroup, aM as RouteMap, aN as Search, aO as Sheet, aP as SheetBody, aQ as SheetClose, aR as SheetContent, aS as SheetDescription, aT as SheetFooter, aU as SheetHeader, aV as SheetPortal, aW as SheetTitle, aX as SheetTrigger, aY as SimpleMap, aZ as StatsCard, a_ as StatsCardSkeleton, a$ as Step, b0 as Stepper, b1 as Timeline, b2 as TimelineContent, b3 as TimelineDescription, b4 as TimelineDot, b5 as TimelineHeading, b6 as TimelineItem, b7 as TimelineTime, b8 as Toggle, b9 as ToggleGroup, ba as ToggleGroupItem, bb as TreeView, bc as navigationMenuTriggerStyle, bd as toggleVariants, be as useFileUpload, bf as useFormField, bg as usePagination, bh as useStepper, bi as useStepperContext, bj as useTreeView } from './AssistantChart-DNdwuS-t.js';
+export { A as AlertDialog, a as AlertDialogAction, b as AlertDialogCancel, c as AlertDialogContent, d as AlertDialogDescription, e as AlertDialogFooter, f as AlertDialogHeader, g as AlertDialogOverlay, h as AlertDialogPortal, i as AlertDialogTitle, j as AlertDialogTrigger, C as Checkbox, I as ImageWithFallback, L as Label, M as Map, P as PageHeader, k as PageHeaderDescription, l as PageHeaderHeading, R as RadioGroup, m as RadioGroupItem, S as Separator, n as Switch, T as Tabs, o as TabsContent, p as TabsList, q as TabsTrigger, u as useMapLayers } from './alert-dialog-ClRoLH7l.js';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger, d as AspectRatio, e as AssistantChart, C as Calendar, f as CalendarDayButton, g as Carousel, h as CarouselContent, i as CarouselItem, j as CarouselNext, k as CarouselPrevious, l as Collapsible, m as CollapsibleContent, n as CollapsibleTrigger, o as Command, p as CommandDialog, q as CommandEmpty, r as CommandGroup, s as CommandInput, t as CommandItem, u as CommandList, v as CommandSeparator, w as CommandShortcut, x as ContextMenu, y as ContextMenuCheckboxItem, z as ContextMenuContent, B as ContextMenuGroup, D as ContextMenuItem, E as ContextMenuLabel, F as ContextMenuPortal, G as ContextMenuRadioGroup, H as ContextMenuRadioItem, I as ContextMenuSeparator, J as ContextMenuShortcut, K as ContextMenuSub, L as ContextMenuSubContent, M as ContextMenuSubTrigger, N as ContextMenuTrigger, O as Drawer, P as DrawerClose, Q as DrawerContent, R as DrawerDescription, S as DrawerFooter, T as DrawerHandle, U as DrawerHeader, V as DrawerOverlay, W as DrawerPortal, X as DrawerTitle, Y as DrawerTrigger, Z as FileUpload, _ as Form, $ as FormControl, a0 as FormDescription, a1 as FormField, a2 as FormItem, a3 as FormLabel, a4 as FormMessage, a5 as HoverCard, a6 as HoverCardContent, a7 as HoverCardTrigger, a8 as InputOTP, a9 as InputOTPGroup, aa as InputOTPSeparator, ab as InputOTPSlot, ac as Menubar, ad as MenubarCheckboxItem, ae as MenubarContent, af as MenubarGroup, ag as MenubarItem, ah as MenubarLabel, ai as MenubarMenu, aj as MenubarPortal, ak as MenubarRadioGroup, al as MenubarRadioItem, am as MenubarSeparator, an as MenubarShortcut, ao as MenubarSub, ap as MenubarSubContent, aq as MenubarSubTrigger, ar as MenubarTrigger, as as NavigationMenu, at as NavigationMenuContent, au as NavigationMenuIndicator, av as NavigationMenuItem, aw as NavigationMenuLink, ax as NavigationMenuList, ay as NavigationMenuTrigger, az as NavigationMenuViewport, aA as NotificationBadge, aB as Pagination, aC as PaginationContent, aD as PaginationEllipsis, aE as PaginationItem, aF as PaginationLink, aG as PaginationNext, aH as PaginationPrevious, aI as Rating, aJ as ResizableHandle, aK as ResizablePanel, aL as ResizablePanelGroup, aM as RouteMap, aN as Search, aO as Sheet, aP as SheetBody, aQ as SheetClose, aR as SheetContent, aS as SheetDescription, aT as SheetFooter, aU as SheetHeader, aV as SheetPortal, aW as SheetTitle, aX as SheetTrigger, aY as SimpleMap, aZ as StatsCard, a_ as StatsCardSkeleton, a$ as Step, b0 as Stepper, b1 as Timeline, b2 as TimelineContent, b3 as TimelineDescription, b4 as TimelineDot, b5 as TimelineHeading, b6 as TimelineItem, b7 as TimelineTime, b8 as Toggle, b9 as ToggleGroup, ba as ToggleGroupItem, bb as TreeView, bc as navigationMenuTriggerStyle, bd as toggleVariants, be as useFileUpload, bf as useFormField, bg as usePagination, bh as useStepper, bi as useStepperContext, bj as useTreeView } from './AssistantChart-C842evTi.js';
 export { B as Breadcrumb, a as BreadcrumbEllipsis, b as BreadcrumbItem, c as BreadcrumbLink, d as BreadcrumbList, e as BreadcrumbPage, f as BreadcrumbSeparator } from './breadcrumb-ifNsA7Zl.js';
 export { I as Input, P as Popover, a as PopoverAnchor, b as PopoverContent, c as PopoverTrigger } from './input-B0_vbA3g.js';
-export { A as Alert, a as AlertDescription, b as AlertTitle, C as ChartCard, c as ChartContainer, d as ChartLegend, e as ChartLegendContent, f as ChartStyle, g as ChartTooltip, h as ChartTooltipContent, i as ComboMetricChart, D as DashboardBarChart, j as DashboardLineChart, k as Dialog, l as DialogBody, m as DialogClose, n as DialogContent, o as DialogDescription, p as DialogFooter, q as DialogHeader, r as DialogOverlay, s as DialogPortal, t as DialogTitle, u as DialogTrigger, v as DonutBreakdownChart, E as Empty, w as EmptyAction, x as EmptyDescription, y as EmptyIcon, z as EmptyImage, B as EmptyTitle, G as GaugeChart, H as HorizontalBarChart, I as InteractiveTimeSeriesChart, P as PieMetricChart, R as RadarMetricChart, F as RadialBarMetricChart, J as RichTextEditor, S as ScrollArea, K as ScrollBar, L as SparklineChart, T as Table, M as TableBody, N as TableCaption, O as TableCell, Q as TableFooter, U as TableHead, V as TableHeader, W as TableRow, X as Textarea, Y as useChart, Z as useRichTextEditor } from './rich-text-editor-DV1SixzE.js';
+export { A as Alert, a as AlertDescription, b as AlertTitle, C as ChartCard, c as ChartContainer, d as ChartLegend, e as ChartLegendContent, f as ChartStyle, g as ChartTooltip, h as ChartTooltipContent, i as ComboMetricChart, D as DashboardBarChart, j as DashboardLineChart, k as Dialog, l as DialogBody, m as DialogClose, n as DialogContent, o as DialogDescription, p as DialogFooter, q as DialogHeader, r as DialogOverlay, s as DialogPortal, t as DialogTitle, u as DialogTrigger, v as DonutBreakdownChart, E as Empty, w as EmptyAction, x as EmptyDescription, y as EmptyIcon, z as EmptyImage, B as EmptyTitle, G as GaugeChart, H as HorizontalBarChart, I as InteractiveTimeSeriesChart, P as PieMetricChart, R as RadarMetricChart, F as RadialBarMetricChart, J as RichTextEditor, S as ScrollArea, K as ScrollBar, L as SparklineChart, T as Table, M as TableBody, N as TableCaption, O as TableCell, Q as TableFooter, U as TableHead, V as TableHeader, W as TableRow, X as Textarea, Y as useChart, Z as useRichTextEditor } from './rich-text-editor-CV8FtA_l.js';
 export { S as Slider } from './slider-DQCNUUMj.js';
 export { S as Select, a as SelectContent, b as SelectGroup, c as SelectItem, d as SelectLabel, e as SelectScrollDownButton, f as SelectScrollUpButton, g as SelectSeparator, h as SelectTrigger, i as SelectValue } from './select-D-xvCZK2.js';
 export { T as Tooltip, a as TooltipContent, b as TooltipProvider, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
@@ -12,5 +12,5 @@ export { D as DropdownMenu, a as DropdownMenuCheckboxItem, b as DropdownMenuCont
 export { B as Badge, P as Progress, b as badgeVariants } from './progress-C7Lti5wo.js';
 export { T as Toaster } from './sonner-C9tiqj4f.js';
 export { A as Avatar, a as AvatarFallback, b as AvatarImage } from './avatar-3kO2Anrp.js';
-export { G as GOOGLE_MAPS_ID, a as GOOGLE_MAPS_LIBRARIES, b as GoogleMapsLoaderProvider, c as GoogleMapsProvider, r as reloadGoogleMaps, u as useGoogleMapsLoader } from './google-maps-loader-BCe58h9D.js';
+export { G as GOOGLE_MAPS_ID, a as GOOGLE_MAPS_LIBRARIES, b as GoogleMapsLoaderProvider, c as GoogleMapsProvider, r as reloadGoogleMaps, u as useGoogleMapsLoader } from './google-maps-loader-BOug999f.js';
 export { u as useIsMobile, a as useMobile } from './use-mobile-Ce2cBAQe.js';

package/dist/{xertica-assistant-B687qEPU.js → xertica-assistant-CJVnvMqU.js}

@@ -5,13 +5,13 @@ import { toast } from 'sonner';
 import { BarChart3, ImageIcon, Table, FileText, X, Plus, Radio, Search, Paperclip, Mic, Send, MessageSquare, Heart, History, Maximize2, ChevronRight, PanelRight, MoreHorizontal, ChevronLeft, ChevronUp, ChevronDown, Download, Edit, Music, Image, AlertCircle, FolderOpen, Folder, Users, ExternalLink, Clock, Loader2, ThumbsUp, ThumbsDown, Check, Copy } from 'lucide-react';
 import { u as useIsMobile } from './use-mobile-Ce2cBAQe.js';
 import { AnimatePresence, motion } from 'framer-motion';
-import { P as Popover, c as PopoverTrigger, b as PopoverContent, S as ScrollArea } from './input-cc-PTD4R.js';
+import { c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent, d as ChartLegend, e as ChartLegendContent, T as Table$1, N as TableCaption, V as TableHeader, W as TableRow, U as TableHead, M as TableBody, O as TableCell, S as ScrollArea, k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, X as Textarea, p as DialogFooter, J as RichTextEditor } from './rich-text-editor-CV8FtA_l.js';
 import { B as Button, c as cn } from './button-DZHzN1Gd.js';
+import { P as Popover, c as PopoverTrigger, b as PopoverContent } from './input-B0_vbA3g.js';
 import { X as XerticaOrbe } from './XerticaOrbe-jA5T2iOk.js';
 import { T as Tooltip, c as TooltipTrigger } from './tooltip-RtbSmPYJ.js';
 import { C as CustomTooltipContent } from './CustomTooltipContent-CNbVB2NS.js';
 import { BarChart, CartesianGrid, XAxis, Bar } from 'recharts';
-import { c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent, d as ChartLegend, e as ChartLegendContent, T as Table$1, L as TableCaption, Q as TableHeader, U as TableRow, O as TableHead, K as TableBody, M as TableCell, k as Dialog, n as DialogContent, q as DialogHeader, t as DialogTitle, o as DialogDescription, V as Textarea, p as DialogFooter, J as RichTextEditor } from './rich-text-editor-DqLICivI.js';
 import { D as DropdownMenu, n as DropdownMenuTrigger, b as DropdownMenuContent, d as DropdownMenuItem } from './dropdown-menu-Dn_eV2Xb.js';
 
 [
@@ -161,7 +161,7 @@ function useAssistant({
   onSendMessage,
   isProcessing = false,
   responseGenerator,
-  richSuggestions = [],
+  richSuggestions: _richSuggestions = [],
   onRichAction,
   onEvaluation
 } = {}) {
@@ -315,7 +315,7 @@ function useAssistant({
           setCopiedId(messageId);
           setTimeout(() => setCopiedId(null), 2e3);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -643,9 +643,17 @@ function ModernChatInput({
   const getActionInfo = (action) => {
     switch (action) {
       case "document":
-        return { label: t("assistant.actions.createDocument"), icon: FileText, color: "bg-[var(--chart-4)]" };
+        return {
+          label: t("assistant.actions.createDocument"),
+          icon: FileText,
+          color: "bg-[var(--chart-4)]"
+        };
       case "podcast":
-        return { label: t("assistant.actions.generatePodcast"), icon: Radio, color: "bg-[var(--chart-1)]" };
+        return {
+          label: t("assistant.actions.generatePodcast"),
+          icon: Radio,
+          color: "bg-[var(--chart-1)]"
+        };
       case "search":
         return { label: t("assistant.actions.search"), icon: Search, color: "bg-[var(--chart-2)]" };
       default:
@@ -1187,7 +1195,7 @@ function AssistantWelcomeScreen({
 function MarkdownMessage({ content, className = "" }) {
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
-    html = html.replace(/</g, "<").replace(/>/g, ">");
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="font-medium text-sm mt-2 mb-1 break-words">$1</h3>'
@@ -1261,6 +1269,7 @@ function FormattedDocument({
   const { t } = useTranslation();
   const convertMarkdownToHtml = (markdown) => {
     let html = markdown;
+    html = html.replace(/</g, "&lt;").replace(/>/g, "&gt;");
     html = html.replace(
       /^### (.*$)/gim,
       '<h3 class="text-base font-medium mt-2 mb-1 text-foreground">$1</h3>'
@@ -1438,7 +1447,7 @@ function AssistantMessageBubble({
                       /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) }),
                       Object.keys(msg.chartConfig).map((key) => /* @__PURE__ */ jsx(Bar, { dataKey: key, fill: `var(--color-${key})`, radius: 4 }, key))
                     ] }) }) }),
-                    msg.tableData && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-full border rounded-[var(--radius)] overflow-x-auto custom-scrollbar relative", children: /* @__PURE__ */ jsxs(Table$1, { children: [
+                    msg.tableData && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-full border rounded-[var(--radius)] overflow-x-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent relative", children: /* @__PURE__ */ jsxs(Table$1, { children: [
                       msg.tableData.caption && /* @__PURE__ */ jsx(TableCaption, { children: msg.tableData.caption }),
                       /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: msg.tableData.headers.map((header, i) => /* @__PURE__ */ jsx(TableHead, { children: header }, i)) }) }),
                       /* @__PURE__ */ jsx(TableBody, { children: msg.tableData.rows.map((row, i) => /* @__PURE__ */ jsx(TableRow, { children: row.map((cell, j) => /* @__PURE__ */ jsx(TableCell, { children: cell }, j)) }, i)) })