@mlw-packages/react-components 1.10.3 → 1.10.5

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, CopyIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowRight, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
+import { XIcon, CircleNotchIcon, MagnifyingGlassIcon, CaretUpIcon, CaretDownIcon, CheckIcon, CaretRightIcon, CircleIcon, CloudArrowUpIcon, MinusIcon, CaretUpDownIcon, PencilSimpleIcon, ArrowsLeftRightIcon, FloppyDiskIcon, PlusIcon, TrashIcon, SidebarSimpleIcon, FilePdfIcon, FileDocIcon, FileXlsIcon, FilePptIcon, FileCsvIcon, FileTextIcon, FileImageIcon, FileVideoIcon, FileAudioIcon, FileZipIcon, FileIcon, DotsSixVerticalIcon, CopyIcon, InfoIcon, WarningIcon, XCircleIcon, CheckCircleIcon, SunIcon, MoonIcon, CaretLeftIcon, DownloadSimpleIcon, UploadSimpleIcon, ArrowClockwiseIcon, ArrowLeftIcon, GearIcon, BellIcon, DotsThreeIcon, FunnelIcon, HeartIcon, StarIcon, EyeIcon, EyeSlashIcon, LockIcon, LockOpenIcon, FolderIcon, ArrowRightIcon as ArrowRightIcon$1, ArrowsOutIcon, DownloadIcon, CalendarBlankIcon, CalendarIcon, MapPinIcon, CalendarDotsIcon, ClockIcon, AlignLeftIcon, CaretLeft, CaretRight, ArrowDownIcon, ClockUserIcon, EyeSlash, Eye, ArrowUpRightIcon, ArrowDownRightIcon, FunnelSimpleIcon, PencilIcon, FileArchiveIcon, TerminalIcon, CodeIcon, CalendarDotIcon as CalendarDotIcon$1, DesktopIcon } from '@phosphor-icons/react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -1519,20 +1519,20 @@ var TooltipContentBase = React32.forwardRef(
         id: "tooltip-content",
         role: "tooltip",
         className: cn(
-          "z-50 overflow-hidden rounded-lg bg-primary px-3 py-2 text-sm text-primary-foreground",
-          "shadow-lg border border-primary/20",
-          "animate-in fade-in-0 zoom-in-95 duration-200 ease-out",
-          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-150",
-          "data-[side=bottom]:slide-in-from-top-2",
-          "data-[side=left]:slide-in-from-right-2",
-          "data-[side=right]:slide-in-from-left-2",
-          "data-[side=top]:slide-in-from-bottom-2",
+          "z-50 rounded-lg bg-popover px-3 py-1.5 text-sm leading-snug text-popover-foreground",
+          "[filter:drop-shadow(0_0_0.5px_hsl(var(--border)))_drop-shadow(0_4px_12px_hsl(var(--foreground)/0.08))]",
+          "animate-in fade-in-0 zoom-in-95 duration-150 ease-out",
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-100",
+          "data-[side=bottom]:slide-in-from-top-1.5",
+          "data-[side=left]:slide-in-from-right-1.5",
+          "data-[side=right]:slide-in-from-left-1.5",
+          "data-[side=top]:slide-in-from-bottom-1.5",
           className
         ),
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-primary" })
+          /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-popover h-2 w-3.5" })
         ]
       }
     ) });
@@ -2323,7 +2323,7 @@ function ComboboxBase({
                       "aria-disabled": disabled || void 0,
                       disabled,
                       className: cn(
-                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation`,
+                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation font-light`,
                         error && "border-red-500"
                       ),
                       "data-testid": testIds.trigger ?? "combobox-trigger",
@@ -2465,7 +2465,7 @@ function Combobox({
         className: cn(
           "truncate",
           disabled && "opacity-60 cursor-not-allowed",
-          !selectedItem && "text-gray-500"
+          !selectedItem && "text-muted-foreground"
         ),
         children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..."
       }
@@ -2675,46 +2675,48 @@ function MultiSelectValueBase({
     if (valueRef.current == null) return;
     const containerElement = valueRef.current;
     const overflowElement = overflowRef.current;
-    const items2 = containerElement.querySelectorAll(
+    const badgeItems = containerElement.querySelectorAll(
       "[data-selected-item]"
     );
     if (overflowElement != null) overflowElement.style.display = "none";
-    items2.forEach((child) => child.style.removeProperty("display"));
+    badgeItems.forEach((child) => child.style.removeProperty("display"));
+    if (shouldWrap) {
+      setOverflowAmount(0);
+      return;
+    }
     let amount = 0;
-    for (let i = items2.length - 1; i >= 0; i--) {
-      const child = items2[i];
-      if (containerElement.scrollWidth <= containerElement.clientWidth) {
-        break;
-      }
-      amount = items2.length - i;
+    for (let i = badgeItems.length - 1; i >= 0; i--) {
+      if (containerElement.scrollWidth <= containerElement.clientWidth) break;
+      const child = badgeItems[i];
+      amount = badgeItems.length - i;
       child.style.display = "none";
-      overflowElement?.style.removeProperty("display");
+      if (overflowElement != null) {
+        overflowElement.style.removeProperty("display");
+      }
     }
     setOverflowAmount(amount);
+  }, [shouldWrap]);
+  useEffect(() => {
+    if (overflowRef.current) {
+      overflowRef.current.style.display = "none";
+    }
   }, []);
+  useEffect(() => {
+    checkOverflow();
+  }, [open, shouldWrap, checkOverflow]);
   const handleResize = useCallback(
     (node) => {
       if (node == null) {
         valueRef.current = null;
-        if (resizeObserverRef.current) {
-          resizeObserverRef.current.disconnect();
-          resizeObserverRef.current = null;
-        }
-        if (mutationObserverRef.current) {
-          mutationObserverRef.current.disconnect();
-          mutationObserverRef.current = null;
-        }
-        return;
-      }
-      valueRef.current = node;
-      if (resizeObserverRef.current) {
-        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current?.disconnect();
         resizeObserverRef.current = null;
-      }
-      if (mutationObserverRef.current) {
-        mutationObserverRef.current.disconnect();
+        mutationObserverRef.current?.disconnect();
         mutationObserverRef.current = null;
+        return;
       }
+      valueRef.current = node;
+      resizeObserverRef.current?.disconnect();
+      mutationObserverRef.current?.disconnect();
       const mo = new MutationObserver(checkOverflow);
       const ro = new ResizeObserver(debounce(checkOverflow, 100));
       mutationObserverRef.current = mo;
@@ -2729,6 +2731,7 @@ function MultiSelectValueBase({
     },
     [checkOverflow]
   );
+  const [overflowHovered, setOverflowHovered] = useState(false);
   const visibleSelected = [...selectedValues].filter((value) => items.has(value)).sort((a, b) => {
     const aNode = items.get(a);
     const bNode = items.get(b);
@@ -2746,7 +2749,7 @@ function MultiSelectValueBase({
       ...props,
       ref: handleResize,
       className: cn(
-        "flex w-full gap-1.5 overflow-hidden",
+        "flex flex-1 w-full gap-1.5 overflow-hidden min-w-0",
         shouldWrap && "h-full flex-wrap",
         className
       ),
@@ -2756,7 +2759,7 @@ function MultiSelectValueBase({
           {
             "data-selected-item": true,
             size: "sm",
-            className: "group flex items-center gap-1  border-border",
+            className: "group flex items-center gap-1 border-border shrink-0",
             onClick: clickToRemove ? (e) => {
               e.stopPropagation();
               toggleValue(value);
@@ -2768,19 +2771,38 @@ function MultiSelectValueBase({
           },
           value
         )),
-        /* @__PURE__ */ jsxs(
-          Badge,
-          {
-            style: {
-              display: overflowAmount > 0 && !shouldWrap ? "block" : "none"
-            },
-            ref: overflowRef,
-            children: [
-              "+",
-              overflowAmount
-            ]
-          }
-        )
+        overflowAmount > 0 && /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { open: overflowHovered, children: [
+          /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: overflowRef,
+              className: "inline-flex",
+              onMouseEnter: () => setOverflowHovered(true),
+              onMouseLeave: () => setOverflowHovered(false),
+              children: /* @__PURE__ */ jsxs(Badge, { size: "sm", className: "shrink-0 cursor-default", children: [
+                "+",
+                overflowAmount
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(TooltipContentBase, { className: "p-2 max-w-xs", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-primary-foreground/60 mb-1.5 px-1", children: [
+              overflowAmount,
+              " item",
+              overflowAmount > 1 ? "s" : "",
+              " oculto",
+              overflowAmount > 1 ? "s" : ""
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: visibleSelected.slice(visibleSelected.length - overflowAmount).map((value) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "inline-flex items-center rounded-md bg-primary-foreground/15 px-2 py-0.5 text-xs font-medium text-primary-foreground",
+                children: typeof items.get(value) === "string" ? items.get(value) : value
+              },
+              value
+            )) })
+          ] })
+        ] }) })
       ]
     }
   );
@@ -2842,7 +2864,7 @@ function MultiSelectItemBase({
   ...props
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
-  const isSelected = selectedValues.has(value);
+  const [hovered, setHovered] = useState(false);
   useEffect(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
@@ -2854,17 +2876,35 @@ function MultiSelectItemBase({
         toggleValue(value);
         onSelect?.(value);
       },
-      children: /* @__PURE__ */ jsxs(motion.div, { transition: { duration: 0.1 }, children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(
-          motion.div,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children }),
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            initial: { scale: 0 },
-            animate: { scale: isSelected ? 1 : 0 },
-            transition: { type: "spring", stiffness: 500, damping: 30 },
-            children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" })
+            className: "relative flex h-4 w-4 shrink-0 items-center justify-center",
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+            children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: selectedValues.has(value) && (hovered ? /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { scale: 0, rotate: -90, opacity: 0 },
+                animate: { scale: 1, rotate: 0, opacity: 1 },
+                transition: { duration: 0.05, ease: "easeOut" },
+                children: /* @__PURE__ */ jsx(XIcon, { className: "size-4 text-destructive" })
+              },
+              "x"
+            ) : /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { scale: 0, rotate: 90, opacity: 0 },
+                animate: { scale: 1, rotate: 0, opacity: 1 },
+                transition: { duration: 0.05, ease: "easeOut" },
+                children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" })
+              },
+              "check"
+            )) })
           }
-        ) }),
-        children
+        )
       ] })
     }
   );
