@mlw-packages/react-components 1.10.20 → 1.10.22

package/dist/index.js

@@ -3485,58 +3485,100 @@ var ThemeIcon = ({ theme }) => {
     }
   ) });
 };
+function resolveOrigin(origin, buttonRef, cursorPos) {
+  if (origin === "cursor" && cursorPos) {
+    return cursorPos;
+  }
+  if (!buttonRef.current) {
+    return { x: window.innerWidth / 2, y: window.innerHeight / 2 };
+  }
+  const rect = buttonRef.current.getBoundingClientRect();
+  switch (origin) {
+    case "top-left":
+      return { x: rect.left, y: rect.top };
+    case "top-right":
+      return { x: rect.right, y: rect.top };
+    case "center":
+    default:
+      return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
+  }
+}
 function ModeToggleBase({
   themes = ["light", "dark", "system"],
   className,
   directToggle = false,
-  variant = "ghost"
+  variant = "ghost",
+  showLabel = false,
+  tooltip = false,
+  animationOrigin = "center",
+  transitionDuration = 400,
+  storageKey,
+  defaultTheme,
+  onThemeChange
 }) {
   const [mounted, setMounted] = React32.useState(false);
+  const [isTransitioning, setIsTransitioning] = React32.useState(false);
+  const cursorPos = React32.useRef(null);
   const { setTheme, theme: currentTheme } = useTheme();
   const buttonRef = React32.useRef(null);
   React32.useEffect(() => {
+    if (storageKey && defaultTheme) {
+      const stored = localStorage.getItem(storageKey);
+      if (!stored) setTheme(defaultTheme);
+    } else if (defaultTheme && !localStorage.getItem("theme")) {
+      setTheme(defaultTheme);
+    }
     setMounted(true);
-  }, []);
+  }, [defaultTheme, setTheme, storageKey]);
   const isDark = mounted && (currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+  const activeTheme = mounted ? currentTheme : defaultTheme;
+  const tooltipText = tooltip === true ? themeLabels[activeTheme] ?? "Toggle theme" : typeof tooltip === "string" ? tooltip : null;
   const toggleTheme = async (newTheme) => {
+    if (isTransitioning) return;
     if (!buttonRef.current) {
       setTheme(newTheme);
+      onThemeChange?.(newTheme);
       return;
     }
     const supportsViewTransition = typeof document !== "undefined" && "startViewTransition" in document && typeof document.startViewTransition === "function";
     if (!supportsViewTransition) {
       setTheme(newTheme);
+      onThemeChange?.(newTheme);
       return;
     }
     try {
-      const rect = buttonRef.current.getBoundingClientRect();
-      const x = rect.left + rect.width / 2;
-      const y = rect.top + rect.height / 2;
+      setIsTransitioning(true);
+      const { x, y } = resolveOrigin(
+        animationOrigin,
+        buttonRef,
+        cursorPos.current
+      );
       const endRadius = Math.hypot(
         Math.max(x, window.innerWidth - x),
         Math.max(y, window.innerHeight - y)
       );
       const transition = document.startViewTransition(async () => {
         setTheme(newTheme);
+        onThemeChange?.(newTheme);
       });
       await transition.ready;
-      document.documentElement.animate(
+      const animation = document.documentElement.animate(
         [
-          {
-            clipPath: `circle(0px at ${x}px ${y}px)`
-          },
-          {
-            clipPath: `circle(${Math.ceil(endRadius)}px at ${x}px ${y}px)`
-          }
+          { clipPath: `circle(0px at ${x}px ${y}px)` },
+          { clipPath: `circle(${Math.ceil(endRadius)}px at ${x}px ${y}px)` }
         ],
         {
-          duration: 400,
+          duration: transitionDuration,
           easing: "cubic-bezier(0.4, 0, 0.2, 1)",
           pseudoElement: "::view-transition-new(root)"
         }
       );
+      animation.onfinish = () => setIsTransitioning(false);
+      animation.oncancel = () => setIsTransitioning(false);
     } catch {
       setTheme(newTheme);
+      onThemeChange?.(newTheme);
+      setIsTransitioning(false);
     }
   };
   const handleDirectToggle = () => {
@@ -3544,67 +3586,72 @@ function ModeToggleBase({
     const nextIndex = (currentIndex + 1) % themes.length;
     toggleTheme(themes[nextIndex]);
   };
-  if (directToggle) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      ButtonBase,
+  const handleMouseMove = (e) => {
+    cursorPos.current = { x: e.clientX, y: e.clientY };
+  };
+  const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react.SunIcon,
       {
-        ref: buttonRef,
-        variant,
-        size: "icon",
-        className: cn("relative overflow-hidden group", className),
-        onClick: handleDirectToggle,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.SunIcon,
-              {
-                className: `h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-90 scale-0 opacity-0" : "rotate-0 scale-100 opacity-100 group-hover:rotate-12"}`
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.MoonIcon,
-              {
-                className: `absolute h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-0 scale-100 opacity-100 group-hover:-rotate-12" : "rotate-90 scale-0 opacity-0"}`
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle theme" })
-        ]
+        className: `h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-90 scale-0 opacity-0" : "rotate-0 scale-100 opacity-100 group-hover:rotate-12"}`
       }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react.MoonIcon,
+      {
+        className: `absolute h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-0 scale-100 opacity-100 group-hover:-rotate-12" : "rotate-90 scale-0 opacity-0"}`
+      }
+    ),
+    showLabel && mounted && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-5 text-sm font-medium", children: themeLabels[activeTheme] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle theme" })
+  ] });
+  const wrapWithTooltip = (node) => {
+    if (!tooltipText) return node;
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: node }),
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { children: tooltipText })
+    ] }) });
+  };
+  if (directToggle) {
+    return wrapWithTooltip(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ButtonBase,
+        {
+          ref: buttonRef,
+          variant,
+          size: showLabel ? "default" : "icon",
+          className: cn("relative overflow-hidden group", className),
+          onClick: handleDirectToggle,
+          onMouseMove: handleMouseMove,
+          onKeyDown: (e) => {
+            if (e.repeat && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+            }
+          },
+          children: buttonContent
+        }
+      )
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(DropDownMenuBase, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      ButtonBase,
-      {
-        ref: buttonRef,
-        variant,
-        size: "icon",
-        className: cn("relative overflow-hidden group", className),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.SunIcon,
-              {
-                className: `h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-90 scale-0 opacity-0" : "rotate-0 scale-100 opacity-100 group-hover:rotate-12"}`
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.MoonIcon,
-              {
-                className: `absolute h-[1.2rem] w-[1.2rem] transition-all duration-500 ${isDark ? "rotate-0 scale-100 opacity-100 group-hover:-rotate-12" : "rotate-90 scale-0 opacity-0"}`
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle theme" })
-        ]
-      }
+    /* @__PURE__ */ jsxRuntime.jsx(DropDownMenuTriggerBase, { asChild: true, children: wrapWithTooltip(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ButtonBase,
+        {
+          ref: buttonRef,
+          variant,
+          size: showLabel ? "default" : "icon",
+          className: cn("relative overflow-hidden group", className),
+          onMouseMove: handleMouseMove,
+          children: buttonContent
+        }
+      )
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       DropDownMenuContentBase,
       {
         align: "end",
-        className: "border-border bg-popover text-popover-foreground min-w-[140px] ",
+        className: "border-border bg-popover text-popover-foreground min-w-[140px]",
         children: themes.map((theme) => {
           const isActive = currentTheme === theme;
           return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9669,7 +9716,8 @@ function DayViewAgenda({
   events,
   onEventSelect,
   showUndatedEvents,
-  noTime = false
+  noTime = false,
+  onEventCreate
 }) {
   const hours = React32.useMemo(() => {
     const dayStart = dateFns.startOfDay(currentDate);
@@ -9919,6 +9967,7 @@ function DayViewAgenda({
                       const startTime = new Date(currentDate);
                       startTime.setHours(hourValue);
                       startTime.setMinutes(quarter * 15);
+                      if (onEventCreate) onEventCreate(startTime);
                     },
                     time: quarterHourTime
                   },
@@ -10181,7 +10230,8 @@ function EventAgenda({
   onlyMonth,
   onlyWeek,
   onlyAgenda,
-  onlyYear
+  onlyYear,
+  allowCellClick = false
 }) {
   const lockedView = onlyDay ? "day" : onlyMonth ? "month" : onlyWeek ? "week" : onlyAgenda ? "agenda" : onlyYear ? "year" : void 0;
   const [currentDate, setCurrentDate] = React32.useState(
@@ -10344,7 +10394,13 @@ function EventAgenda({
                 currentDate,
                 events,
                 onEventSelect: handleEventSelect,
-                noTime
+                noTime,
+                onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
+                  start: d,
+                  end: d,
+                  title: "Novo Evento",
+                  id: crypto.randomUUID()
+                }) : void 0
               }
             ),
             activeView === "week" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10353,7 +10409,13 @@ function EventAgenda({
                 currentDate,
                 events,
                 onEventSelect: handleEventSelect,
-                noTime
+                noTime,
+                onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
+                  start: d,
+                  end: d,
+                  title: "Novo Evento",
+                  id: crypto.randomUUID()
+                }) : void 0
               }
             ),
             activeView === "day" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10362,7 +10424,13 @@ function EventAgenda({
                 currentDate,
                 events,
                 onEventSelect: handleEventSelect,
-                noTime
+                noTime,
+                onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
+                  start: d,
+                  end: d,
+                  title: "Novo Evento",
+                  id: crypto.randomUUID()
+                }) : void 0
               }
             ),
             activeView === "agenda" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10371,7 +10439,13 @@ function EventAgenda({
                 currentDate,
                 events,
                 onEventSelect: handleEventSelect,
-                noTime
+                noTime,
+                onEventCreate: allowCellClick ? (d) => onEventUpdate?.({
+                  start: d,
+                  end: d,
+                  title: "Novo Evento",
+                  id: crypto.randomUUID()
+                }) : void 0
               }
             ),
             activeView === "year" && /* @__PURE__ */ jsxRuntime.jsx(
@@ -10634,7 +10708,8 @@ function MonthViewAgenda({
   events,
   onEventSelect,
   showUndatedEvents,
-  noTime = false
+  noTime = false,
+  onEventCreate
 }) {
   const days = React32.useMemo(() => {
     const monthStart = dateFns.startOfMonth(currentDate);
@@ -10777,6 +10852,7 @@ function MonthViewAgenda({
                       onClick: () => {
                         const t = new Date(day);
                         t.setHours(DefaultStartHourAgenda, 0, 0);
+                        if (onEventCreate) onEventCreate(t);
                       },
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
@@ -16115,7 +16191,8 @@ var DraggableTooltipComponent = ({
                 highlightedSeries,
                 toggleHighlight,
                 finalColors,
-                valueFormatter
+                valueFormatter,
+                seriesTypeMap
               ]
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-2 border-t", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
@@ -16409,74 +16486,106 @@ var SystemTooltip = ({
   const [localPos, setLocalPos] = React32.useState(position);
   const [dragging, setDragging] = React32.useState(false);
   const offsetRef = React32.useRef({ x: 0, y: 0 });
-  const lastMouse = React32.useRef({ x: 0, y: 0 });
-  React32.useEffect(() => setLocalPos(position), [position]);
+  const lastPos = React32.useRef({ x: 0, y: 0 });
+  const tooltipRef = React32.useRef(null);
+  const currentPosRef = React32.useRef(position);
+  React32.useEffect(() => {
+    currentPosRef.current = position;
+    setLocalPos(position);
+  }, [position]);
   React32.useEffect(() => {
     let rafId = null;
-    const handleMouseMove = (e) => {
-      if (!dragging) return;
-      lastMouse.current = { x: e.clientX, y: e.clientY };
+    const applyMove = (clientX, clientY) => {
+      lastPos.current = { x: clientX, y: clientY };
       if (rafId) cancelAnimationFrame(rafId);
       rafId = requestAnimationFrame(() => {
-        const newLeft = lastMouse.current.x - offsetRef.current.x;
-        const newTop = lastMouse.current.y - offsetRef.current.y;
-        const rawPosition = {
-          top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
-          left: Math.max(0, Math.min(newLeft, window.innerWidth - 320))
+        const p = {
+          top: Math.max(
+            0,
+            Math.min(
+              lastPos.current.y - offsetRef.current.y,
+              window.innerHeight - 200
+            )
+          ),
+          left: Math.max(
+            0,
+            Math.min(
+              lastPos.current.x - offsetRef.current.x,
+              window.innerWidth - 320
+            )
+          )
         };
-        setLocalPos(rawPosition);
-        if (onPositionChange) onPositionChange(id, rawPosition);
+        currentPosRef.current = p;
+        if (tooltipRef.current) {
+          tooltipRef.current.style.top = `${p.top}px`;
+          tooltipRef.current.style.left = `${p.left}px`;
+        }
+        onPositionChange?.(id, p);
       });
     };
-    const handleMouseUp = () => {
-      if (dragging) {
-        setDragging(false);
-        if (rafId) cancelAnimationFrame(rafId);
-      }
+    const stopDrag = () => {
+      if (!dragging) return;
+      setDragging(false);
+      setLocalPos(currentPosRef.current);
+      if (rafId) cancelAnimationFrame(rafId);
+    };
+    const handleMouseMove = (e) => {
+      if (dragging) applyMove(e.clientX, e.clientY);
+    };
+    const handleTouchMove = (e) => {
+      if (!dragging || !e.touches[0]) return;
+      applyMove(e.touches[0].clientX, e.touches[0].clientY);
     };
     if (dragging) {
       document.addEventListener("mousemove", handleMouseMove, {
         passive: true
       });
-      document.addEventListener("mouseup", handleMouseUp);
+      document.addEventListener("mouseup", stopDrag);
+      document.addEventListener("touchmove", handleTouchMove, {
+        passive: true
+      });
+      document.addEventListener("touchend", stopDrag);
+      document.addEventListener("touchcancel", stopDrag);
       document.body.style.cursor = "grabbing";
       document.body.style.userSelect = "none";
     }
     return () => {
       if (rafId) cancelAnimationFrame(rafId);
       document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
+      document.removeEventListener("mouseup", stopDrag);
+      document.removeEventListener("touchmove", handleTouchMove);
+      document.removeEventListener("touchend", stopDrag);
+      document.removeEventListener("touchcancel", stopDrag);
       document.body.style.cursor = "";
       document.body.style.userSelect = "";
     };
   }, [dragging, id, onPositionChange]);
-  const handleMouseDownLocal = React32.useCallback(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
+  const startDrag = React32.useCallback(
+    (clientX, clientY, e) => {
+      const rect = tooltipRef.current?.getBoundingClientRect();
       if (!rect) return;
-      offsetRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };
+      offsetRef.current = { x: clientX - rect.left, y: clientY - rect.top };
       setDragging(true);
       onMouseDown?.(id, e);
     },
     [id, onMouseDown]
   );
+  const handleMouseDownLocal = React32.useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      startDrag(e.clientX, e.clientY, e);
+    },
+    [startDrag]
+  );
   const handleTouchStartLocal = React32.useCallback(
     (e) => {
       e.stopPropagation();
       const touch = e.touches[0];
       if (!touch) return;
-      const rect = e.currentTarget.closest(".fixed")?.getBoundingClientRect();
-      if (!rect) return;
-      offsetRef.current = {
-        x: touch.clientX - rect.left,
-        y: touch.clientY - rect.top
-      };
-      setDragging(true);
-      onMouseDown?.(id, e);
+      startDrag(touch.clientX, touch.clientY, e);
     },
-    [id, onMouseDown]
+    [startDrag]
   );
   const handleConnClick = React32.useCallback(
     (e, conn) => {
@@ -16524,15 +16633,13 @@ var SystemTooltip = ({
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     framerMotion.motion.div,
     {
+      ref: tooltipRef,
       className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-xl shadow-2xl z-[10000] w-80 overflow-hidden",
       variants: tooltipVariants2,
       initial: "hidden",
       animate: "visible",
       exit: "exit",
-      style: {
-        top: localPos.top,
-        left: localPos.left
-      },
+      style: { top: localPos.top, left: localPos.left },
       onClick: (e) => e.stopPropagation(),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -16547,7 +16654,7 @@ var SystemTooltip = ({
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded", children: /* @__PURE__ */ jsxRuntime.jsx(react.DotsSixVerticalIcon, { size: 16, className: "text-primary" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(react.DotsSixVerticalIcon, { size: 16, className: "text-primary" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: title })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16573,22 +16680,19 @@ var SystemTooltip = ({
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 pb-4 space-y-4 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/40 transition-colors", children: [
           /* @__PURE__ */ jsxRuntime.jsx(SeparatorBase, { className: "w-full" }),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-1.5 h-1.5 rounded-full" }),
-                /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3 w-16" })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-10 w-full rounded-lg" }, i)) })
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: [1, 2].map((g) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-1.5 h-1.5 rounded-full" }),
+              /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3 w-16" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "w-1.5 h-1.5 rounded-full" }),
-                /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3 w-16" })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: [1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-10 w-full rounded-lg" }, i)) })
-            ] })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+              SkeletonBase,
+              {
+                className: "h-10 w-full rounded-lg"
+              },
+              i
+            )) })
+          ] }, g)) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }),
@@ -16603,7 +16707,7 @@ var SystemTooltip = ({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: renderConnections(exits, "blue") })
             ] }),
