@mlw-packages/react-components 1.10.3 → 1.10.5

package/dist/index.js

@@ -1562,20 +1562,20 @@ var TooltipContentBase = React32__namespace.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__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-primary" })
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-popover h-2 w-3.5" })
         ]
       }
     ) });
@@ -2366,7 +2366,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",
@@ -2508,7 +2508,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..."
       }
@@ -2718,46 +2718,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]);
+  React32.useEffect(() => {
+    if (overflowRef.current) {
+      overflowRef.current.style.display = "none";
+    }
   }, []);
+  React32.useEffect(() => {
+    checkOverflow();
+  }, [open, shouldWrap, checkOverflow]);
   const handleResize = React32.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;
@@ -2772,6 +2774,7 @@ function MultiSelectValueBase({
     },
     [checkOverflow]
   );
+  const [overflowHovered, setOverflowHovered] = React32.useState(false);
   const visibleSelected = [...selectedValues].filter((value) => items.has(value)).sort((a, b) => {
     const aNode = items.get(a);
     const bNode = items.get(b);
@@ -2789,7 +2792,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
       ),
@@ -2799,7 +2802,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);
@@ -2811,19 +2814,38 @@ function MultiSelectValueBase({
           },
           value
         )),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          Badge,
-          {
-            style: {
-              display: overflowAmount > 0 && !shouldWrap ? "block" : "none"
-            },
-            ref: overflowRef,
-            children: [
-              "+",
-              overflowAmount
-            ]
-          }
-        )
+        overflowAmount > 0 && /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { open: overflowHovered, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: overflowRef,
+              className: "inline-flex",
+              onMouseEnter: () => setOverflowHovered(true),
+              onMouseLeave: () => setOverflowHovered(false),
+              children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { size: "sm", className: "shrink-0 cursor-default", children: [
+                "+",
+                overflowAmount
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(TooltipContentBase, { className: "p-2 max-w-xs", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: visibleSelected.slice(visibleSelected.length - overflowAmount).map((value) => /* @__PURE__ */ jsxRuntime.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
+            )) })
+          ] })
+        ] }) })
       ]
     }
   );