@@ -3646,14 +3686,14 @@ var CardFooterBase = React32.forwardRef(({ className, testid: dataTestId = "card
   }
 ));
 CardFooterBase.displayName = "CardFooter";
-var FileTypes = {
-  Image: ["image/*", ".jpeg", ".jpg", ".png", ".gif", ".webp", ".svg"],
-  Document: [".pdf", ".doc", ".docx", ".txt", ".rtf"],
-  Spreadsheet: [".xls", ".xlsx", ".csv"],
-  Presentation: [".ppt", ".pptx"],
-  Video: ["video/*", ".mp4", ".webm", ".mkv", ".avi"],
-  Audio: ["audio/*", ".mp3", ".wav", ".ogg"],
-  All: []
+var FileAccept = {
+  Image: "image/*",
+  Document: "pdf,doc,docx,txt,rtf",
+  Spreadsheet: "xls,xlsx,csv",
+  Presentation: "ppt,pptx",
+  Video: "video/*",
+  Audio: "audio/*",
+  All: "*"
 };
 var formatFileSize = (bytes) => {
   if (bytes === 0) return "0 Bytes";
@@ -3662,66 +3702,62 @@ var formatFileSize = (bytes) => {
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
 };
-var getFileExtension = (filename) => {
-  return filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
+var getFileExtension = (filename) => filename.slice((filename.lastIndexOf(".") - 1 >>> 0) + 2);
+var parseAcceptTokens = (accept) => accept.split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+var validateFileAgainstAccept = (file, accept) => {
+  if (!accept || accept === "*") return true;
+  const tokens = parseAcceptTokens(accept);
+  const ext = getFileExtension(file.name).toLowerCase();
+  const mime = file.type.toLowerCase();
+  return tokens.some((token) => {
+    if (token.endsWith("/*")) return mime.startsWith(token.replace("/*", ""));
+    const tokenExt = token.startsWith(".") ? token.substring(1) : token;
+    if (!token.includes("/")) return ext === tokenExt;
+    return mime === token;
+  });
+};
+var formatAcceptForInput = (accept) => {
+  if (!accept || accept === "*") return void 0;
+  return parseAcceptTokens(accept).map((t) => t.includes("/") || t.startsWith(".") ? t : `.${t}`).join(",");
 };
 var getFileTypeIcon = (file) => {
   const extension = getFileExtension(file.name).toLowerCase();
   const mimeType = file.type.toLowerCase();
-  if (extension === "pdf" || mimeType === "application/pdf") {
+  if (extension === "pdf" || mimeType === "application/pdf")
     return /* @__PURE__ */ jsx(FilePdfIcon, { size: 20, className: "text-red-500" });
-  }
-  if (["doc", "docx"].includes(extension) || mimeType.includes("word")) {
+  if (["doc", "docx"].includes(extension) || mimeType.includes("word"))
     return /* @__PURE__ */ jsx(FileDocIcon, { size: 20, className: "text-blue-500" });
-  }
-  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet")) {
+  if (["xls", "xlsx"].includes(extension) || mimeType.includes("sheet"))
     return /* @__PURE__ */ jsx(FileXlsIcon, { size: 20, className: "text-green-500" });
-  }
-  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation")) {
+  if (["ppt", "pptx"].includes(extension) || mimeType.includes("presentation"))
     return /* @__PURE__ */ jsx(FilePptIcon, { size: 20, className: "text-orange-500" });
-  }
-  if (extension === "csv" || mimeType === "text/csv") {
+  if (extension === "csv" || mimeType === "text/csv")
     return /* @__PURE__ */ jsx(FileCsvIcon, { size: 20, className: "text-green-600" });
-  }
   if (["txt", "md", "json", "xml", "js", "ts", "html", "css"].includes(
     extension
-  ) || mimeType.includes("text")) {
+  ) || mimeType.includes("text"))
     return /* @__PURE__ */ jsx(FileTextIcon, { size: 20, className: "text-gray-500" });
-  }
-  if (mimeType.startsWith("image/")) {
+  if (mimeType.startsWith("image/"))
     return /* @__PURE__ */ jsx(FileImageIcon, { size: 20, className: "text-purple-500" });
-  }
-  if (mimeType.startsWith("video/")) {
+  if (mimeType.startsWith("video/"))
     return /* @__PURE__ */ jsx(FileVideoIcon, { size: 20, className: "text-pink-500" });
-  }
-  if (mimeType.startsWith("audio/")) {
+  if (mimeType.startsWith("audio/"))
     return /* @__PURE__ */ jsx(FileAudioIcon, { size: 20, className: "text-indigo-500" });
-  }
-  if (["zip", "rar", "7z", "tar", "gz"].includes(extension)) {
+  if (["zip", "rar", "7z", "tar", "gz"].includes(extension))
     return /* @__PURE__ */ jsx(FileZipIcon, { size: 20, className: "text-yellow-600" });
-  }
   return /* @__PURE__ */ jsx(FileIcon, { size: 20, className: "text-muted-foreground" });
 };
