@mlw-packages/react-components 1.10.4 → 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 h-1.5 w-3" })
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-popover h-2 w-3.5" })
         ]
       }
     ) });
@@ -2792,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
       ),
@@ -16242,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]);
@@ -16317,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]
@@ -16325,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,
     {
@@ -16342,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: {
@@ -16362,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 })
                 }
               )
             ]
@@ -16375,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: [
@@ -16398,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" }) })
           ] })
@@ -16543,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
@@ -16553,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",
         {
@@ -16580,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 }),
@@ -16627,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();
@@ -16647,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",
@@ -16712,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 }) }),
@@ -16729,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.jsx(ScrollAreaBase, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-3 space-y-3", 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" })
@@ -16855,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,
       {
@@ -16865,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,
@@ -16910,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) => {
@@ -16924,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);
       }
     };
@@ -16992,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: {
@@ -17035,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 },
@@ -17045,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}`
@@ -17055,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",
@@ -17064,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
@@ -19991,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);
@@ -20097,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,
@@ -20448,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
@@ -20459,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
@@ -20476,8 +20375,7 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "absolute top-4 right-4 z-50 p-2 rounded-full text-white transition-colors border border-white/10",
-              downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70",
-              className
+              downloadSuccess ? "bg-green-500 hover:bg-green-600" : "bg-black/50 hover:bg-black/70"
             ),
             title: "Download image",
             initial: false,
@@ -20563,8 +20461,7 @@ 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",
-                "bg-primary text-primary-foreground",
-                className
+                "bg-primary text-primary-foreground"
               ),
               style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -20598,8 +20495,7 @@ 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",
-                "bg-primary text-primary-foreground",
-                className
+                "bg-primary text-primary-foreground"
               ),
               style: fernando ? { backgroundColor: fernando } : void 0,
               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -20632,8 +20528,7 @@ function CarouselBase({
             onMouseDown: (e) => e.stopPropagation(),
             className: cn(
               "h-2 rounded-full transition-all duration-300",
-              i === index ? cn("w-8 bg-primary") : cn("w-2 hover:opacity-80 bg-primary opacity-40"),
-              className
+              i === index ? cn("w-8 bg-primary") : cn("w-2 hover:opacity-80 bg-primary opacity-40")
             ),
             style: fernando ? { backgroundColor: fernando } : void 0
           },
@@ -20877,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,
@@ -20954,9 +20850,9 @@ function ControlledCombobox({
                                   {
                                     keywords: [item.label],
                                     value: item.value,
-                                    onSelect: (v) => {
+                                    onSelect: () => {
                                       if (disabled) return;
-                                      handleSelection(v);
+                                      handleSelection(item.value);
                                       if (!keepOpen) setOpen(false);
                                     },
                                     disabled,
@@ -21031,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;
@@ -21095,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;
@@ -21177,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;
@@ -21208,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;
@@ -21290,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;
@@ -21312,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;
@@ -21417,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;