@@ -2885,7 +2907,7 @@ function MultiSelectItemBase({
   ...props
 }) {
   const { toggleValue, selectedValues, onItemAdded } = useMultiSelectContext();
-  const isSelected = selectedValues.has(value);
+  const [hovered, setHovered] = React32.useState(false);
   React32.useEffect(() => {
     onItemAdded(value, badgeLabel ?? children);
   }, [value, children, onItemAdded, badgeLabel]);
@@ -2897,17 +2919,35 @@ function MultiSelectItemBase({
         toggleValue(value);
         onSelect?.(value);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { transition: { duration: 0.1 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            initial: { scale: 0 },
-            animate: { scale: isSelected ? 1 : 0 },
-            transition: { type: "spring", stiffness: 500, damping: 30 },
-            children: /* @__PURE__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: selectedValues.has(value) && (hovered ? /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { scale: 0, rotate: -90, opacity: 0 },
+                animate: { scale: 1, rotate: 0, opacity: 1 },
+                transition: { duration: 0.05, ease: "easeOut" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { className: "size-4 text-destructive" })
+              },
+              "x"
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { scale: 0, rotate: 90, opacity: 0 },
+                animate: { scale: 1, rotate: 0, opacity: 1 },
+                transition: { duration: 0.05, ease: "easeOut" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(react.CheckIcon, { className: "size-4" })
+              },
+              "check"
+            )) })
           }
-        ) }),
-        children
+        )
       ] })
     }
   );
@@ -3689,14 +3729,14 @@ var CardFooterBase = React32__namespace.forwardRef(({ className, testid: dataTes
   }
 ));
 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";
@@ -3705,66 +3745,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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(react.FilePptIcon, { size: 20, className: "text-orange-500" });
-  }
-  if (extension === "csv" || mimeType === "text/csv") {
+  if (extension === "csv" || mimeType === "text/csv")
     return /* @__PURE__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(react.FileTextIcon, { size: 20, className: "text-gray-500" });
-  }
-  if (mimeType.startsWith("image/")) {
+  if (mimeType.startsWith("image/"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileImageIcon, { size: 20, className: "text-purple-500" });
-  }
-  if (mimeType.startsWith("video/")) {
+  if (mimeType.startsWith("video/"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.FileVideoIcon, { size: 20, className: "text-pink-500" });
-  }
-  if (mimeType.startsWith("audio/")) {
+  if (mimeType.startsWith("audio/"))
     return /* @__PURE__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.jsx(react.FileZipIcon, { size: 20, className: "text-yellow-600" });
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(react.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__namespace.forwardRef(
   ({
     className,
-    accept = FileTypes.All,
+    accept = "*",
     maxSize = 10,
     maxFiles = 1,
     disabled = false,
@@ -3787,72 +3823,49 @@ var FileUploader = React32__namespace.forwardRef(
     }, [value]);
     React32__namespace.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);
           }
         }
       }
@@ -3861,17 +3874,12 @@ var FileUploader = React32__namespace.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();
@@ -3882,43 +3890,19 @@ var FileUploader = React32__namespace.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__ */ jsxRuntime.jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
       framerMotion.motion.div,
       {
@@ -3932,7 +3916,7 @@ var FileUploader = React32__namespace.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))`,
@@ -3943,12 +3927,7 @@ var FileUploader = React32__namespace.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__ */ jsxRuntime.jsx(
             "input",
@@ -3956,7 +3935,7 @@ var FileUploader = React32__namespace.forwardRef(
               ref: inputRef,
               type: "file",
               className: "hidden",
-              accept: acceptString,
+              accept: formatAcceptForInput(accept),
               multiple,
               disabled,
               onChange: handleInputChange
@@ -3966,20 +3945,11 @@ var FileUploader = React32__namespace.forwardRef(
             framerMotion.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__ */ jsxRuntime.jsx(
                 framerMotion.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))`
                   },
@@ -4009,14 +3979,14 @@ var FileUploader = React32__namespace.forwardRef(
               children: defaultSubtext
             }
           ),
-          showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          showPreview && files.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
             framerMotion.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__ */ jsxRuntime.jsxs("div", { children: [
+              children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "text-xs font-medium text-muted-foreground pb-0.5", children: [
                   "Arquivos selecionados (",
                   files.length,
@@ -4095,7 +4065,7 @@ var FileUploader = React32__namespace.forwardRef(
                   },
                   file.id
                 )) }) })
-              ] })
+              ]
             }
           )
         ]
@@ -9949,6 +9919,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
               ),
@@ -14522,6 +14493,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
               ),
@@ -16270,11 +16242,12 @@ var SystemTooltip = ({
   isLoading = false,
   onMouseDown,
   onClose,
-  onPositionChange
+  onPositionChange,
+  onConnectionClick,
+  onProcessClick
 }) => {
   const [localPos, setLocalPos] = React32.useState(position);
   const [dragging, setDragging] = React32.useState(false);
-  const [expandedId, setExpandedId] = React32.useState(null);
   const offsetRef = React32.useRef({ x: 0, y: 0 });
   const lastMouse = React32.useRef({ x: 0, y: 0 });
   React32.useEffect(() => setLocalPos(position), [position]);
@@ -16345,6 +16318,19 @@ var SystemTooltip = ({
     },
     [id, onMouseDown]
   );
+  const handleConnClick = React32.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 = React32.useMemo(
     () => data.connections.filter((c) => c.type === "entrada"),
     [data.connections]
@@ -16353,6 +16339,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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            react.ArrowRightIcon,
+            {
+              size: 14,
+              className: `shrink-0 ${isEmerald ? "text-emerald-500 rotate-180" : "text-blue-500"}`
+            }
+          )
+        ]
+      },
+      conn.id
+    ));
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     framerMotion.motion.div,
     {
@@ -16370,7 +16378,7 @@ var SystemTooltip = ({
         /* @__PURE__ */ jsxRuntime.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: {
@@ -16390,7 +16398,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__ */ jsxRuntime.jsx(ssr.XIcon, { size: 16 })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: 16 })
                 }
               )
             ]