-var createImagePreview = (file) => {
-  return new Promise((resolve) => {
-    if (!file.type.startsWith("image/")) {
-      resolve(null);
-      return;
-    }
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      resolve(e.target?.result);
-    };
-    reader.onerror = () => {
-      resolve(null);
-    };
-    reader.readAsDataURL(file);
-  });
-};
+var createImagePreview = (file) => new Promise((resolve) => {
+  if (!file.type.startsWith("image/")) return resolve(null);
+  const reader = new FileReader();
+  reader.onload = (e) => resolve(e.target?.result);
+  reader.onerror = () => resolve(null);
+  reader.readAsDataURL(file);
+});
 var FileUploader = React32.forwardRef(
   ({
     className,
-    accept = FileTypes.All,
+    accept = "*",
     maxSize = 10,
     maxFiles = 1,
     disabled = false,
@@ -3744,72 +3780,49 @@ var FileUploader = React32.forwardRef(
     }, [value]);
     React32.useEffect(() => {
       return () => {
-        files.forEach((file) => {
-          if (file.preview) {
-            URL.revokeObjectURL(file.preview);
-          }
+        files.forEach((f) => {
+          if (f.preview) URL.revokeObjectURL(f.preview);
         });
       };
     }, [files]);
     const validateFile = (file) => {
-      const maxSizeBytes = maxSize * 1024 * 1024;
-      if (file.size > maxSizeBytes) {
-        return `Arquivo muito grande. M\xE1ximo: ${maxSize} MB`;
-      }
-      if (accept.length > 0) {
-        const fileExtension = `.${getFileExtension(file.name)}`;
-        const fileType = file.type;
-        const isAccepted = accept.some((acceptItem) => {
-          if (acceptItem.startsWith(".")) {
-            return fileExtension.toLowerCase() === acceptItem.toLowerCase();
-          }
-          if (acceptItem.endsWith("/*")) {
-            return fileType.startsWith(acceptItem.replace("/*", ""));
-          }
-          return fileType === acceptItem;
-        });
-        if (!isAccepted) {
-          return `Tipo de arquivo n\xE3o permitido. Aceitos: ${accept.join(", ")}`;
-        }
-      }
+      if (file.size > maxSize * 1024 * 1024)
+        return `Arquivo muito grande. M\xE1ximo: ${maxSize}MB`;
+      if (!validateFileAgainstAccept(file, accept))
+        return `Tipo n\xE3o permitido. Aceitos: ${accept}`;
       return null;
     };
     const createFileWithPreview = async (file) => {
-      const fileWithPreview = file;
-      fileWithPreview.id = `${file.name}-${Date.now()}-${Math.random()}`;
-      const error = validateFile(file);
-      if (error) {
-        fileWithPreview.error = error;
-      }
-      if (file.type.startsWith("image/")) {
+      const f = file;
+      f.id = `${file.name}-${Date.now()}-${Math.random()}`;
+      f.error = validateFile(file) ?? void 0;
+      if (!f.error && file.type.startsWith("image/")) {
         try {
           const preview = await createImagePreview(file);
-          if (preview) {
-            fileWithPreview.preview = preview;
-          }
-        } catch (error2) {
-          console.warn("Erro ao criar preview da imagem:", error2);
+          if (preview) f.preview = preview;
+        } catch (err) {
+          console.warn("Erro ao criar preview:", err);
         }
       }
-      return fileWithPreview;
+      return f;
     };
     const handleFiles = async (newFiles) => {
       if (disabled) return;
-      const availableSlots = maxFiles - files.length;
-      const filesToAdd = multiple ? newFiles.slice(0, availableSlots) : [newFiles[0]];
-      const filesWithPreview = await Promise.all(
-        filesToAdd.map((file) => createFileWithPreview(file))
+      const slots = maxFiles - files.length;
+      const filesToAdd = multiple ? newFiles.slice(0, slots) : [newFiles[0]];
+      const processed = await Promise.all(
+        filesToAdd.map(createFileWithPreview)
       );
-      const updatedFiles = multiple ? [...files, ...filesWithPreview] : filesWithPreview;
-      setFiles(updatedFiles);
-      onValueChange(updatedFiles);
+      const updated = multiple ? [...files, ...processed] : processed;
+      setFiles(updated);
+      onValueChange(updated);
       if (onUpload) {
-        const validFiles = filesWithPreview.filter((f) => !f.error);
-        if (validFiles.length > 0) {
+        const valid = processed.filter((f) => !f.error);
+        if (valid.length > 0) {
           try {
-            await onUpload(validFiles);
-          } catch (error) {
-            console.error("Erro no upload:", error);
+            await onUpload(valid);
+          } catch (err) {
+            console.error("Erro no upload:", err);
           }
         }
       }
@@ -3818,17 +3831,12 @@ var FileUploader = React32.forwardRef(
       e.preventDefault();
       e.stopPropagation();
       dragCounterRef.current++;
-      if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {
-        setIsDragging(true);
-      }
+      if (e.dataTransfer.items?.length > 0) setIsDragging(true);
     };
     const handleDragLeave = (e) => {
       e.preventDefault();
       e.stopPropagation();
-      dragCounterRef.current--;
-      if (dragCounterRef.current === 0) {
-        setIsDragging(false);
-      }
+      if (--dragCounterRef.current === 0) setIsDragging(false);
     };
     const handleDragOver = (e) => {
       e.preventDefault();
@@ -3839,43 +3847,19 @@ var FileUploader = React32.forwardRef(
       e.stopPropagation();
       setIsDragging(false);
       dragCounterRef.current = 0;
-      if (disabled) return;
-      const droppedFiles = Array.from(e.dataTransfer.files);
-      handleFiles(droppedFiles);
+      if (!disabled) handleFiles(Array.from(e.dataTransfer.files));
     };
     const handleInputChange = (e) => {
-      if (e.target.files) {
-        const selectedFiles = Array.from(e.target.files);
-        handleFiles(selectedFiles);
-      }
+      if (e.target.files) handleFiles(Array.from(e.target.files));
     };
     const handleRemoveFile = (fileId) => {
-      const fileToRemove = files.find((f) => f.id === fileId);
-      if (fileToRemove?.preview) {
-        URL.revokeObjectURL(fileToRemove.preview);
-      }
-      const updatedFiles = files.filter((f) => f.id !== fileId);
-      setFiles(updatedFiles);
-      onValueChange(updatedFiles);
-    };
-    const handleClick = () => {
-      if (!disabled) {
-        inputRef.current?.click();
-      }
+      const target = files.find((f) => f.id === fileId);
+      if (target?.preview) URL.revokeObjectURL(target.preview);
+      const updated = files.filter((f) => f.id !== fileId);
+      setFiles(updated);
+      onValueChange(updated);
     };
-    const acceptString = accept.join(",");
-    const getFormatText = () => {
-      if (accept === FileTypes.All || accept.length === 0)
-        return "Qualquer formato";
-      if (accept === FileTypes.Image) return "Apenas imagens";
-      if (accept === FileTypes.Document) return "Apenas documentos";
-      if (accept === FileTypes.Video) return "Apenas v\xEDdeos";
-      if (accept === FileTypes.Audio) return "Apenas \xE1udio";
-      if (accept === FileTypes.Spreadsheet) return "Apenas planilhas";
-      if (accept === FileTypes.Presentation) return "Apenas apresenta\xE7\xF5es";
-      return "Formatos espec\xEDficos v\xE1lidos";
-    };
-    const defaultSubtext = dropzoneSubtext || `${getFormatText()} (M\xE1x: ${maxSize}MB)`;
+    const defaultSubtext = dropzoneSubtext ?? `${accept === "*" ? "Qualquer formato" : accept} (M\xE1x: ${maxSize}MB)`;
     return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(
       motion.div,
       {
@@ -3889,7 +3873,7 @@ var FileUploader = React32.forwardRef(
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
-        onClick: handleClick,
+        onClick: () => !disabled && inputRef.current?.click(),
         whileTap: !disabled ? { scale: 0.99 } : void 0,
         animate: isDragging ? {
           borderColor: `hsl(var(--primary))`,
@@ -3900,12 +3884,7 @@ var FileUploader = React32.forwardRef(
           backgroundColor: `hsl(var(--background))`,
           scale: 1
         },
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          duration: 0.3
-        },
+        transition: { type: "spring", stiffness: 300, damping: 25 },
         children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -3913,7 +3892,7 @@ var FileUploader = React32.forwardRef(
               ref: inputRef,
               type: "file",
               className: "hidden",
-              accept: acceptString,
+              accept: formatAcceptForInput(accept),
               multiple,
               disabled,
               onChange: handleInputChange
@@ -3923,20 +3902,11 @@ var FileUploader = React32.forwardRef(
             motion.div,
             {
               animate: isDragging ? { scale: 1.2, rotate: 10 } : { scale: 1, rotate: 0 },
-              transition: {
-                type: "spring",
-                stiffness: 300,
-                damping: 20,
-                duration: 0.3
-              },
+              transition: { type: "spring", stiffness: 300, damping: 20 },
               children: /* @__PURE__ */ jsx(
                 motion.div,
                 {
-                  className: cn(
-                    "mb-4 h-16 w-16 text-muted-foreground transition-colors duration-300 drop-shadow-lg flex items-center justify-center",
-                    isDragging && "text-primary"
-                  ),
-                  initial: false,
+                  className: "mb-4 h-16 w-16 drop-shadow-lg flex items-center justify-center",
                   animate: {
                     color: isDragging ? `hsl(var(--primary))` : `hsl(var(--muted-foreground))`
                   },
@@ -3966,14 +3936,14 @@ var FileUploader = React32.forwardRef(
               children: defaultSubtext
             }
           ),
-          showPreview && files.length > 0 && /* @__PURE__ */ jsx(
+          showPreview && files.length > 0 && /* @__PURE__ */ jsxs(
             motion.div,
             {
               className: "py-2 w-full",
               initial: animate ? { opacity: 0, y: 10 } : false,
               animate: { opacity: 1, y: 0 },
               transition: { delay: 0.3 },
-              children: /* @__PURE__ */ jsxs("div", { children: [
+              children: [
                 /* @__PURE__ */ jsxs("h4", { className: "text-xs font-medium text-muted-foreground pb-0.5", children: [
                   "Arquivos selecionados (",
                   files.length,
@@ -4052,7 +4022,7 @@ var FileUploader = React32.forwardRef(
                   },
                   file.id
                 )) }) })
-              ] })
+              ]
             }
           )
         ]
@@ -9906,6 +9876,7 @@ function Select({
             {
               className: cn(
                 "flex items-center gap-2 justify-between [&>div]:line-clamp-1 [&>span]:line-clamp-1 relative",
+                !selected && "text-muted-foreground",
                 error && "border-red-500",
                 className
               ),
@@ -14479,6 +14450,7 @@ function MultiSelect({
             {
               className: cn(
                 "flex items-center gap-2 justify-between hover:bg-muted transition-all duration-150",
+                !selected && "text-muted-foreground",
                 error && "border-red-500",
                 className
               ),
@@ -16227,11 +16199,12 @@ var SystemTooltip = ({
   isLoading = false,
   onMouseDown,
   onClose,
-  onPositionChange
+  onPositionChange,
+  onConnectionClick,
+  onProcessClick
 }) => {
   const [localPos, setLocalPos] = useState(position);
   const [dragging, setDragging] = useState(false);
-  const [expandedId, setExpandedId] = useState(null);
   const offsetRef = useRef({ x: 0, y: 0 });
   const lastMouse = useRef({ x: 0, y: 0 });
   useEffect(() => setLocalPos(position), [position]);
@@ -16302,6 +16275,19 @@ var SystemTooltip = ({
     },
     [id, onMouseDown]
   );
+  const handleConnClick = useCallback(
+    (e, conn) => {
+      e.stopPropagation();
+      const rect = e.currentTarget.getBoundingClientRect();
+      const pos = { x: rect.right + 8, y: rect.top };
+      if (conn.integration?.Nome) {
+        onProcessClick?.(conn, pos);
+      } else {
+        onConnectionClick?.(conn, pos);
+      }
+    },
+    [onConnectionClick, onProcessClick]
+  );
   const entries = useMemo(
     () => data.connections.filter((c) => c.type === "entrada"),
     [data.connections]
@@ -16310,6 +16296,28 @@ var SystemTooltip = ({
     () => data.connections.filter((c) => c.type === "saida"),
     [data.connections]
   );
+  const renderConnections = (connections, color) => {
+    const isEmerald = color === "emerald";
+    return connections.map((conn) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `group flex items-center justify-between p-2 rounded-lg cursor-pointer transition-all
+          ${isEmerald ? "bg-emerald-500/5 border border-emerald-500/10 hover:border-emerald-500/30" : "bg-blue-500/5 border border-blue-500/10 hover:border-blue-500/30"}`,
+        onClick: (e) => handleConnClick(e, conn),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
+          /* @__PURE__ */ jsx(
+            ArrowRightIcon$1,
+            {
+              size: 14,
+              className: `shrink-0 ${isEmerald ? "text-emerald-500 rotate-180" : "text-blue-500"}`
+            }
+          )
+        ]
+      },
+      conn.id
+    ));
+  };
   return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
     motion.div,
     {
@@ -16327,7 +16335,7 @@ var SystemTooltip = ({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 ",
+            className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30",
             onMouseDown: handleMouseDownLocal,
             onTouchStart: handleTouchStartLocal,
             style: {
@@ -16347,7 +16355,7 @@ var SystemTooltip = ({
                   onClick: () => onClose(id),
                   className: "text-muted-foreground hover:text-destructive transition-colors hover:bg-destructive/10 mr-1",
                   style: { cursor: "pointer" },
-                  children: /* @__PURE__ */ jsx(XIcon$1, { size: 16 })
+                  children: /* @__PURE__ */ jsx(XIcon, { size: 16 })
                 }
               )
             ]
@@ -16360,7 +16368,7 @@ var SystemTooltip = ({
           /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold text-foreground tracking-tight truncate", children: data.name }),
           data.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground tracking-tight truncate", children: data.description })
         ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "px-3 pb-4 space-y-4 max-h-[300px] overflow-y-auto [&::-webkit-scrollbar]:w- [&::-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__ */ 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__ */ jsx(SeparatorBase, { className: "w-full" }),
           isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -16383,128 +16391,14 @@ var SystemTooltip = ({
                 /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }),
                 /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: "Entradas" })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: entries.map((conn) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "group flex items-center justify-between p-2 rounded-lg bg-emerald-500/5 border border-emerald-500/10 hover:border-emerald-500/30 transition-all cursor-pointer",
-                    onClick: () => setExpandedId(
-                      expandedId === conn.id ? null : conn.id
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
-                      /* @__PURE__ */ jsx(
-                        ArrowRight,
-                        {
-                          size: 14,
-                          className: "text-emerald-500 shrink-0 rotate-180"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                expandedId === conn.id && conn.integration && /* @__PURE__ */ jsxs("div", { className: "ml-2 p-2 rounded-lg bg-muted/30 border border-border/20 text-xs space-y-1", children: [
-                  conn.integration.Nome && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Nome:" }),
-                    " ",
-                    conn.integration.Nome
-                  ] }),
-                  (conn.integration.tipo || conn.integration.Tipo) && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Tipo:" }),
-                    " ",
-                    conn.integration.tipo || conn.integration.Tipo
-                  ] }),
-                  conn.integration.Protocolos && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Protocolos:" }),
-                    " ",
-                    conn.integration.Protocolos
-                  ] }),
-                  conn.integration.Ambiente && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Ambiente:" }),
-                    " ",
-                    conn.integration.Ambiente
-                  ] }),
-                  conn.integration.Setor && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Setor:" }),
-                    " ",
-                    conn.integration.Setor
-                  ] }),
-                  conn.integration.Contato && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Contato:" }),
-                    " ",
-                    conn.integration.Contato
-                  ] }),
-                  conn.integration.Sustentacao && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Sustenta\xE7\xE3o:" }),
-                    " ",
-                    conn.integration.Sustentacao
-                  ] })
-                ] })
-              ] }, conn.id)) })
+              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: renderConnections(entries, "emerald") })
             ] }),
             exits.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-blue-500" }),
                 /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: "Sa\xEDdas" })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: exits.map((conn) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "group flex items-center justify-between p-2 rounded-lg bg-blue-500/5 border border-blue-500/10 hover:border-blue-500/30 transition-all cursor-pointer",
-                    onClick: () => setExpandedId(
-                      expandedId === conn.id ? null : conn.id
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
-                      /* @__PURE__ */ jsx(
-                        ArrowRight,
-                        {
-                          size: 14,
-                          className: "text-blue-500 shrink-0"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                expandedId === conn.id && conn.integration && /* @__PURE__ */ jsxs("div", { className: "ml-2 p-2 rounded-lg bg-muted/30 border border-border/20 text-xs space-y-1", children: [
-                  conn.integration.Nome && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Nome:" }),
-                    " ",
-                    conn.integration.Nome
-                  ] }),
-                  (conn.integration.tipo || conn.integration.Tipo) && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Tipo:" }),
-                    " ",
-                    conn.integration.tipo || conn.integration.Tipo
-                  ] }),
-                  conn.integration.Protocolos && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Protocolos:" }),
-                    " ",
-                    conn.integration.Protocolos
-                  ] }),
-                  conn.integration.Ambiente && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Ambiente:" }),
-                    " ",
-                    conn.integration.Ambiente
-                  ] }),
-                  conn.integration.Setor && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Setor:" }),
-                    " ",
-                    conn.integration.Setor
-                  ] }),
-                  conn.integration.Contato && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Contato:" }),
-                    " ",
-                    conn.integration.Contato
-                  ] }),
-                  conn.integration.Sustentacao && /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Sustenta\xE7\xE3o:" }),
-                    " ",
-                    conn.integration.Sustentacao
-                  ] })
-                ] })
-              ] }, conn.id)) })
+              /* @__PURE__ */ jsx("div", { className: "space-y-1", children: renderConnections(exits, "blue") })
             ] }),
             data.connections.length === 0 && !isLoading && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Nenhuma conex\xE3o encontrada" }) })
           ] })