-            data.connections.length === 0 && !isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Nenhuma conex\xE3o encontrada" }) })
+            data.connections.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Nenhuma conex\xE3o encontrada" }) })
           ] })
         ] })
       ]
@@ -19986,6 +20090,308 @@ function processNeo4jData(integrations, targetSystemName) {
     connections
   };
 }
+var AnimatedNumber = ({ value }) => {
+  const [displayed, setDisplayed] = React32__namespace.default.useState(value);
+  const prevRef = React32__namespace.default.useRef(value);
+  React32__namespace.default.useEffect(() => {
+    const start = prevRef.current;
+    const end = value;
+    if (start === end) return;
+    const duration = 420;
+    const startTime = performance.now();
+    const tick = (now) => {
+      const elapsed = now - startTime;
+      const progress = Math.min(elapsed / duration, 1);
+      const eased = progress === 1 ? 1 : 1 - Math.pow(2, -10 * progress);
+      setDisplayed(Math.round(start + (end - start) * eased));
+      if (progress < 1) requestAnimationFrame(tick);
+      else prevRef.current = end;
+    };
+    requestAnimationFrame(tick);
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: displayed });
+};
+var Callout = ({
+  sx,
+  sy,
+  mx,
+  my,
+  ex,
+  ey,
+  fill,
+  name,
+  value,
+  percent,
+  isRight
+}) => /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+  framerMotion.motion.g,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 },
+    transition: { duration: 0.18 },
+    className: "z-9999",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.path,
+        {
+          d: `M${sx},${sy}L${mx},${my}L${ex},${ey}`,
+          stroke: fill,
+          fill: "none",
+          strokeWidth: 1.5,
+          strokeLinecap: "round",
+          initial: { pathLength: 0, opacity: 0 },
+          animate: { pathLength: 1, opacity: 1 },
+          exit: { pathLength: 0, opacity: 0 },
+          transition: { duration: 0.32, ease: "easeInOut" }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.circle,
+        {
+          cx: ex,
+          cy: ey,
+          r: 3,
+          fill,
+          initial: { scale: 0, opacity: 0 },
+          animate: { scale: 1, opacity: 1 },
+          exit: { scale: 0, opacity: 0 }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "foreignObject",
+        {
+          x: isRight ? ex + 10 : ex - 90,
+          y: ey - 24,
+          width: 90,
+          height: 48,
+          style: { overflow: "visible" },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            framerMotion.motion.div,
+            {
+              initial: {
+                opacity: 0,
+                x: isRight ? -14 : 14,
+                scale: 0.88,
+                filter: "blur(4px)"
+              },
+              animate: { opacity: 1, x: 0, scale: 1, filter: "blur(0px)" },
+              exit: {
+                opacity: 0,
+                x: isRight ? -8 : 8,
+                scale: 0.92,
+                filter: "blur(3px)"
+              },
+              transition: {
+                type: "spring",
+                stiffness: 460,
+                damping: 26,
+                mass: 0.8
+              },
+              style: { pointerEvents: "none" },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    style: {
+                      fontSize: 15,
+                      fontWeight: 800,
+                      color: "#333",
+                      lineHeight: 1
+                    },
+                    initial: { y: 6, opacity: 0 },
+                    animate: { y: 0, opacity: 1 },
+                    exit: { y: -4, opacity: 0 },
+                    transition: {
+                      delay: 0.06,
+                      type: "spring",
+                      stiffness: 400,
+                      damping: 22
+                    },
+                    children: [
+                      "PV ",
+                      /* @__PURE__ */ jsxRuntime.jsx(AnimatedNumber, { value })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  framerMotion.motion.div,
+                  {
+                    style: { fontSize: 11, color: "#999", marginTop: 5 },
+                    initial: { y: 6, opacity: 0 },
+                    animate: { y: 0, opacity: 1 },
+                    exit: { y: -4, opacity: 0 },
+                    transition: {
+                      delay: 0.12,
+                      type: "spring",
+                      stiffness: 400,
+                      damping: 22
+                    },
+                    children: [
+                      "Rate ",
+                      (percent * 100).toFixed(2),
+                      "%"
+                    ]
+                  }
+                )
+              ]
+            },
+            name
+          )
+        }
+      )
+    ]
+  },
+  name
+) });
+var renderActiveShape = (props) => {
+  const RADIAN = Math.PI / 180;
+  const {
+    cx,
+    cy,
+    midAngle,
+    innerRadius,
+    outerRadius,
+    startAngle,
+    endAngle,
+    fill,
+    payload,
+    percent,
+    value
+  } = props;
+  const sin = Math.sin(-RADIAN * (midAngle ?? 0));
+  const cos = Math.cos(-RADIAN * (midAngle ?? 0));
+  const sx = (cx ?? 0) + ((outerRadius ?? 0) + 10) * cos;
+  const sy = (cy ?? 0) + ((outerRadius ?? 0) + 10) * sin;
+  const mx = (cx ?? 0) + ((outerRadius ?? 0) + 30) * cos;
+  const my = (cy ?? 0) + ((outerRadius ?? 0) + 30) * sin;
+  const ex = mx + (cos >= 0 ? 1 : -1) * 22;
+  const ey = my;
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy, dy: 8, textAnchor: "middle", fill, children: payload?.name }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Sector,
+      {
+        cx,
+        cy,
+        innerRadius,
+        outerRadius,
+        startAngle,
+        endAngle,
+        fill
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Sector,
+      {
+        cx,
+        cy,
+        startAngle,
+        endAngle,
+        innerRadius: (outerRadius ?? 0) + 6,
+        outerRadius: (outerRadius ?? 0) + 10,
+        fill
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Callout,
+      {
+        sx,
+        sy,
+        mx,
+        my,
+        ex,
+        ey,
+        fill: fill ?? "#8884d8",
+        name: payload?.name,
+        value,
+        percent: percent ?? 0,
+        isRight: cos >= 0
+      }
+    )
+  ] });
+};
+var PieChartComponent = ({
+  data,
+  width = 400,
+  height = 300,
+  innerRadius = 60,
+  outerRadius = 80,
+  showLegend = true,
+  showTooltip = true,
+  title,
+  titlePosition = "left",
+  className
+}) => {
+  const [activeIndex, setActiveIndex] = React32.useState(0);
+  const finalColors = Object.fromEntries(
+    data.map((d) => [d.name, d.color || "#8884d8"])
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "w-full overflow-hidden min-w-0 rounded-lg border-border bg-card",
+        className
+      ),
+      tabIndex: -1,
+      children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx(
+          ChartHeader,
+          {
+            title,
+            titlePosition,
+            HORIZONTAL_PADDING_CLASS: "px-6",
+            data,
+            allKeys: data.map((d) => d.name),
+            processedData: data,
+            finalColors,
+            mapperConfig: Object.fromEntries(
+              data.map((d) => [
+                d.name,
+                { label: d.name, color: d.color || "#8884d8" }
+              ])
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          recharts.PieChart,
+          {
+            width: typeof width === "number" ? width : 400,
+            height,
+            margin: { top: 20, right: 80, bottom: 20, left: 80 },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.Pie,
+                {
+                  activeIndex,
+                  activeShape: renderActiveShape,
+                  data,
+                  dataKey: "value",
+                  nameKey: "name",
+                  cx: "50%",
+                  cy: "50%",
+                  innerRadius,
+                  outerRadius,
+                  fill: "#8884d8",
+                  onMouseEnter: (_, index) => setActiveIndex(index),
+                  onMouseLeave: () => setActiveIndex(void 0),
+                  onClick: (e) => {
+                    if (e && e.target && typeof e.target.blur === "function") e.target.blur();
+                  },
+                  children: data.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Cell, { fill: entry.color || "#8884d8" }, `cell-${index}`))
+                }
+              ),
+              showLegend && /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}),
+              showTooltip && /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { content: () => null })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+};
+var PieChart_default = PieChartComponent;
 function NumericInput({
   value,
   onChange,
@@ -20980,12 +21386,23 @@ function CarouselBase({
     setDownloadSuccess(false);
     const currentItem = items[index];
     try {
-      const response = await fetch(currentItem.url);
+      const response = await fetch(currentItem.url, { mode: "cors" });
+      if (!response.ok) throw new Error("Erro ao baixar imagem");
       const blob = await response.blob();
       const url = window.URL.createObjectURL(blob);
       const link = document.createElement("a");
       link.href = url;
-      link.download = currentItem.title || "image";
+      let ext = "";
+      try {
+        const urlObj = new URL(currentItem.url, window.location.href);
+        const path = urlObj.pathname;
+        ext = path.substring(path.lastIndexOf("."));
+        if (!ext || ext.length > 6) ext = "";
+      } catch {
+      }
+      let filename = currentItem.title || "image";
+      if (ext && !filename.endsWith(ext)) filename += ext;
+      link.download = filename;
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
@@ -20994,6 +21411,9 @@ function CarouselBase({
       setDownloadSuccess(true);
       setTimeout(() => setDownloadSuccess(false), 2e3);
     } catch (error) {
+      alert(
+        "Erro ao baixar imagem. Verifique a URL ou permiss\xF5es do servidor."
+      );
       console.error("Error downloading image:", error);
       setIsDownloading(false);
     }
@@ -21035,8 +21455,13 @@ function CarouselBase({
               {
                 src: item.url,
                 alt: item.title,
-                className: cn("w-full h-full select-none"),
-                imageClassName,
+                className: cn(
+                  "w-full h-full select-none object-contain"
+                ),
+                imageClassName: cn(
+                  "object-contain w-full h-full",
+                  imageClassName
+                ),
                 borderRadius: 8,
                 maxZoom: 3
               }
@@ -21850,6 +22275,22 @@ function GroupLabel({ group }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-widest", children: group.label })
   ] });
 }
+function HighlightText({ text, query }) {
+  if (!query || !query.trim()) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
+  const terms = query.split(/[, ]+/).map((t) => t.trim()).filter((t) => t.length > 0);
+  if (terms.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: text });
+  const escapedTerms = terms.map(
+    (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+  );
+  const regex = new RegExp(`(${escapedTerms.join("|")})`, "gi");
+  const parts = text.split(regex);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map((part, i) => {
+    const isMatch = terms.some(
+      (t) => t.toLowerCase() === part.toLowerCase()
+    );
+    return isMatch ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary font-semibold", children: part }, i) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: part }, i);
+  }) });
+}
 function mapBadgeVariantToColor(variant) {
   if (!variant) return void 0;
   switch (variant) {
@@ -21876,44 +22317,61 @@ function mapBadgeVariantToColor(variant) {
 function CommandItemRow({
   item,
   isActive,
+  isSelected,
+  multiSelect,
   onSelect,
-  onHover
+  onToggleSelection,
+  onHover,
+  searchQuery
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     framerMotion.motion.button,
     {
       layout: true,
-      onClick: onSelect,
+      onClick: (e) => {
+        if (multiSelect && onToggleSelection && (e.ctrlKey || e.metaKey || e.shiftKey)) {
+          onToggleSelection(e);
+        } else {
+          onSelect(e);
+        }
+      },
       onMouseEnter: onHover,
       className: `
-        w-full flex items-center gap-1 px-2  py-1 rounded-md text-left cursor-pointer
+        w-full flex items-center gap-1 px-2 py-1 rounded-md text-left cursor-pointer
         transition-colors duration-75 group relative
-        ${isActive ? "text-accent-foreground hover:bg-accent" : "hover:bg-accent hover:text-accent-foreground"}
+        ${isActive ? "text-accent-foreground bg-accent" : "hover:bg-accent hover:text-accent-foreground"}
       `,
       children: [
         item.icon && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: `relative flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-md text-base
-          ${isActive ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"}`,
+          ${isSelected ? "bg-primary text-primary-foreground" : isActive ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground group-hover:text-foreground"}`,
             children: item.icon
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 min-w-0 px-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3  flex-wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 className: `text-sm font-medium truncate ${isActive ? "text-foreground" : "text-foreground/80"}`,
-                children: item.label
+                children: /* @__PURE__ */ jsxRuntime.jsx(HighlightText, { text: item.label, query: searchQuery })
               }
             ),
             item.badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: mapBadgeVariantToColor(item.badgeVariant), children: item.badge.toUpperCase() })
           ] }),
-          item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: item.description })
+          item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: /* @__PURE__ */ jsxRuntime.jsx(HighlightText, { text: item.description, query: searchQuery }) })
         ] }),
         item.shortcut && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative hidden sm:flex items-center gap-1 flex-shrink-0", children: item.shortcut.map((k, i) => /* @__PURE__ */ jsxRuntime.jsx(Kbd, { children: k }, i)) }),