@@ -16403,7 +16411,7 @@ var SystemTooltip = ({
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold text-foreground tracking-tight truncate", children: data.name }),
           data.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground tracking-tight truncate", children: data.description })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.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__ */ 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: [
@@ -16426,128 +16434,14 @@ var SystemTooltip = ({
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: "Entradas" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: entries.map((conn) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        react.ArrowRight,
-                        {
-                          size: 14,
-                          className: "text-emerald-500 shrink-0 rotate-180"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                expandedId === conn.id && conn.integration && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Nome:" }),
-                    " ",
-                    conn.integration.Nome
-                  ] }),
-                  (conn.integration.tipo || conn.integration.Tipo) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Tipo:" }),
-                    " ",
-                    conn.integration.tipo || conn.integration.Tipo
-                  ] }),
-                  conn.integration.Protocolos && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Protocolos:" }),
-                    " ",
-                    conn.integration.Protocolos
-                  ] }),
-                  conn.integration.Ambiente && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Ambiente:" }),
-                    " ",
-                    conn.integration.Ambiente
-                  ] }),
-                  conn.integration.Setor && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Setor:" }),
-                    " ",
-                    conn.integration.Setor
-                  ] }),
-                  conn.integration.Contato && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Contato:" }),
-                    " ",
-                    conn.integration.Contato
-                  ] }),
-                  conn.integration.Sustentacao && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Sustenta\xE7\xE3o:" }),
-                    " ",
-                    conn.integration.Sustentacao
-                  ] })
-                ] })
-              ] }, conn.id)) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: renderConnections(entries, "emerald") })
             ] }),
             exits.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-blue-500" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-muted-foreground uppercase", children: "Sa\xEDdas" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: exits.map((conn) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: conn.name }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        react.ArrowRight,
-                        {
-                          size: 14,
-                          className: "text-blue-500 shrink-0"
-                        }
-                      )
-                    ]
-                  }
-                ),
-                expandedId === conn.id && conn.integration && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Nome:" }),
-                    " ",
-                    conn.integration.Nome
-                  ] }),
-                  (conn.integration.tipo || conn.integration.Tipo) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Tipo:" }),
-                    " ",
-                    conn.integration.tipo || conn.integration.Tipo
-                  ] }),
-                  conn.integration.Protocolos && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Protocolos:" }),
-                    " ",
-                    conn.integration.Protocolos
-                  ] }),
-                  conn.integration.Ambiente && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Ambiente:" }),
-                    " ",
-                    conn.integration.Ambiente
-                  ] }),
-                  conn.integration.Setor && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Setor:" }),
-                    " ",
-                    conn.integration.Setor
-                  ] }),
-                  conn.integration.Contato && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Contato:" }),
-                    " ",
-                    conn.integration.Contato
-                  ] }),
-                  conn.integration.Sustentacao && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Sustenta\xE7\xE3o:" }),
-                    " ",
-                    conn.integration.Sustentacao
-                  ] })
-                ] })
-              ] }, conn.id)) })
+              /* @__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" }) })
           ] })
@@ -16571,6 +16465,78 @@ var useIsTruncated = (ref) => {
   }, [ref]);
   return truncated;
 };
+var CopyData = ({ value }) => {
+  const [copied, setCopied] = React32.useState(false);
+  const handleCopy = React32.useCallback(() => {
+    navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(react.CopyIcon, {})
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.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 = React32.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__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border/40 bg-muted/20 overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            ref: titleRef,
+            className: "text-sm font-bold text-foreground truncate flex-1 min-w-0 cursor-default",
+            children: title
+          }
+        ) }),
+        isTitleTruncated && /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
+      ] }) }),
+      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        CopyData,
+        {
+          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
+        }
+      )
+    ] }),
+    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/20 px-0.5", children: entries.map(([key, value]) => {
+      const label = propertyLabels[key] || key;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
+          label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground break-all flex-1 min-w-0", children: String(value) })
+      ] }, key);
+    }) })
+  ] });
+};
 var NameTooltip = ({
   name,
   description
@@ -16581,7 +16547,7 @@ var NameTooltip = ({
   const isDescTruncated = useIsTruncated(descRef);
   const showTooltip = isNameTruncated || isDescTruncated;
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cursor-default", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cursor-default min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "h3",
         {
@@ -16608,7 +16574,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__ */ jsxRuntime.jsx("div", { className: "w-[76px] h-[76px] rounded-full bg-primary flex items-center justify-center shrink-0 z-10 cursor-default", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-primary-foreground text-center px-2 leading-tight select-none", children: truncated }) });
+  const circle = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: circle }),
@@ -16655,14 +16621,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();
@@ -16675,7 +16640,7 @@ var Beam = ({ isInput, containerRef, leftRef, rightRef }) => {
   return /* @__PURE__ */ jsxRuntime.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",
@@ -16740,7 +16705,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__ */ jsxRuntime.jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { label: isInput ? externalSystem : currentSystem }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsxRuntime.jsx(SystemNode, { label: isInput ? currentSystem : externalSystem }) }),
@@ -16757,110 +16722,7 @@ var SystemsDiagram = ({ isInput, currentSystem, externalSystem }) => {
     }
   );
 };