@@ -16528,6 +16422,78 @@ var useIsTruncated = (ref) => {
   }, [ref]);
   return truncated;
 };
+var CopyData = ({ value }) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = useCallback(() => {
+    navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [value]);
+  return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleCopy,
+        className: "shrink-0 p-0.5 rounded transition-colors text-muted-foreground/40 hover:text-foreground hover:bg-muted",
+        style: { cursor: "pointer" },
+        children: copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: copied ? "Copiado!" : "Copiar" })
+  ] }) });
+};
+var propertyLabels = {
+  Nome: "Nome",
+  tipo: "Tipo",
+  Tipo: "Tipo",
+  Protocolos: "Protocolos",
+  Ambiente: "Ambiente",
+  Setor: "Setor",
+  Contato: "Contato",
+  Sustentacao: "Sustenta\xE7\xE3o",
+  Destino: "Destino",
+  Origem: "Origem"
+};
+var IntegrationCard = ({ title, details }) => {
+  const titleRef = useRef(null);
+  const isTitleTruncated = useIsTruncated(titleRef);
+  const blackList = ["id", "elementId", "identity"];
+  const entries = details ? Object.entries(details).filter(
+    ([key, value]) => value !== void 0 && value !== null && value !== "" && !blackList.includes(key)
+  ) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border/40 bg-muted/20 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
+      /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
+        /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: titleRef,
+            className: "text-sm font-bold text-foreground truncate flex-1 min-w-0 cursor-default",
+            children: title
+          }
+        ) }),
+        isTitleTruncated && /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
+      ] }) }),
+      entries.length > 0 && /* @__PURE__ */ jsx(
+        CopyData,
+        {
+          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
+        }
+      )
+    ] }),
+    entries.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/20 px-0.5", children: entries.map(([key, value]) => {
+      const label = propertyLabels[key] || key;
+      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
+          label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground break-all flex-1 min-w-0", children: String(value) })
+      ] }, key);
+    }) })
+  ] });
+};
 var NameTooltip = ({
   name,
   description
@@ -16538,7 +16504,7 @@ var NameTooltip = ({
   const isDescTruncated = useIsTruncated(descRef);
   const showTooltip = isNameTruncated || isDescTruncated;
   return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
-    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "cursor-default", children: [
+    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "cursor-default min-w-0", children: [
       /* @__PURE__ */ jsx(
         "h3",
         {
@@ -16565,7 +16531,7 @@ var NameTooltip = ({
 var SystemNode = ({ label }) => {
   const truncated = label.length > 9 ? label.substring(0, 9) + "\u2026" : label;
   const needsTooltip = label.length > 9;
-  const circle = /* @__PURE__ */ jsx("div", { className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-primary-foreground text-center px-2 leading-tight select-none", children: truncated }) });
+  const circle = /* @__PURE__ */ jsx("div", { className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default max-w-xs", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-primary-foreground text-center px-2 leading-tight select-none", children: truncated }) });
   if (!needsTooltip) return circle;
   return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
     /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: circle }),
@@ -16612,14 +16578,13 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
     if (leftRef.current) ro.observe(leftRef.current);
     if (rightRef.current) ro.observe(rightRef.current);
     const mo = new MutationObserver(schedule);
-    mo.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class", "style"]
-    });
-    mo.observe(document.body, {
-      attributes: true,
-      attributeFilter: ["class", "style"]
-    });
+    if (containerRef.current) {
+      mo.observe(containerRef.current, {
+        attributes: true,
+        attributeFilter: ["class", "style"],
+        subtree: true
+      });
+    }
     return () => {
       cancelAnimationFrame(rafId);
       ro.disconnect();
@@ -16632,7 +16597,7 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
-      className: "pointer-events-none absolute left-0 top-0",
+      className: "pointer-events-none absolute left-0 top-0 right-0",
       width: svgSize.w,
       height: svgSize.h,
       fill: "none",
@@ -16697,7 +16662,7 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     "div",
     {
       ref: containerRef,
-      className: "relative flex items-center justify-between py-1 px-3",
+      className: "relative flex items-center justify-between py-1 px-6 max-w-xs",
       children: [
         /* @__PURE__ */ jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsx(SystemNode, { label: isInput ? externalSystem : currentSystem }) }),
         /* @__PURE__ */ jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsx(SystemNode, { label: isInput ? currentSystem : externalSystem }) }),
@@ -16714,110 +16679,7 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     }
   );
 };
-var CopyData = ({ value }) => {
-  const [copied, setCopied] = useState(false);
-  const handleCopy = useCallback(() => {
-    navigator.clipboard.writeText(value).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    });
-  }, [value]);
-  return /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
-    /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        onClick: handleCopy,
-        className: "shrink-0 p-0.5 rounded transition-colors text-muted-foreground/40 hover:text-foreground hover:bg-muted",
-        style: { cursor: "pointer" },
-        children: copied ? /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M3 8l3.5 3.5L13 4.5",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ) }) : /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: "5",
-              y: "5",
-              width: "8",
-              height: "9",
-              rx: "1.5",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M3 11V3.5A1.5 1.5 0 0 1 4.5 2H11",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round"
-            }
-          )
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: copied ? "Copiado!" : "Copiar" })
-  ] }) });
-};
-var propertyLabels = {
-  Nome: "Nome",
-  tipo: "Tipo",
-  Tipo: "Tipo",
-  Protocolos: "Protocolos",
-  Ambiente: "Ambiente",
-  Setor: "Setor",
-  Contato: "Contato",
-  Sustentacao: "Sustenta\xE7\xE3o",
-  Destino: "Destino",
-  Origem: "Origem"
-};
-var IntegrationCard = ({ title, details }) => {
-  const titleRef = useRef(null);
-  const isTitleTruncated = useIsTruncated(titleRef);
-  const blackList = ["id", "elementId", "identity"];
-  const entries = details ? Object.entries(details).filter(
-    ([key, value]) => value !== void 0 && value !== null && value !== "" && !blackList.includes(key)
-  ) : [];
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-sm border border-border/40 bg-muted/20 overflow-hidden", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
-      /* @__PURE__ */ jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxs(TooltipBase, { children: [
-        /* @__PURE__ */ jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            ref: titleRef,
-            className: "text-sm font-bold text-foreground truncate flex-1 cursor-default",
-            children: title
-          }
-        ) }),
-        isTitleTruncated && /* @__PURE__ */ jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
-      ] }) }),
-      entries.length > 0 && /* @__PURE__ */ jsx(
-        CopyData,
-        {
-          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
-        }
-      )
-    ] }),
-    entries.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/20", children: entries.map(([key, value]) => {
-      const label = propertyLabels[key] || key;
-      return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
-          label,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground break-all flex-1", children: String(value) })
-      ] }, key);
-    }) })
-  ] });
-};
-var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3 overflow-y-auto flex-1 [&::-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: [
+var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsx(ScrollAreaBase, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-3 space-y-3 max-w-xs", children: [
   isLoading ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsx(SkeletonBase, { className: "h-6 w-3/4" }),
     /* @__PURE__ */ jsx(SkeletonBase, { className: "h-3.5 w-1/2" })
@@ -16840,7 +16702,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       },
       i
     ))