-        isActive && /* @__PURE__ */ jsxRuntime.jsx(
+        isSelected && /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            layoutId: `selected-indicator-${item.id}`,
+            className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-2/3 bg-primary rounded-r-md"
+          }
+        ),
+        isActive && !isSelected && /* @__PURE__ */ jsxRuntime.jsx(
           react.CaretRightIcon,
           {
             className: "relative w-4 h-4 text-primary flex-shrink-0",
@@ -21933,22 +22391,40 @@ function useCommandPalette({
   recentItems = [],
   onRecentItemsChange,
   maxRecentItems = 5,
-  multiSearch = false
+  multiSearch = false,
+  multiSelect = false,
+  onSelectMultiple
 }) {
   const [query, setQuery] = React32__namespace.useState("");
   const [activeIndex, setActiveIndex] = React32__namespace.useState(0);
   const [page, setPage] = React32__namespace.useState(0);
+  const [selectedItemIds, setSelectedItemIds] = React32__namespace.useState(
+    /* @__PURE__ */ new Set()
+  );
+  const toggleSelection = React32__namespace.useCallback((id) => {
+    setSelectedItemIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }, []);
+  const clearSelection = React32__namespace.useCallback(
+    () => setSelectedItemIds(/* @__PURE__ */ new Set()),
+    []
+  );
   const baseGroups = React32__namespace.useMemo(
     () => normaliseGroups(items, groups),
     [items, groups]
   );
-  React32__namespace.useEffect(() => {
+  React32.useEffect(() => {
     if (open) {
       setQuery("");
       setActiveIndex(0);
       setPage(0);
+      clearSelection();
     }
-  }, [open]);
+  }, [open, clearSelection]);
   const searchTerms = React32__namespace.useMemo(() => {
     const parts = query.split(",");
     if (parts.length <= 1 && !multiSearch) return [];
@@ -22011,12 +22487,35 @@ function useCommandPalette({
     () => displayedGroups.flatMap((g) => g.items),
     [displayedGroups]
   );
+  const selectedItems = React32.useMemo(
+    () => allFlatItems.filter((i) => selectedItemIds.has(i.id)),
+    [allFlatItems, selectedItemIds]
+  );
   const pageItemCount = flatItems.length;
   React32.useEffect(() => {
     setActiveIndex((i) => Math.min(i, Math.max(pageItemCount - 1, 0)));
   }, [pageItemCount]);
-  function handleSelect(item) {
+  function executeBulkAction() {
+    if (!onSelectMultiple || selectedItems.length === 0) return;
+    onSelectMultiple(selectedItems);
+    onOpenChange?.(false);
+  }
+  function handleSelect(item, event) {
     if (!item) return;
+    if (multiSelect) {
+      if (event && ("ctrlKey" in event || "metaKey" in event || "shiftKey" in event) && (event.ctrlKey || event.metaKey || event.shiftKey)) {
+        toggleSelection(item.id);
+        return;
+      }
+      if (selectedItems.length > 0) {
+        const itemsToSubmit = selectedItemIds.has(item.id) ? selectedItems : [...selectedItems, item];
+        if (onSelectMultiple) {
+          onSelectMultiple(itemsToSubmit);
+        }
+        onOpenChange?.(false);
+        return;
+      }
+    }
     item.onSelect();
     onOpenChange?.(false);
     if (onRecentItemsChange) {
@@ -22049,12 +22548,26 @@ function useCommandPalette({
         }
       } else if (e.key === "Enter") {
         e.preventDefault();
-        handleSelect(flatItems[activeIndex]);
+        if (multiSelect && (e.ctrlKey || e.metaKey)) {
+          executeBulkAction();
+          return;
+        }
+        handleSelect(flatItems[activeIndex], e);
       }
     };
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
-  }, [open, flatItems, activeIndex, pageItemCount, page, totalPages]);
+  }, [
+    open,
+    flatItems,
+    activeIndex,
+    pageItemCount,
+    page,
+    totalPages,
+    executeBulkAction,
+    handleSelect,
+    multiSelect
+  ]);
   return {
     query,
     setQuery,
@@ -22070,6 +22583,10 @@ function useCommandPalette({
     totalItems,
     totalPages,
     handleSelect,
+    selectedItemIds,
+    toggleSelection,
+    selectedItems,
+    executeBulkAction,
     isEmpty: totalItems === 0 && query.trim().length > 0,
     showList: query.trim() !== "" || recentItems.length > 0
   };
@@ -22129,8 +22646,12 @@ var VirtualResultList = React32.memo(
     displayedGroups,
     flatItems,
     activeIndex,
+    multiSelect,
+    selectedItemIds,
     onHover,
-    onSelect
+    onSelect,
+    onToggleSelection,
+    searchQuery
   }) => {
     const rows = React32.useMemo(() => {
       const acc = [];
@@ -22168,7 +22689,7 @@ var VirtualResultList = React32.memo(
         ref: listRef,
         className: "overflow-y-auto overscroll-contain px-2 py-1 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/30 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/50 transition-colors",
         style: { maxHeight: `min(${LIST_MAX_HEIGHT}px, 60vh)` },
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: totalSize, position: "relative" }, children: virtualItems.map((vItem) => {
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: totalSize, position: "relative", width: "100%" }, children: virtualItems.map((vItem) => {
           const row = rows[vItem.index];
           return /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -22177,17 +22698,22 @@ var VirtualResultList = React32.memo(
               ref: virtualizer.measureElement,
               style: {
                 position: "absolute",
-                top: vItem.start,
+                top: 0,
                 left: 0,
-                right: 0
+                width: "100%",
+                transform: `translateY(${vItem.start}px)`
               },
               children: row.kind === "label" ? /* @__PURE__ */ jsxRuntime.jsx(GroupLabel, { group: row.group }) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-active": row.globalIdx === activeIndex, children: /* @__PURE__ */ jsxRuntime.jsx(
                 CommandItemRow,
                 {
                   item: row.item,
                   isActive: row.globalIdx === activeIndex,
+                  isSelected: selectedItemIds.has(row.item.id),
+                  multiSelect,
                   onHover: () => onHover(row.globalIdx),
-                  onSelect: () => onSelect(row.item)
+                  onSelect: (e) => onSelect(row.item, e),
+                  onToggleSelection: (e) => onToggleSelection(row.item.id, e),
+                  searchQuery
                 }
               ) })
             },
@@ -22199,30 +22725,55 @@ var VirtualResultList = React32.memo(
   }
 );
 VirtualResultList.displayName = "VirtualResultList";
-var FooterBar = React32.memo(({ footer, totalItems }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
-  footer ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 text-[11px] text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.ArrowElbowDownRightIcon, { className: "w-3 h-3" }),
-      "Selecionar"
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: "\u2191\u2193" }),
-      "Navegar"
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.ArrowBendUpLeftIcon, { className: "w-3 h-3" }),
-      "Fechar"
-    ] })
-  ] }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.CommandIcon, { className: "w-3 h-3" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-      totalItems,
-      " resultado",
-      totalItems !== 1 ? "s" : ""
+var FooterBar = React32.memo(
+  ({
+    footer,
+    totalItems,
+    selectedCount = 0,
+    executeBulkAction
+  }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-t border-border bg-muted/30", children: [
+    footer ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 text-[11px] text-muted-foreground", children: selectedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: executeBulkAction,
+          className: "flex items-center gap-1.5 text-primary hover:text-primary/80 transition-colors font-medium cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.CommandIcon, { className: "w-3 h-3" }),
+            " Confirmar (",
+            selectedCount,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] px-1 bg-muted rounded border", children: "Ctrl+Enter" }),
+        "Finalizar sele\xE7\xE3o"
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.ArrowElbowDownRightIcon, { className: "w-3 h-3" }),
+        "Selecionar"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: "\u2191\u2193" }),
+        "Navegar"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(react.ArrowBendUpLeftIcon, { className: "w-3 h-3" }),
+        "Fechar"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.CommandIcon, { className: "w-3 h-3" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        totalItems,
+        " resultado",
+        totalItems !== 1 ? "s" : ""
+      ] })
     ] })
   ] })