-var CopyData = ({ value }) => {
-  const [copied, setCopied] = React32.useState(false);
-  const handleCopy = React32.useCallback(() => {
-    navigator.clipboard.writeText(value).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    });
-  }, [value]);
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            d: "M3 8l3.5 3.5L13 4.5",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "rect",
-            {
-              x: "5",
-              y: "5",
-              width: "8",
-              height: "9",
-              rx: "1.5",
-              stroke: "currentColor",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M3 11V3.5A1.5 1.5 0 0 1 4.5 2H11",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round"
-            }
-          )
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.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 = React32.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__ */ jsxRuntime.jsxs("div", { className: "rounded-sm border border-border/40 bg-muted/20 overflow-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border/30", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TooltipProviderBase, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipBase, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            ref: titleRef,
-            className: "text-sm font-bold text-foreground truncate flex-1 cursor-default",
-            children: title
-          }
-        ) }),
-        isTitleTruncated && /* @__PURE__ */ jsxRuntime.jsx(TooltipContentBase, { sideOffset: 6, className: "z-[10001]", children: title })
-      ] }) }),
-      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        CopyData,
-        {
-          value: entries.map(([k, v]) => `${propertyLabels[k] || k}: ${String(v)}`).join("\n")
-        }
-      )
-    ] }),
-    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/20", children: entries.map(([key, value]) => {
-      const label = propertyLabels[key] || key;
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-semibold text-muted-foreground shrink-0 w-[40%] sm:w-[38%]", children: [
-          label,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground break-all flex-1", children: String(value) })
-      ] }, key);
-    }) })
-  ] });
-};
-var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSystem }) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ScrollAreaBase, { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3 max-w-xs", children: [
   isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-6 w-3/4" }),
     /* @__PURE__ */ jsxRuntime.jsx(SkeletonBase, { className: "h-3.5 w-1/2" })
@@ -16883,7 +16745,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       },
       i
     ))
-  ] }) : connections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center py-4", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ] }) : connections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Nenhuma conex\xE3o encontrada" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       SystemsDiagram,
       {
@@ -16893,8 +16755,8 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/20" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: connections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center ", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { children: connections.map((conn) => /* @__PURE__ */ jsxRuntime.jsx(
       IntegrationCard,
       {
         title: conn.name,
@@ -16903,7 +16765,7 @@ var TooltipBodyComponent = ({ data, isLoading, connections, isInput, externalSys
       conn.id
     )) })
   ] })