-  ] }) : connections.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center py-4", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  ] }) : connections.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SystemsDiagram,
       {
@@ -16850,8 +16712,8 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "border-t border-border/20" }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: isInput ? "Informa\xE7\xF5es de Entrada" : "Informa\xE7\xF5es de Sa\xEDda" }) }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: connections.map((conn) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "flex items-center ", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase -mb-2", children: isInput ? "Informa\xE7\xF5es de Entrada" : "Informa\xE7\xF5es de Sa\xEDda" }) }),
+    /* @__PURE__ */ jsx("div", { children: connections.map((conn) => /* @__PURE__ */ jsx(
       IntegrationCard,
       {
         title: conn.name,
@@ -16860,7 +16722,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       conn.id
     )) })
   ] })
-] });
+] }) });
 var TooltipBody = React32__default.memo(TooltipBodyComponent);
 var tooltipVariants3 = {
   hidden: {
@@ -16895,7 +16757,12 @@ var IntegrationTooltip = ({
   const [dragging, setDragging] = useState(false);
   const offsetRef = useRef({ x: 0, y: 0 });
   const lastMouse = useRef({ x: 0, y: 0 });
-  useEffect(() => setLocalPos(position), [position]);
+  const tooltipRef = useRef(null);
+  const currentPosRef = useRef(position);
+  useEffect(() => {
+    currentPosRef.current = position;
+    setLocalPos(position);
+  }, [position]);
   useEffect(() => {
     let rafId = null;
     const handleMouseMove = (e) => {
@@ -16909,13 +16776,18 @@ var IntegrationTooltip = ({
           top: Math.max(0, Math.min(newTop, window.innerHeight - 200)),
           left: Math.max(0, Math.min(newLeft, window.innerWidth - 320))
         };
-        setLocalPos(p);
+        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);
+        setLocalPos(currentPosRef.current);
         if (rafId) cancelAnimationFrame(rafId);
       }
     };
@@ -16977,7 +16849,7 @@ var IntegrationTooltip = ({
   const header = /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 shrink-0",
+      className: "flex items-center justify-between py-1 border-b border-border/10 bg-muted/30 shrink-0 max-w-lg",
       onMouseDown: handleMouseDownLocal,
       onTouchStart: handleTouchStartLocal,
       style: {
@@ -17020,7 +16892,7 @@ var IntegrationTooltip = ({
       /* @__PURE__ */ jsxs(
         motion.div,
         {
-          className: "fixed bottom-0 left-0 right-0 z-[10000] bg-card border-t border-border/50 rounded-t-2xl shadow-2xl flex flex-col",
+          className: "fixed bottom-0 left-0 right-0 z-[10000] bg-card border-t border-border/50 rounded-t-2xl shadow-2xl flex flex-col min-h-0",
           style: { maxHeight: "85dvh" },
           initial: { y: "100%" },
           animate: { y: 0 },
@@ -17030,7 +16902,7 @@ var IntegrationTooltip = ({
           children: [
             /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-2.5 pb-1 shrink-0", children: /* @__PURE__ */ jsx("div", { className: "w-10 h-1 rounded-full bg-border" }) }),
             header,
-            /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
+            /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 min-h-0 pb-[env(safe-area-inset-bottom)] max-w-xs", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
           ]
         },
         `sheet-${id}`
@@ -17040,6 +16912,7 @@ var IntegrationTooltip = ({
   return /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsxs(
     motion.div,
     {
+      ref: tooltipRef,
       className: "fixed bg-card/95 backdrop-blur-md border border-border/50 rounded-lg shadow-2xl z-[10000] w-[calc(100vw-32px)] max-w-sm sm:w-80 overflow-hidden flex flex-col",
       variants: tooltipVariants3,
       initial: "hidden",
@@ -17049,7 +16922,7 @@ var IntegrationTooltip = ({
       onClick: (e) => e.stopPropagation(),
       children: [
         header,
-        /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
+        /* @__PURE__ */ jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col min-h-0", children: /* @__PURE__ */ jsx(TooltipBody, { ...bodyProps }) })
       ]
     },
     id
@@ -19976,11 +19849,9 @@ var ZoomImage = React32.forwardRef(
     const mouseY = useMotionValue(50);
     const zoomLevel = useMotionValue(1);
     const springConfig = { damping: 20, stiffness: 150, mass: 0.5 };
-    const smoothMouseX = useSpring(mouseX, springConfig);
-    const smoothMouseY = useSpring(mouseY, springConfig);
     const smoothZoomLevel = useSpring(zoomLevel, springConfig);
     const transformOrigin = useTransform(
-      [smoothMouseX, smoothMouseY],
+      [mouseX, mouseY],
       ([latestX, latestY]) => `${latestX}% ${latestY}%`
     );
     const touchStartDist = React32.useRef(0);
@@ -20082,7 +19953,7 @@ var ZoomImage = React32.forwardRef(
           {
             src,
             alt,
-            className: cn("w-full h-full object-cover", imageClassName),
+            className: cn("w-full h-full object-contain", imageClassName),
             style: {
               borderRadius: `${borderRadius}px`,
               transformOrigin,
@@ -20251,44 +20122,6 @@ var Lens = ({
     }
   );
 };
-var carouselThemes = {
-  malwee: {
-    foreground: "text-[#222222]",
-    primary: "bg-[#0b5430]",
-    primaryForeground: "text-white",
-    muted: "bg-[#f0eacc]",
-    mutedForeground: "text-[#6b665c]",
-    border: "!border-[#0b5430]",
-    font: "font-[family-name:var(--font-playfair)]"
-  },
-  enfim: {
-    foreground: "text-black",
-    primary: "bg-black",
-    primaryForeground: "text-white",
-    muted: "bg-gray-100",
-    mutedForeground: "text-gray-600",
-    border: "!border-black",
-    font: "font-[family-name:var(--font-libre-caslon)]"
-  },
-  carinhoso: {
-    foreground: "text-[#222222]",
-    primary: "bg-[#d9d0c0]",
-    primaryForeground: "text-[#222222]",
-    muted: "bg-[#e2ddd6]",
-    mutedForeground: "text-[#5e5b56]",
-    border: "!border-[#d9d0c0]",
-    font: "font-[family-name:var(--font-josefin)]"
-  },
-  "malwee-kids": {
-    foreground: "text-[#005bbf]",
-    primary: "bg-[#005bbf]",
-    primaryForeground: "text-white",
-    muted: "bg-[#fcf5c2]",
-    mutedForeground: "text-[#004a9e]",
-    border: "!border-[#005bbf]",
-    font: "font-[family-name:var(--font-poppins)]"
-  }
-};
 function CarouselSkeleton({ className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsx(
@@ -20369,7 +20202,8 @@ function CarouselBase({
   zoomEffect = null,
   download = false,
   isLoading = false,
-  onChange
+  onChange,
+  fernando
 }) {
   const isMobile = useIsMobile();
   const [index, setIndex] = useState(0);
@@ -20391,9 +20225,6 @@ function CarouselBase({
       emblaApi.off("reInit", onSelect);
     };
   }, [emblaApi, onChange]);
-  const currentItem = items[index];
-  const themeKey = currentItem?.theme || "malwee";
-  const currentTheme = carouselThemes[themeKey] || carouselThemes.malwee;
   useEffect(() => {
     if (!autoPlay || items.length <= 1 || !emblaApi) return;
     const interval = setInterval(() => {
@@ -20405,14 +20236,14 @@ function CarouselBase({
     if (isDownloading) return;
     setIsDownloading(true);
     setDownloadSuccess(false);
-    const currentItem2 = items[index];
+    const currentItem = items[index];
     try {
-      const response = await fetch(currentItem2.url);
+      const response = await fetch(currentItem.url);
       const blob = await response.blob();
       const url = window.URL.createObjectURL(blob);
       const link = document.createElement("a");
       link.href = url;
-      link.download = currentItem2.title || "image";
+      link.download = currentItem.title || "image";
       document.body.appendChild(link);
       link.click();
       document.body.removeChild(link);
@@ -20448,8 +20279,6 @@ function CarouselBase({
       transition: { duration: 0.4 },
       className: cn(
         "w-full lg:p-10 sm:p-4 p-2 transition-colors duration-500",
-        currentTheme.foreground,
-        currentTheme.font,
         className
       ),
       style: { width },
@@ -20475,7 +20304,7 @@ function CarouselBase({
                 src: item.url,
                 alt: item.title,
                 className: cn(
-                  "w-full h-full object-cover rounded-lg select-none pointer-events-none",
+                  "w-full h-full object-contain rounded-lg select-none pointer-events-none",
                   imageClassName
                 ),
                 draggable: false
@@ -20486,7 +20315,7 @@ function CarouselBase({
                 src: item.url,
                 alt: item.title,
                 className: cn(
-                  "w-full h-full object-cover rounded-lg select-none pointer-events-none",
+                  "w-full h-full object-contain rounded-lg select-none pointer-events-none",
                   imageClassName
                 ),
                 draggable: false
@@ -20589,9 +20418,9 @@ function CarouselBase({
               className: cn(
                 "absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-all z-50",
                 !emblaApi?.canScrollPrev() ? "opacity-40 cursor-not-allowed" : "hover:scale-110 hover:opacity-100 opacity-70",
-                currentTheme.primary,
-                currentTheme.primaryForeground
+                "bg-primary text-primary-foreground"
               ),
+              style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsx(
                 "svg",
                 {
@@ -20623,9 +20452,9 @@ function CarouselBase({
               className: cn(
                 "absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 rounded-full flex items-center justify-center shadow-lg transition-all z-50",
                 !emblaApi?.canScrollNext() ? "opacity-40 cursor-not-allowed" : "hover:scale-110 hover:opacity-100 opacity-70",
-                currentTheme.primary,
-                currentTheme.primaryForeground
+                "bg-primary text-primary-foreground"
               ),
+              style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsx(
                 "svg",
                 {
@@ -20656,12 +20485,9 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "h-2 rounded-full transition-all duration-300",
-              i === index ? cn("w-8", currentTheme.primary) : cn(
-                "w-2 hover:opacity-80",
-                currentTheme.primary,
-                "opacity-40"
-              )
-            )
+              i === index ? cn("w-8 bg-primary") : cn("w-2 hover:opacity-80 bg-primary opacity-40")
+            ),
+            style: fernando ? { backgroundColor: fernando } : void 0
           },
           i
         )) })
@@ -20850,9 +20676,9 @@ function RadialMenu({
 }
 function ControlledCombobox({
   items,
-  renderSelected,
-  handleSelection,
-  checkIsSelected,
+  value,
+  onChange,
+  placeholder = "Selecione uma op\xE7\xE3o",
   disabled = false,
   keepOpen = false,
   searchPlaceholder,
@@ -20862,7 +20688,6 @@ function ControlledCombobox({
   labelClassname,
   testIds = {},
   onClear,
-  hasSelected = false,
   hideClear = false,
   onSearchChange,
   search,
@@ -20870,6 +20695,11 @@ function ControlledCombobox({
   loading = false
 }) {
   const [open, setOpen] = useState(false);
+  const selectedItem = items.find((item) => item.value === value);
+  const renderSelected = selectedItem?.label ?? placeholder;
+  const hasSelected = Boolean(value);
+  const checkIsSelected = (v) => v === value;
+  const handleSelection = (v) => onChange?.(v);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -20899,12 +20729,13 @@ function ControlledCombobox({
                       "aria-disabled": disabled || void 0,
                       disabled,
                       className: cn(
-                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation`,
-                        error && "border-red-500"
+                        `flex items-center gap-2 justify-between [&>div]:line-clamp-1 relative h-9 no-active-animation font-light`,
+                        error && "border-red-500",
+                        placeholder && !hasSelected && "text-muted-foreground"
                       ),
                       "data-testid": testIds.trigger ?? "combobox-trigger",
                       children: [
-                        renderSelected,
+                        /* @__PURE__ */ jsx("div", { className: "truncate min-w-0", children: renderSelected }),
                         /* @__PURE__ */ jsx(motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
                           hasSelected && onClear && !disabled && !hideClear && /* @__PURE__ */ jsx(
                             ClearButton,
@@ -20942,9 +20773,9 @@ function ControlledCombobox({
                     {
                       className: "dark:text-white hover:bg-rsecondary focus:ring-0 focus:outline-none",
                       "data-testid": testIds.command ?? "combobox-command",
-                      filter: onSearchChange ? () => 1 : (value, search2) => {
-                        const label2 = items.find((item) => item.value === value)?.label || value;
-                        if (label2.toLowerCase().includes(search2.toLowerCase()))
+                      filter: onSearchChange ? () => 1 : (itemValue, search2) => {
+                        const itemLabel = items.find((item) => item.value === itemValue)?.label || itemValue;
+                        if (itemLabel.toLowerCase().includes(search2.toLowerCase()))
                           return 1;
                         return 0;
                       },
@@ -20976,9 +20807,9 @@ function ControlledCombobox({
                                   {
                                     keywords: [item.label],
                                     value: item.value,
-                                    onSelect: (value) => {
+                                    onSelect: () => {
                                       if (disabled) return;
-                                      handleSelection(value);
+                                      handleSelection(item.value);
                                       if (!keepOpen) setOpen(false);
                                     },
                                     disabled,
@@ -20995,7 +20826,7 @@ function ControlledCombobox({
                                             stiffness: 500,
                                             damping: 30
                                           },
-                                          className: "ml-auto ",
+                                          className: "ml-auto",
                                           children: /* @__PURE__ */ jsx(
                                             CheckIcon,
                                             {
@@ -21031,4 +20862,4 @@ function ControlledCombobox({
   );
 }
 
-export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, Beam, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, CopyData, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileTypes, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationCard, IntegrationTooltip_default as IntegrationTooltip, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NameTooltip, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemNode, SystemTooltip_default as SystemTooltip, SystemsDiagram, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipBody, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useIsTruncated, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };
+export { AddButton, Agenda, AgendaDaysToShow, AgendaDaysToShowAgenda, AgendaView, AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarCombobox, AvatarFallbackBase, AvatarImageBase, BackButton, Badge, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, Brush_default as Brush, ButtonBase, ButtonGroupBase, CENTER_INDEX, CalendarBase, CalendarDndProvider, CalendarDndProviderAgenda, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CarouselBase, ChangeButton, Chart_default as Chart, ChartControls, ChartHeader, ChartTotalLegend_default as ChartTotalLegend, CheckButton, CheckboxBase, CheckboxTree, CloseAllButton_default as CloseAllButton, CloseButton, CodeBlock, CollapsibleBase, CollapsibleContentBase, CollapsibleTriggerBase, Combobox, CommandBase, CommandDebouncedInputBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, ControlledCombobox, CopyButton, DateTimePicker, DayView, DayViewAgenda, DebouncedInput, DefaultEndHour, DefaultEndHourAgenda, DefaultStartHour, DefaultStartHourAgenda, DestructiveDialog, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DownloadButton, DraggableEvent2 as DraggableEvent, DraggableTooltip_default as DraggableTooltip, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, DroppableCell, DroppableCellAgenda, EditButton, EndHour, EndHourAgenda, ErrorMessage_default as ErrorMessage, EventAgenda, EventCalendar, EventDetailModalAgenda, EventDialog, EventGap, EventGapAgenda, EventHeight, EventHeightAgenda, EventItem, EventItemAgenda, EventsPopup, FavoriteButton, FileAccept, FileUploader, FilterButton, HideButton, Highlights_default as Highlights, HorizontalChart_default as HorizontalChart, HorizontalLegend_default as HorizontalLegend, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, ITEM_HEIGHT, InputBase, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, IntegrationTooltip_default as IntegrationTooltip, LabelBase_default as LabelBase, Leaderboard, LikeButton, LoadingBase, LockButton, ModalBase, ModalCloseBase, ModalContentBase, ModalDescriptionBase, ModalFooterBase, ModalHeaderBase, ModalOverlayBase, ModalPortalBase, ModalTitleBase, ModalTriggerBase, ModeToggleBase, MonthView, MonthViewAgenda, MoreButton, MultiCombobox, MultiDayOverlay, MultiSelect, MultiSelectBase, MultiSelectContentBase, MultiSelectGroupBase, MultiSelectItemBase, MultiSelectSeparatorBase, MultiSelectTriggerBase, MultiSelectValueBase, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, NoData_default as NoData, NotificationButton, NumericInput, PeriodsDropdown_default as PeriodsDropdown, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, ProgressCirclesBase, ProgressPanelsBase, ProgressSegmentsBase, RadialMenu, RangePicker, RefreshButton, SaveButton, ScrollAreaBase, ScrollBarBase, SearchButton, Select, SelectBase, SelectContentBase, SelectEmpty, SelectGroupBase, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SettingsButton, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, ShowOnly_default as ShowOnly, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, StartHour, StartHourAgenda, StatusIndicator, SwitchBase, SystemTooltip_default as SystemTooltip, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, ThemeProviderBase, TimePicker, TimePickerInput, TimeSeries_default as TimeSeries, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipSimple_default as TooltipSimple, TooltipTriggerBase, TooltipWithTotal_default as TooltipWithTotal, UndatedEvents, UniversalTooltipRenderer, UnlockButton, UploadButton, UseSideBarBase, VISIBLE_ITEMS, ViewButton, VisibilityButton, WeekCellsHeight, WeekCellsHeightAgenda, WeekView, WeekViewAgenda, YearViewAgenda, adaptDataForTooltip, addHoursToDate, addHoursToDateAgenda, addMinutesToDateAgenda, badgeVariants, buttonVariantsBase, compactTick, computeChartWidth, computeNiceMax, computeYAxisTickWidth, convert12HourTo24Hour, createValueFormatter, createYTickFormatter, detectDataFields, detectXAxis, display12HourValue, formatDurationAgenda, formatDurationAgendaDays, formatFieldName, formatLinePercentage, generateAdditionalColors, generateColorMap, getAgendaEventsForDay, getAgendaEventsForDayAgenda, getAllEventsForDay, getAllEventsForDayAgenda, getArrowByType, getAutoColorAgenda, getBorderRadiusClasses, getBorderRadiusClassesAgenda, getDateByType, getEventColorClasses, getEventColorClassesAgenda, getEventEndDate, getEventStartDate, getEventsForDay, getEventsForDayAgenda, getItems, getMaxDataValue, getMinDataValue, getSpanningEventsForDay, getSpanningEventsForDayAgenda, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinuteOrSecond, getValidArrowNumber, getValidHour, getValidMinuteOrSecond, getValidNumber, isMultiDayEvent, isMultiDayEventAgenda, isValid12Hour, isValidHour, isValidMinuteOrSecond, niceCeil, normalizeAttendDate, processIntegrationData, processNeo4jData, renderInsideBarLabel, pillLabelRenderer_default as renderPillLabel, resolveChartMargins, resolveContainerPaddingLeft, set12Hours, setDateByType, setHours, setMinutes, setSeconds, sortEvents, sortEventsAgenda, toast, useBiaxial, useCalendarDnd, useCalendarDndAgenda, useChartClick, useChartDimensions, useChartHighlights, useChartLayout, useChartMinMax, useChartTooltips, useCurrentTimeIndicator, useCurrentTimeIndicatorAgenda, useDrag, useEventVisibility, useEventVisibilityAgenda, useIsMobile, useOpenTooltipForPeriod, useProcessedData, useSeriesOpacity, useTheme, useTimeSeriesRange, visualForItem };