-] }));
+);
 FooterBar.displayName = "FooterBar";
 function CommandPalette(props) {
   const {
@@ -22232,6 +22783,7 @@ function CommandPalette(props) {
     footer,
     debounceDelay = 300,
     multiSearch = false,
+    multiSelect = false,
     emptyMessage = "Nenhum resultado encontrado.",
     shortcut = { key: "k", ctrl: true }
   } = props;
@@ -22248,13 +22800,16 @@ function CommandPalette(props) {
     flatItems,
     totalItems,
     handleSelect,
+    selectedItemIds,
+    toggleSelection,
+    executeBulkAction,
     isEmpty,
     showList
   } = useCommandPalette({
     ...props,
-    open: isMobile ? true : props.open
+    open: props.open
   });
-  useKeyboardShortcut(shortcut.key, () => onOpenChange(!open), {
+  useKeyboardShortcut(shortcut.key, () => onOpenChange?.(!open), {
     ctrl: shortcut.ctrl,
     meta: shortcut.meta,
     shift: shortcut.shift,
@@ -22263,7 +22818,7 @@ function CommandPalette(props) {
   React32.useEffect(() => {
     if (!open) return;
     const handleEscape = (e) => {
-      if (e.key === "Escape") onOpenChange(false);
+      if (e.key === "Escape") onOpenChange?.(false);
     };
     document.addEventListener("keydown", handleEscape);
     return () => document.removeEventListener("keydown", handleEscape);
@@ -22290,11 +22845,11 @@ function CommandPalette(props) {
     (val) => {
       setQuery(val);
       setActiveIndex(0);
-      if (!open && val.trim() !== "") onOpenChange(true);
+      if (!open && val.trim() !== "") onOpenChange?.(true);
     },
     [setQuery, setActiveIndex, open, onOpenChange]
   );
-  const handleClose = React32.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const handleClose = React32.useCallback(() => onOpenChange?.(false), [onOpenChange]);
   const handleClearQuery = React32.useCallback(() => setQuery(""), [setQuery]);
   const searchPlaceholder = multiSearch ? "Buscar\u2026 (separe termos por v\xEDrgula)" : placeholder;
   const sharedListProps = {
@@ -22304,49 +22859,65 @@ function CommandPalette(props) {
     displayedGroups,
     flatItems,
     activeIndex,
+    multiSelect,
+    selectedItemIds,
     onHover: setActiveIndex,
-    onSelect: handleSelect
+    onSelect: handleSelect,
+    onToggleSelection: toggleSelection,
+    searchQuery: query
   };
   if (isMobile) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed top-0 left-0 right-0 z-[100] px-3 py-2 bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(
-        DebouncedInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
         {
-          ref: inputRef,
-          value: query,
-          debounce: debounceDelay,
-          onChange: handleQueryChangeMobile,
-          placeholder: searchPlaceholder
+          initial: { opacity: 0, y: -20 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: -20 },
+          className: "fixed top-0 left-0 right-0 z-[100] px-4 py-3 bg-background border-b border-border shadow-sm flex items-center gap-3",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "w-5 h-5 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DebouncedInput,
+              {
+                ref: inputRef,
+                value: query,
+                debounce: debounceDelay,
+                onChange: handleQueryChangeMobile,
+                placeholder: searchPlaceholder,
+                className: "flex-1 bg-transparent border-none shadow-none focus-visible:ring-0 p-0 text-base"
+              }
+            ),
+            query && /* @__PURE__ */ jsxRuntime.jsx(ButtonBase, { variant: "ghost", size: "icon", onClick: handleClearQuery, className: "h-8 w-8", children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "w-4 h-4" }) })
+          ]
         }
-      ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showList && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-            transition: ANIMATION.overlay,
-            className: "fixed inset-0 z-[98] bg-background/60 backdrop-blur-[2px]",
-            onClick: handleClose
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          framerMotion.motion.div,
-          {
-            initial: { opacity: 0, y: -6 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: -6 },
-            transition: ANIMATION.mobilePanel,
-            className: "fixed left-3 right-3 z-[99] bg-popover border border-border rounded-lg shadow-2xl shadow-black/20 dark:shadow-black/50 overflow-hidden top-14",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SearchBadges, { terms: searchTerms }),
-              /* @__PURE__ */ jsxRuntime.jsx(VirtualResultList, { ...sharedListProps })
-            ]
-          }
-        )
-      ] }) })
-    ] });
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: ANIMATION.overlay,
+          className: "fixed inset-0 z-[98] bg-background/80 backdrop-blur-md",
+          onClick: handleClose
+        }
+      ),
+      showList && /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: { opacity: 0, y: 10 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: 10 },
+          transition: ANIMATION.mobilePanel,
+          className: "fixed inset-x-0 bottom-0 top-[60px] z-[99] bg-background overflow-hidden flex flex-col",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SearchBadges, { terms: searchTerms }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(VirtualResultList, { ...sharedListProps }) })
+          ]
+        }
+      )
+    ] }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -22355,8 +22926,7 @@ function CommandPalette(props) {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: ANIMATION.overlay,
-        className: "fixed inset-0 z-[100] bg-background/80 backdrop-blur-sm",
+        className: "fixed inset-0 z-[99] bg-black/40 backdrop-blur-sm",
         onClick: handleClose
       }
     ),