-] });
+] }) });
 var TooltipBody = React32__namespace.default.memo(TooltipBodyComponent);
 var tooltipVariants3 = {
   hidden: {
@@ -16938,7 +16800,12 @@ var IntegrationTooltip = ({
   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 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) => {
@@ -16952,13 +16819,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);
       }
     };
@@ -17020,7 +16892,7 @@ var IntegrationTooltip = ({
   const header = /* @__PURE__ */ jsxRuntime.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: {
@@ -17063,7 +16935,7 @@ var IntegrationTooltip = ({
       /* @__PURE__ */ jsxRuntime.jsxs(
         framerMotion.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 },
@@ -17073,7 +16945,7 @@ var IntegrationTooltip = ({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pt-2.5 pb-1 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-1 rounded-full bg-border" }) }),
             header,
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto flex-1 pb-[env(safe-area-inset-bottom)]", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto flex-1 min-h-0 pb-[env(safe-area-inset-bottom)] max-w-xs", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
           ]
         },
         `sheet-${id}`
@@ -17083,6 +16955,7 @@ var IntegrationTooltip = ({
   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-lg shadow-2xl z-[10000] w-[calc(100vw-32px)] max-w-sm sm:w-80 overflow-hidden flex flex-col",
       variants: tooltipVariants3,
       initial: "hidden",
@@ -17092,7 +16965,7 @@ var IntegrationTooltip = ({
       onClick: (e) => e.stopPropagation(),
       children: [
         header,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[520px] overflow-hidden flex flex-col min-h-0", children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBody, { ...bodyProps }) })
       ]
     },
     id
@@ -20019,11 +19892,9 @@ var ZoomImage = React32__namespace.forwardRef(
     const mouseY = framerMotion.useMotionValue(50);
     const zoomLevel = framerMotion.useMotionValue(1);
     const springConfig = { damping: 20, stiffness: 150, mass: 0.5 };
-    const smoothMouseX = framerMotion.useSpring(mouseX, springConfig);
-    const smoothMouseY = framerMotion.useSpring(mouseY, springConfig);
     const smoothZoomLevel = framerMotion.useSpring(zoomLevel, springConfig);
     const transformOrigin = framerMotion.useTransform(
-      [smoothMouseX, smoothMouseY],
+      [mouseX, mouseY],
       ([latestX, latestY]) => `${latestX}% ${latestY}%`
     );
     const touchStartDist = React32__namespace.useRef(0);
@@ -20125,7 +19996,7 @@ var ZoomImage = React32__namespace.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,
@@ -20294,44 +20165,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__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -20412,7 +20245,8 @@ function CarouselBase({
   zoomEffect = null,
   download = false,
   isLoading = false,
-  onChange
+  onChange,
+  fernando
 }) {
   const isMobile = useIsMobile();
   const [index, setIndex] = React32.useState(0);
@@ -20434,9 +20268,6 @@ function CarouselBase({
       emblaApi.off("reInit", onSelect);
     };
   }, [emblaApi, onChange]);
-  const currentItem = items[index];
-  const themeKey = currentItem?.theme || "malwee";
-  const currentTheme = carouselThemes[themeKey] || carouselThemes.malwee;
   React32.useEffect(() => {
     if (!autoPlay || items.length <= 1 || !emblaApi) return;
     const interval = setInterval(() => {
@@ -20448,14 +20279,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);
@@ -20491,8 +20322,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 },
@@ -20518,7 +20347,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
@@ -20529,7 +20358,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
@@ -20632,9 +20461,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__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -20666,9 +20495,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__ */ jsxRuntime.jsx(
                 "svg",
                 {
@@ -20699,12 +20528,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
         )) })
@@ -20893,9 +20719,9 @@ function RadialMenu({
 }
 function ControlledCombobox({
   items,
-  renderSelected,
-  handleSelection,
-  checkIsSelected,
+  value,
+  onChange,
+  placeholder = "Selecione uma op\xE7\xE3o",
   disabled = false,
   keepOpen = false,
   searchPlaceholder,
@@ -20905,7 +20731,6 @@ function ControlledCombobox({
   labelClassname,
   testIds = {},
   onClear,
-  hasSelected = false,
   hideClear = false,
   onSearchChange,
   search,
@@ -20913,6 +20738,11 @@ function ControlledCombobox({
   loading = false
 }) {
   const [open, setOpen] = React32.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__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -20942,12 +20772,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__ */ jsxRuntime.jsx("div", { className: "truncate min-w-0", children: renderSelected }),
                         /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.span, { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-0 items-center ", children: [
                           hasSelected && onClear && !disabled && !hideClear && /* @__PURE__ */ jsxRuntime.jsx(
                             ClearButton,
@@ -20985,9 +20816,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;
                       },
@@ -21019,9 +20850,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,
@@ -21038,7 +20869,7 @@ function ControlledCombobox({
                                             stiffness: 500,
                                             damping: 30
                                           },
-                                          className: "ml-auto ",
+                                          className: "ml-auto",
                                           children: /* @__PURE__ */ jsxRuntime.jsx(
                                             react.CheckIcon,
                                             {
@@ -21096,7 +20927,6 @@ exports.AvatarFallbackBase = AvatarFallbackBase;
 exports.AvatarImageBase = AvatarImageBase;
 exports.BackButton = BackButton;
 exports.Badge = Badge;
-exports.Beam = Beam;
 exports.BreadcrumbBase = BreadcrumbBase;
 exports.BreadcrumbEllipsisBase = BreadcrumbEllipsisBase;
 exports.BreadcrumbItemBase = BreadcrumbItemBase;
@@ -21160,7 +20990,6 @@ exports.ContextMenuSubTriggerBase = ContextMenuSubTriggerBase;
 exports.ContextMenuTriggerBase = ContextMenuTriggerBase;
 exports.ControlledCombobox = ControlledCombobox;
 exports.CopyButton = CopyButton;
-exports.CopyData = CopyData;
 exports.DateTimePicker = DateTimePicker;
 exports.DayView = DayView;
 exports.DayViewAgenda = DayViewAgenda;
@@ -21226,7 +21055,7 @@ exports.EventItem = EventItem;
 exports.EventItemAgenda = EventItemAgenda;
 exports.EventsPopup = EventsPopup;
 exports.FavoriteButton = FavoriteButton;
-exports.FileTypes = FileTypes;
+exports.FileAccept = FileAccept;
 exports.FileUploader = FileUploader;
 exports.FilterButton = FilterButton;
 exports.HideButton = HideButton;
@@ -21242,7 +21071,6 @@ exports.InputOTPBase = InputOTPBase;
 exports.InputOTPGroupBase = InputOTPGroupBase;
 exports.InputOTPSeparatorBase = InputOTPSeparatorBase;
 exports.InputOTPSlotBase = InputOTPSlotBase;
-exports.IntegrationCard = IntegrationCard;
 exports.IntegrationTooltip = IntegrationTooltip_default;
 exports.LabelBase = LabelBase_default;
 exports.Leaderboard = Leaderboard;
@@ -21273,7 +21101,6 @@ exports.MultiSelectItemBase = MultiSelectItemBase;
 exports.MultiSelectSeparatorBase = MultiSelectSeparatorBase;
 exports.MultiSelectTriggerBase = MultiSelectTriggerBase;
 exports.MultiSelectValueBase = MultiSelectValueBase;
-exports.NameTooltip = NameTooltip;
 exports.NavigationMenuBase = NavigationMenuBase;
 exports.NavigationMenuContentBase = NavigationMenuContentBase;
 exports.NavigationMenuIndicatorBase = NavigationMenuIndicatorBase;
@@ -21355,9 +21182,7 @@ exports.StartHour = StartHour;
 exports.StartHourAgenda = StartHourAgenda;
 exports.StatusIndicator = StatusIndicator;
 exports.SwitchBase = SwitchBase;
-exports.SystemNode = SystemNode;
 exports.SystemTooltip = SystemTooltip_default;
-exports.SystemsDiagram = SystemsDiagram;
 exports.TableBase = TableBase;
 exports.TableBodyBase = TableBodyBase;
 exports.TableCaptionBase = TableCaptionBase;
@@ -21377,7 +21202,6 @@ exports.TimePickerInput = TimePickerInput;
 exports.TimeSeries = TimeSeries_default;
 exports.Toaster = Toaster;
 exports.TooltipBase = TooltipBase;
-exports.TooltipBody = TooltipBody;
 exports.TooltipContentBase = TooltipContentBase;
 exports.TooltipProviderBase = TooltipProviderBase;
 exports.TooltipSimple = TooltipSimple_default;
@@ -21482,7 +21306,6 @@ exports.useDrag = useDrag;
 exports.useEventVisibility = useEventVisibility;
 exports.useEventVisibilityAgenda = useEventVisibilityAgenda;
 exports.useIsMobile = useIsMobile;
-exports.useIsTruncated = useIsTruncated;
 exports.useOpenTooltipForPeriod = useOpenTooltipForPeriod;
 exports.useProcessedData = useProcessedData;
 exports.useSeriesOpacity = useSeriesOpacity;