@@ -22367,17 +22937,11 @@ function CommandPalette(props) {
         animate: { opacity: 1, scale: 1, y: 0 },
         exit: { opacity: 0, scale: 0.96, y: -8 },
         transition: ANIMATION.panel,
-        className: "fixed z-[100] top-12 -translate-x-1/2 -translate-y-1/2 w-full max-w-xl rounded-xl border border-border overflow-hidden shadow-2xl shadow-black/20 dark:shadow-black/60 bg-popover/95 backdrop-blur-xl",
+        className: "fixed z-[100] top-4  -translate-x-1/2 w-full max-w-xl rounded-xl border border-border overflow-hidden shadow-2xl shadow-black/20 dark:shadow-black/60 bg-popover/95 backdrop-blur-xl",
         style: { maxHeight: "min(600px, 80vh)" },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-b border-border", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react.MagnifyingGlassIcon,
-              {
-                className: "w-4 h-4 text-muted-foreground flex-shrink-0",
-                weight: "bold"
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "w-4 h-4 text-muted-foreground flex-shrink-0", weight: "bold" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DebouncedInput,
               {
@@ -22402,7 +22966,15 @@ function CommandPalette(props) {
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(SearchBadges, { terms: searchTerms }),
           showList && /* @__PURE__ */ jsxRuntime.jsx(VirtualResultList, { ...sharedListProps }),
-          /* @__PURE__ */ jsxRuntime.jsx(FooterBar, { footer, totalItems })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FooterBar,
+            {
+              footer,
+              totalItems,
+              selectedCount: selectedItemIds.size,
+              executeBulkAction
+            }
+          )
         ]
       }
     )
@@ -22623,6 +23195,7 @@ exports.NoData = NoData_default;
 exports.NotificationButton = NotificationButton;
 exports.NumericInput = NumericInput;
 exports.PeriodsDropdown = PeriodsDropdown_default;
+exports.PieChartComponent = PieChart_default;
 exports.PopoverAnchorBase = PopoverAnchorBase;
 exports.PopoverBase = PopoverBase;
 exports.PopoverContentBase = PopoverContentBase;