@lv-x-software-house/x_view 1.3.8 → 1.4.0

package/dist/index.js

@@ -44,9 +44,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/XViewScene.jsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
-var import_react38 = require("next-auth/react");
+var import_react39 = require("next-auth/react");
 var import_crypto_js = __toESM(require("crypto-js"));
 var THREE3 = __toESM(require("three"));
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls.js");
@@ -5158,8 +5158,8 @@ function ContextMenu({
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("pointerdown", handleClickOutside);
+    return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [data.visible, onClose]);
   const visibleLinkIds = (0, import_react2.useMemo)(() => {
     var _a2;
@@ -5599,7 +5599,7 @@ function ContextMenu({
     "div",
     {
       ref: menuRef,
-      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white min-w-[220px] max-w-[min(95vw,420px)] w-max overflow-hidden",
+      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white min-w-[220px] max-w-[min(95vw,420px)] max-h-[85vh] overflow-y-auto custom-scrollbar w-max",
       style: { position: "absolute", left: `${menuPos.left}px`, top: `${menuPos.top}px`, zIndex: 1e3 },
       onPointerDown: swallow,
       onPointerMove: swallow,
@@ -6232,7 +6232,8 @@ function XViewSidebar({
           options: [
             { value: "Star", label: "Star" },
             { value: "Circle", label: "Circle" },
-            { value: "Column", label: "Column" }
+            { value: "Column", label: "Column" },
+            { value: "Network", label: "Network" }
           ],
           placeholder: "Selecione um Formato"
         }
@@ -13747,14 +13748,18 @@ function NodeDetailsPanel({
   });
   const [selectedImageUrl, setSelectedImageUrl] = (0, import_react21.useState)((node == null ? void 0 : node.textureImageUrl) ?? null);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react21.useState)(false);
-  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const isMobile = typeof window !== "undefined" && window.innerWidth < 640;
+  const maxPanelW = typeof window !== "undefined" ? Math.min(window.innerWidth - 32, 1200) : 1200;
+  const defaultWidth = isMobile ? typeof window !== "undefined" ? window.innerWidth - 32 : 360 : isReadMode ? 700 : 440;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
-    initialWidth: isReadMode ? 700 : 440,
-    minWidth: 320,
+    initialWidth: defaultWidth,
+    minWidth: typeof window !== "undefined" ? Math.min(280, window.innerWidth - 32) : 280,
     maxWidth: maxPanelW
   });
   (0, import_react21.useEffect)(() => {
-    setWidth(isReadMode ? 700 : 440);
+    const isMob = typeof window !== "undefined" && window.innerWidth < 640;
+    const targetW = isMob ? typeof window !== "undefined" ? window.innerWidth - 32 : 360 : isReadMode ? 700 : 440;
+    setWidth(targetW);
   }, [isReadMode, setWidth]);
   const prevNodeIdRef = (0, import_react21.useRef)(null);
   const propsEndRef = (0, import_react21.useRef)(null);
@@ -17415,8 +17420,8 @@ function MultiNodeContextMenu({
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("pointerdown", handleClickOutside);
+    return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [data.visible, onClose]);
   if (!data.visible || !data.nodeIds || data.nodeIds.size === 0) return null;
   const swallow = (e) => e.stopPropagation();
@@ -17857,8 +17862,8 @@ function RelationshipContextMenu({
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("pointerdown", handleClickOutside);
+    return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [data.visible, onClose]);
   if (!data.visible) return null;
   const swallow = (e) => e.stopPropagation();
@@ -19426,63 +19431,201 @@ function MilestoneManager({
 }
 
 // src/components/UpgradeModal.jsx
+var import_react37 = __toESM(require("react"));
+
+// src/components/icons/UltraMinimalIcon.jsx
 var import_react36 = __toESM(require("react"));
-var import_lucide_react = require("lucide-react");
+function UltraMinimalIcon({
+  size = 13,
+  className = "",
+  strokeWidth = 1.5,
+  ...props
+}) {
+  return /* @__PURE__ */ import_react36.default.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `inline-block shrink-0 transition-transform duration-200 ${className}`,
+      ...props
+    },
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M6 3h12l4 6-10 12L2 9l4-6z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M11 3v6",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M13 3v6",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M2 9h20",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M12 21L8 9",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M12 21l4-12",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+}
+
+// src/components/UpgradeModal.jsx
 function UpgradeModal({
   isOpen,
   onClose,
-  nodeCounter,
+  nodeCounter = 0,
   nodeLimit = 100,
+  plan,
   onUpgrade
 }) {
+  const [isSubmitting, setIsSubmitting] = (0, import_react37.useState)(false);
   if (!isOpen) return null;
-  return /* @__PURE__ */ import_react36.default.createElement("div", { className: "fixed inset-0 z-[10000] flex items-center justify-center p-4" }, /* @__PURE__ */ import_react36.default.createElement("style", null, `
-        @keyframes modalShow {
-          from { opacity: 0; transform: scale(0.95); }
-          to { opacity: 1; transform: scale(1); }
-        }
-        @keyframes backdropShow {
-          from { opacity: 0; }
-          to { opacity: 1; }
-        }
-        .animate-modal { animation: modalShow 0.3s ease-out forwards; }
-        .animate-backdrop { animation: backdropShow 0.3s ease-out forwards; }
-      `), /* @__PURE__ */ import_react36.default.createElement(
+  const currentPlan = plan || (nodeLimit === -1 ? "premium" : "free");
+  const handleUpgradeClick = async () => {
+    if (isSubmitting) return;
+    setIsSubmitting(true);
+    try {
+      if (onUpgrade) {
+        await onUpgrade();
+      } else {
+        alert("Redirecting to checkout...");
+      }
+    } catch (error) {
+      console.error("Error during upgrade:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const limit = nodeLimit === -1 ? 100 : nodeLimit;
+  const safeNodeCounter = Math.max(0, nodeCounter || 0);
+  const usagePercentage = Math.min(
+    100,
+    Math.round(safeNodeCounter / limit * 100)
+  );
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: "fixed inset-0 bg-slate-950/40 backdrop-blur-md z-[10000] flex justify-center items-center p-4 animate-in fade-in duration-300 font-sans select-none" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-[#0b1224]/80 border border-cyan-600/20 p-7 rounded-3xl shadow-[0_0_50px_-12px_rgba(6,182,212,0.2)] w-full max-w-[380px] relative text-center overflow-hidden animate-in zoom-in-95 duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute -top-20 left-1/2 -translate-x-1/2 w-40 h-40 bg-cyan-600/10 rounded-full blur-[60px] pointer-events-none" }), /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex justify-center mb-4 relative" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative w-14 h-14 flex items-center justify-center" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0 bg-cyan-500 rounded-full blur-2xl opacity-20 animate-pulse" }), /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative w-12 h-12 rounded-xl bg-slate-900 border border-cyan-400/30 shadow-lg flex items-center justify-center z-10 animate-float" }, /* @__PURE__ */ import_react37.default.createElement(
+    UltraMinimalIcon,
+    {
+      size: 22,
+      className: "text-cyan-400",
+      strokeWidth: 2
+    }
+  )))), /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-xl font-bold text-white mb-1 tracking-tight font-sans" }, "Upgrade x.plore"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-slate-400 text-[11px] mb-6 leading-relaxed px-4 font-medium italic" }, "Unlock unlimited nodes and community features."), /* @__PURE__ */ import_react37.default.createElement("div", { className: "grid grid-cols-2 gap-3 mb-3 text-left" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-gradient-to-b from-[#0e172a]/90 to-[#070c18]/90 border border-cyan-500/20 hover:border-cyan-400/40 p-3.5 rounded-2xl flex flex-col justify-between shadow-md transition-all duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-sans font-normal text-cyan-400/80 tracking-normal block mb-1.5" }, "Node Usage"), /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-lg font-bold text-white font-sans tracking-tight" }, nodeCounter), /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-sans font-medium text-slate-400" }, "/ ", currentPlan === "premium" ? "\u221E" : "100"))), currentPlan !== "premium" && /* @__PURE__ */ import_react37.default.createElement("div", { className: "mt-2.5" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-full h-1.5 bg-slate-900 border border-white/5 rounded-full overflow-hidden p-[1px]" }, /* @__PURE__ */ import_react37.default.createElement(
     "div",
     {
-      className: "absolute inset-0 bg-black/60 backdrop-blur-xl animate-backdrop",
-      onClick: onClose
+      className: `h-full rounded-full transition-all duration-500 ${usagePercentage >= 100 ? "bg-gradient-to-r from-rose-500 to-pink-500 shadow-[0_0_8px_#f43f5e]" : "bg-gradient-to-r from-cyan-500 to-sky-300 shadow-[0_0_8px_#22d3ee]"}`,
+      style: { width: `${usagePercentage}%` }
     }
-  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative w-full max-w-xl overflow-hidden rounded-[2.5rem] border border-white/10 bg-[#0d1117]/80 shadow-[0_0_100px_-20px_rgba(56,189,248,0.3)] animate-modal" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "absolute inset-0 -z-10 bg-gradient-to-br from-sky-500/10 via-transparent to-purple-500/10" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "absolute -top-24 -left-24 w-48 h-48 bg-sky-500/20 blur-[100px] rounded-full" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "absolute -bottom-24 -right-24 w-48 h-48 bg-purple-500/20 blur-[100px] rounded-full" }), /* @__PURE__ */ import_react36.default.createElement(
+  )))), /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-gradient-to-b from-[#0e172a]/90 to-[#070c18]/90 border border-cyan-500/20 hover:border-cyan-400/40 p-3.5 rounded-2xl flex flex-col justify-between shadow-md transition-all duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-sans font-normal text-cyan-400/80 tracking-normal block mb-1.5" }, "Current Plan"), /* @__PURE__ */ import_react37.default.createElement("div", { className: "mt-1" }, /* @__PURE__ */ import_react37.default.createElement(
+    "span",
+    {
+      className: `inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg border text-xs font-normal font-sans tracking-normal ${currentPlan === "premium" ? "bg-indigo-500/15 border-indigo-400/30 text-indigo-300" : "bg-cyan-500/10 border-cyan-400/30 text-cyan-300"}`
+    },
+    /* @__PURE__ */ import_react37.default.createElement(
+      "span",
+      {
+        className: `w-1.5 h-1.5 rounded-full animate-pulse ${currentPlan === "premium" ? "bg-indigo-400 shadow-[0_0_6px_#818cf8]" : "bg-cyan-400 shadow-[0_0_6px_#22d3ee]"}`
+      }
+    ),
+    currentPlan === "premium" ? "Premium" : "Free"
+  ))))), /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-gradient-to-b from-[#0e172a]/70 to-[#070c18]/80 border border-cyan-500/15 p-3.5 rounded-2xl space-y-2.5 mb-5 text-left shadow-sm" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-center gap-2.5 text-slate-200 text-xs font-medium" }, /* @__PURE__ */ import_react37.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_6px_#22d3ee] shrink-0" }), /* @__PURE__ */ import_react37.default.createElement("span", null, "Unlimited Nodes")), /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-center gap-2.5 text-slate-200 text-xs font-medium" }, /* @__PURE__ */ import_react37.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_6px_#22d3ee] shrink-0" }), /* @__PURE__ */ import_react37.default.createElement("span", null, "Community and collaboration features"))), /* @__PURE__ */ import_react37.default.createElement("div", { className: "space-y-2.5" }, currentPlan !== "premium" ? /* @__PURE__ */ import_react37.default.createElement(
     "button",
     {
-      onClick: onClose,
-      className: "absolute top-6 right-6 p-2 rounded-full hover:bg-white/5 text-white/40 hover:text-white transition-all duration-300"
+      onClick: handleUpgradeClick,
+      disabled: isSubmitting,
+      className: "group relative w-full py-3.5 rounded-xl bg-gradient-to-r from-cyan-400 to-cyan-500 hover:from-cyan-300 hover:to-cyan-400 text-slate-950 font-normal text-sm tracking-normal font-sans shadow-[0_0_15px_rgba(34,211,238,0.22)] hover:shadow-[0_0_22px_rgba(34,211,238,0.38)] hover:scale-[1.01] active:scale-[0.98] transition-all duration-300 overflow-hidden cursor-pointer border border-cyan-300/30 disabled:opacity-30 disabled:grayscale"
     },
-    /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.X, { size: 20 })
-  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-20 h-20 rounded-[2rem] bg-gradient-to-br from-sky-400 to-indigo-600 p-[1px] mb-8 shadow-lg shadow-sky-500/20" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full h-full rounded-[2rem] bg-[#0d1117] flex items-center justify-center" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Zap, { className: "text-sky-400 fill-sky-400/20", size: 32 }))), /* @__PURE__ */ import_react36.default.createElement("h2", { className: "text-3xl font-bold text-white mb-4 tracking-tight" }, "Limite de Nodes", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-indigo-400" }, "Atingido")), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/60 text-lg leading-relaxed mb-10 max-w-md" }, "Voc\xEA atingiu o limite de", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-white font-semibold" }, nodeLimit, " nodes"), " ", "do seu plano Free. Seu universo est\xE1 crescendo r\xE1pido!"), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full grid grid-cols-2 gap-4 mb-10" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Status Atual"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-white" }, nodeCounter, " / ", nodeLimit)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Pr\xF3ximo Plano"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-sky-400" }, "Ilimitado"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full space-y-4 mb-10 text-left px-4" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Rocket, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Cria\xE7\xE3o de Nodes ilimitada")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.ShieldCheck, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Acesso expandido \xE0s funcionalidades colaborativas e de comunidade"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react36.default.createElement(
+    /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700 ease-in-out pointer-events-none" }),
+    isSubmitting ? /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative z-10 flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "h-4 w-4 border-2 border-slate-950/30 border-t-slate-950 rounded-full animate-spin" })) : /* @__PURE__ */ import_react37.default.createElement("span", { className: "relative z-10 font-normal" }, "Upgrade Now")
+  ) : /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-full py-3 rounded-xl bg-indigo-500/10 border border-indigo-500/30 text-indigo-300 font-normal text-sm text-center flex items-center justify-center gap-2 font-sans tracking-normal" }, /* @__PURE__ */ import_react37.default.createElement("span", null, "Your Account is Premium")), /* @__PURE__ */ import_react37.default.createElement(
     "button",
     {
-      className: "w-full py-5 rounded-[1.5rem] bg-gradient-to-r from-sky-500 to-indigo-600 text-white font-bold text-sm uppercase tracking-widest hover:shadow-[0_0_30px_-5px_rgba(56,189,248,0.5)] hover:scale-[1.02] active:scale-95 transition-all duration-300 flex items-center justify-center gap-2",
-      onClick: async () => {
-        if (onUpgrade) {
-          await onUpgrade();
-        } else {
-          alert("Redirecionando para upgrade... (Em breve)");
-        }
-        onClose();
-      }
+      onClick: onClose,
+      className: "w-full py-2.5 rounded-xl bg-slate-950/50 hover:bg-slate-900 border border-slate-800 text-slate-400 hover:text-white text-xs font-semibold transition-all duration-300 active:scale-[0.98] cursor-pointer text-center"
     },
-    "Fazer Upgrade Agora",
-    /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Sparkles, { size: 16 })
-  ), /* @__PURE__ */ import_react36.default.createElement(
+    currentPlan === "premium" ? "Close" : "Continue with Free Plan"
+  )), /* @__PURE__ */ import_react37.default.createElement(
     "button",
     {
       onClick: onClose,
-      className: "w-full py-5 rounded-[1.5rem] bg-white/5 border border-white/10 text-white/40 font-bold text-sm uppercase tracking-widest hover:bg-white/10 hover:text-white transition-all duration-300"
+      className: "absolute top-6 right-6 text-slate-500 hover:text-cyan-400 transition-all duration-300 p-1 hover:rotate-90 cursor-pointer",
+      "aria-label": "Close modal"
     },
-    "Talvez depois"
-  )))));
+    /* @__PURE__ */ import_react37.default.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      },
+      /* @__PURE__ */ import_react37.default.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ import_react37.default.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    )
+  )), /* @__PURE__ */ import_react37.default.createElement("style", null, `
+        @keyframes float {
+          0%,
+          100% {
+            transform: translateY(0px);
+          }
+          50% {
+            transform: translateY(-8px);
+          }
+        }
+        .animate-float {
+          animation: float 4s ease-in-out infinite;
+        }
+      `));
 }
 
 // src/XViewScene.jsx
@@ -19636,12 +19779,12 @@ function XViewScene({
   onUpgrade
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
-  const { data: session, status } = (0, import_react38.useSession)();
+  const { data: session, status } = (0, import_react39.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = (0, import_react37.useMemo)(() => {
+  const viewParams = (0, import_react38.useMemo)(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data && data.id && data.owner_id && data.type) {
@@ -19650,12 +19793,12 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (viewParams == null ? void 0 : viewParams.name) {
       document.title = `${viewParams.name} - x.plore`;
     }
   }, [viewParams == null ? void 0 : viewParams.name]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -19692,68 +19835,70 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = (0, import_react37.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = (0, import_react37.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = (0, import_react37.useMemo)(() => {
+  const sceneConfigId = (0, import_react38.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
+  const ownerId = (0, import_react38.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
+  const dbSaveUrl = (0, import_react38.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = (0, import_react37.useMemo)(() => {
+  const sceneSaveUrl = (0, import_react38.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = (0, import_react37.useMemo)(() => {
+  const ancestry_save_url = (0, import_react38.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = (0, import_react37.useRef)(null);
-  const parentDataRef = (0, import_react37.useRef)(null);
+  const sceneDataRef = (0, import_react38.useRef)(null);
+  const parentDataRef = (0, import_react38.useRef)(null);
   const graphDataRef = parentDataRef;
-  const ancestryDataRef = (0, import_react37.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react37.useState)(true);
-  const [isProcessing, setIsProcessing] = (0, import_react37.useState)(false);
-  const [permissionStatus, setPermissionStatus] = (0, import_react37.useState)("loading");
-  const [userPermissionRole, setUserPermissionRole] = (0, import_react37.useState)(null);
-  const [viewMembers, setViewMembers] = (0, import_react37.useState)([]);
-  const [isInitialized, setIsInitialized] = (0, import_react37.useState)(false);
-  const [sceneVersion, setSceneVersion] = (0, import_react37.useState)(0);
-  const [contextMenu, setContextMenu] = (0, import_react37.useState)({
+  const ancestryDataRef = (0, import_react38.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react38.useState)(true);
+  const [isProcessing, setIsProcessing] = (0, import_react38.useState)(false);
+  const [permissionStatus, setPermissionStatus] = (0, import_react38.useState)("loading");
+  const [userPermissionRole, setUserPermissionRole] = (0, import_react38.useState)(null);
+  const [viewMembers, setViewMembers] = (0, import_react38.useState)([]);
+  const [isInitialized, setIsInitialized] = (0, import_react38.useState)(false);
+  const [sceneVersion, setSceneVersion] = (0, import_react38.useState)(0);
+  const [contextMenu, setContextMenu] = (0, import_react38.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = (0, import_react37.useState)({
+  const [multiContextMenu, setMultiContextMenu] = (0, import_react38.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = (0, import_react37.useState)({
+  const [relationshipMenu, setRelationshipMenu] = (0, import_react38.useState)({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = (0, import_react37.useState)({
+  const [creationMode, setCreationMode] = (0, import_react38.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = (0, import_react37.useState)({
+  const [versionMode, setVersionMode] = (0, import_react38.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = (0, import_react37.useState)({ isActive: false });
-  const [processMode, setProcessMode] = (0, import_react37.useState)({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react37.useState)(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react37.useState)(false);
-  const [questTreeMode, setQuestTreeMode] = (0, import_react37.useState)({
+  const [questMode, setQuestMode] = (0, import_react38.useState)({ isActive: false });
+  const [processMode, setProcessMode] = (0, import_react38.useState)({ isActive: false });
+  const longPressTimeoutRef = (0, import_react38.useRef)(null);
+  const isLongPressTriggeredRef = (0, import_react38.useRef)(false);
+  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react38.useState)(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react38.useState)(false);
+  const [questTreeMode, setQuestTreeMode] = (0, import_react38.useState)({
     isActive: false,
     questNodeId: null,
     questTempData: null,
@@ -19763,7 +19908,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [processTreeMode, setProcessTreeMode] = (0, import_react37.useState)({
+  const [processTreeMode, setProcessTreeMode] = (0, import_react38.useState)({
     isActive: false,
     processNodeId: null,
     processTempData: null,
@@ -19773,7 +19918,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [ancestryMode, setAncestryMode] = (0, import_react37.useState)({
+  const [ancestryMode, setAncestryMode] = (0, import_react38.useState)({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -19784,45 +19929,45 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = (0, import_react37.useState)({
+  const [readingMode, setReadingMode] = (0, import_react38.useState)({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = (0, import_react37.useState)({
+  const [formPosition, setFormPosition] = (0, import_react38.useState)({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = (0, import_react37.useState)(null);
-  const [detailsLink, setDetailsLink] = (0, import_react37.useState)(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react37.useState)(null);
-  const [imageViewer, setImageViewer] = (0, import_react37.useState)({
+  const [detailsNode, setDetailsNode] = (0, import_react38.useState)(null);
+  const [detailsLink, setDetailsLink] = (0, import_react38.useState)(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react38.useState)(null);
+  const [imageViewer, setImageViewer] = (0, import_react38.useState)({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react37.useState)({
+  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react38.useState)({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react37.useState)(false);
-  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react37.useState)("");
-  const [invalidTargetError, setInvalidTargetError] = (0, import_react37.useState)(null);
-  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react37.useState)(null);
-  const [isBoardsOpen, setIsBoardsOpen] = (0, import_react37.useState)(false);
-  const [boardItems, setBoardItems] = (0, import_react37.useState)([]);
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react37.useState)(false);
-  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react37.useState)(false);
-  const [nodeCounter, setNodeCounter] = (0, import_react37.useState)(0);
-  const [isUpgradeModalOpen, setIsUpgradeModalOpen] = (0, import_react37.useState)(false);
-  const [nodeLimit, setNodeLimit] = (0, import_react37.useState)(100);
-  const mountRef = (0, import_react37.useRef)(null);
-  const tooltipRef = (0, import_react37.useRef)(null);
-  const formRef = (0, import_react37.useRef)(null);
-  const stateRef = (0, import_react37.useRef)({
+  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react38.useState)(false);
+  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react38.useState)("");
+  const [invalidTargetError, setInvalidTargetError] = (0, import_react38.useState)(null);
+  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react38.useState)(null);
+  const [isBoardsOpen, setIsBoardsOpen] = (0, import_react38.useState)(false);
+  const [boardItems, setBoardItems] = (0, import_react38.useState)([]);
+  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react38.useState)(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react38.useState)(false);
+  const [nodeCounter, setNodeCounter] = (0, import_react38.useState)(0);
+  const [isUpgradeModalOpen, setIsUpgradeModalOpen] = (0, import_react38.useState)(false);
+  const [nodeLimit, setNodeLimit] = (0, import_react38.useState)(100);
+  const mountRef = (0, import_react38.useRef)(null);
+  const tooltipRef = (0, import_react38.useRef)(null);
+  const formRef = (0, import_react38.useRef)(null);
+  const stateRef = (0, import_react38.useRef)({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -19907,16 +20052,16 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     stateRef.current.questTree = questTreeMode;
   }, [questTreeMode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     stateRef.current.processTree = processTreeMode;
   }, [processTreeMode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     var _a2, _b2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -19941,7 +20086,7 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = (0, import_react37.useCallback)(() => {
+  const handleNavigateBack = (0, import_react38.useCallback)(() => {
     const type = viewParams == null ? void 0 : viewParams.type;
     const tab = type === "database" ? "datasets" : "views";
     const targetUrl = `/dashboard/xview?tab=${tab}`;
@@ -19952,7 +20097,7 @@ function XViewScene({
       window.location.href = targetUrl;
     }
   }, [router, viewParams]);
-  const handleConfirmImport = (0, import_react37.useCallback)(
+  const handleConfirmImport = (0, import_react38.useCallback)(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -20077,7 +20222,7 @@ function XViewScene({
       add_new_parent_file_to_scene_at_firebase_action
     ]
   );
-  const handleSaveConfig = (0, import_react37.useCallback)(
+  const handleSaveConfig = (0, import_react38.useCallback)(
     async (newConfig) => {
       if (!sceneDataRef.current || !save_view_data || !sceneSaveUrl) return;
       const updatedData = {
@@ -20097,7 +20242,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = (0, import_react37.useCallback)(
+  const tweenToTarget = (0, import_react38.useCallback)(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const {
         camera: sceneCamera,
@@ -20127,7 +20272,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = (0, import_react37.useCallback)(
+  const buildFullAncestryTree = (0, import_react38.useCallback)(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -20214,7 +20359,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = (0, import_react37.useCallback)(() => {
+  const handleActivateTimeline = (0, import_react38.useCallback)(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -20367,7 +20512,7 @@ function XViewScene({
       tweenToTarget(center, zoomFactor);
     }
   }, [tweenToTarget]);
-  const handleVersionTimeline = (0, import_react37.useCallback)(
+  const handleVersionTimeline = (0, import_react38.useCallback)(
     (sourceMesh, versionMeshes) => {
       const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
       if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
@@ -20516,7 +20661,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -20614,12 +20759,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = (0, import_react37.useCallback)((id) => {
+  const isNodeInView = (0, import_react38.useCallback)((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = (0, import_react37.useCallback)(
+  const addOrUpdateNodeMesh = (0, import_react38.useCallback)(
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false, isTemplate = false) => {
       const {
         graphGroup,
@@ -20661,14 +20806,22 @@ function XViewScene({
     },
     []
   );
-  const handleActivateReshapeLens = (0, import_react37.useCallback)(
+  const handleActivateReshapeLens = (0, import_react38.useCallback)(
     ({ type, columns, centerNodeId }) => {
-      const { nodeObjects, tweenGroup, camera, controls } = stateRef.current;
+      const {
+        nodeObjects,
+        allLinks = [],
+        ancestryLinks = [],
+        tweenGroup,
+        camera,
+        controls
+      } = stateRef.current;
       if (!nodeObjects || !tweenGroup || !camera || !controls) return;
       const activeNodeIds = Object.keys(nodeObjects);
       if (activeNodeIds.length === 0) return;
       let sumX = 0;
       let sumY = 0;
+      let sumZ = 0;
       let nodeCount = 0;
       activeNodeIds.forEach((id) => {
         const mesh = nodeObjects[id];
@@ -20772,30 +20925,199 @@ function XViewScene({
           sumY += targetY;
           nodeCount++;
         });
+      } else if (type === "Network") {
+        const N = activeNodeIds.length;
+        const activeSet = new Set(activeNodeIds.map(String));
+        const edges = [];
+        const degreeMap = new Map(activeNodeIds.map((id) => [String(id), 0]));
+        const seenPairs = /* @__PURE__ */ new Set();
+        [...allLinks, ...ancestryLinks].forEach((line) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+          const u = String(
+            ((_c2 = (_b2 = (_a2 = line.userData) == null ? void 0 : _a2.sourceNode) == null ? void 0 : _b2.userData) == null ? void 0 : _c2.id) ?? ((_d2 = line.userData) == null ? void 0 : _d2.source) ?? ""
+          );
+          const v = String(
+            ((_g2 = (_f2 = (_e2 = line.userData) == null ? void 0 : _e2.targetNode) == null ? void 0 : _f2.userData) == null ? void 0 : _g2.id) ?? ((_h2 = line.userData) == null ? void 0 : _h2.target) ?? ""
+          );
+          if (u && v && u !== v && activeSet.has(u) && activeSet.has(v)) {
+            const pairKey = u < v ? `${u}_${v}` : `${v}_${u}`;
+            if (!seenPairs.has(pairKey)) {
+              seenPairs.add(pairKey);
+              edges.push([u, v]);
+              degreeMap.set(u, (degreeMap.get(u) || 0) + 1);
+              degreeMap.set(v, (degreeMap.get(v) || 0) + 1);
+            }
+          }
+        });
+        const baseSpread = Math.max(45, Math.sqrt(N) * 19);
+        const boundX = baseSpread * 1.75;
+        const boundY = baseSpread * 1;
+        const boundZ = Math.min(85, Math.max(25, baseSpread * 0.45));
+        const sortedIds = [...activeNodeIds].sort(
+          (a, b) => (degreeMap.get(String(b)) || 0) - (degreeMap.get(String(a)) || 0)
+        );
+        const posMap = /* @__PURE__ */ new Map();
+        const velMap = /* @__PURE__ */ new Map();
+        const goldenAngle = Math.PI * (3 - Math.sqrt(5));
+        sortedIds.forEach((id, idx) => {
+          const t = N > 1 ? idx / (N - 1) : 0.5;
+          const r = Math.sqrt(0.12 + 0.88 * t);
+          const theta = idx * goldenAngle * 7;
+          const zLayer = Math.sin(idx * 2.39996) * boundZ * (0.4 + 0.6 * r);
+          posMap.set(String(id), {
+            x: Math.cos(theta) * r * boundX,
+            y: Math.sin(theta) * r * boundY,
+            z: zLayer
+          });
+          velMap.set(String(id), { x: 0, y: 0, z: 0 });
+        });
+        const iterations = 120;
+        const minNodeDist = 24;
+        const idealEdgeDist = 28;
+        const repulsionRadius = 65;
+        for (let iter = 0; iter < iterations; iter++) {
+          const cooling = 1 - iter / iterations * 0.75;
+          for (let i = 0; i < N; i++) {
+            const idA = String(sortedIds[i]);
+            const pA = posMap.get(idA);
+            const vA = velMap.get(idA);
+            for (let j = i + 1; j < N; j++) {
+              const idB = String(sortedIds[j]);
+              const pB = posMap.get(idB);
+              const vB = velMap.get(idB);
+              const dx = pA.x - pB.x;
+              const dy = pA.y - pB.y;
+              const dz = (pA.z - pB.z) * 0.6;
+              const distSq = dx * dx + dy * dy + dz * dz + 0.1;
+              const dist = Math.sqrt(distSq);
+              if (dist < repulsionRadius) {
+                const force = dist < minNodeDist ? (minNodeDist - dist) / dist * 1.8 : (repulsionRadius - dist) / repulsionRadius * 0.35 / dist;
+                const fx = dx * force;
+                const fy = dy * force;
+                const fz = (pA.z - pB.z) * force * 0.5;
+                vA.x += fx;
+                vA.y += fy;
+                vA.z += fz;
+                vB.x -= fx;
+                vB.y -= fy;
+                vB.z -= fz;
+              }
+            }
+          }
+          for (let e = 0; e < edges.length; e++) {
+            const [u, v] = edges[e];
+            const pU = posMap.get(u);
+            const pV = posMap.get(v);
+            const vU = velMap.get(u);
+            const vV = velMap.get(v);
+            const dx = pV.x - pU.x;
+            const dy = pV.y - pU.y;
+            const dz = pV.z - pU.z;
+            const dist = Math.sqrt(dx * dx + dy * dy + dz * dz) || 1;
+            const delta = dist - idealEdgeDist;
+            const springStrength = 0.085;
+            const fx = dx / dist * delta * springStrength;
+            const fy = dy / dist * delta * springStrength;
+            const fz = dz / dist * delta * springStrength;
+            vU.x += fx;
+            vU.y += fy;
+            vU.z += fz;
+            vV.x -= fx;
+            vV.y -= fy;
+            vV.z -= fz;
+          }
+          for (let i = 0; i < N; i++) {
+            const id = String(sortedIds[i]);
+            const p = posMap.get(id);
+            const v = velMap.get(id);
+            const nx = p.x / boundX;
+            const ny = p.y / boundY;
+            const nz = p.z / boundZ;
+            const radialNorm = Math.sqrt(nx * nx + ny * ny);
+            if (radialNorm > 0.95) {
+              const pull = (radialNorm - 0.95) * 2.2;
+              v.x -= nx * pull * 8;
+              v.y -= ny * pull * 8;
+            } else if (radialNorm < 0.2 && N > 12 && (degreeMap.get(id) || 0) === 0) {
+              v.x += (nx || 0.1) * 1.5;
+              v.y += (ny || 0.1) * 1.5;
+            }
+            if (Math.abs(nz) > 0.95) {
+              v.z -= nz * (Math.abs(nz) - 0.95) * 10;
+            }
+            const maxStep = 6 * cooling;
+            const speed = Math.sqrt(v.x * v.x + v.y * v.y + v.z * v.z) || 1;
+            const scale = speed > maxStep ? maxStep / speed : cooling;
+            p.x += v.x * scale;
+            p.y += v.y * scale;
+            p.z += v.z * scale;
+            v.x *= 0.4;
+            v.y *= 0.4;
+            v.z *= 0.4;
+          }
+        }
+        activeNodeIds.forEach((id) => {
+          const mesh = nodeObjects[id];
+          const target = posMap.get(String(id)) || { x: 0, y: 0, z: 0 };
+          const posTween = new import_tween2.Tween(mesh.position).to({ x: target.x, y: target.y, z: target.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (mesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(
+              target.x,
+              target.y,
+              target.z
+            ).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
+            const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += target.x;
+          sumY += target.y;
+          sumZ += target.z;
+          nodeCount++;
+        });
       }
       if (nodeCount > 0) {
         const centerX = sumX / nodeCount;
         const centerY = sumY / nodeCount;
-        const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+        const centerZ = type === "Network" ? sumZ / nodeCount : 0;
+        const targetFocus = new THREE3.Vector3(centerX, centerY, centerZ);
         const targetTween = new import_tween2.Tween(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
         tweenGroup.add(targetTween);
         targetTween.start();
         let zoomZ = 140;
+        let camOffsetY = 0;
         if (type === "Column") {
           const numRows = Math.ceil(nodeCount / (columns || 4));
           zoomZ = Math.max(140, numRows * 50);
         } else if (type === "Circle" || type === "Star") {
           const radius = Math.max(80, nodeCount * 8);
           zoomZ = radius * 2.5;
+        } else if (type === "Network") {
+          const baseSpread = Math.max(45, Math.sqrt(nodeCount) * 19);
+          const immersionFactor = Math.max(
+            0.52,
+            1.15 - Math.min(nodeCount, 120) * 52e-4
+          );
+          zoomZ = targetFocus.z + Math.max(55, baseSpread * immersionFactor);
+          camOffsetY = -baseSpread * 0.08;
         }
-        const camTween = new import_tween2.Tween(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: zoomZ }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        const camTween = new import_tween2.Tween(camera.position).to(
+          {
+            x: targetFocus.x,
+            y: targetFocus.y + camOffsetY,
+            z: zoomZ
+          },
+          1500
+        ).easing(import_tween2.Easing.Cubic.InOut);
         tweenGroup.add(camTween);
         camTween.start();
       }
     },
     []
   );
-  const handleActivateQuestLens = (0, import_react37.useCallback)(
+  const handleActivateQuestLens = (0, import_react38.useCallback)(
     ({ assigneeId, status: status2, milestoneId }) => {
       var _a2;
       const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
@@ -21017,7 +21339,7 @@ function XViewScene({
     },
     [addOrUpdateNodeMesh]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -21046,11 +21368,17 @@ function XViewScene({
     renderer.outputColorSpace = THREE3.SRGBColorSpace;
     renderer.toneMapping = THREE3.ACESFilmicToneMapping;
     renderer.toneMappingExposure = 1.2;
+    currentMount.style.touchAction = "none";
+    renderer.domElement.style.touchAction = "none";
     currentMount.appendChild(renderer.domElement);
     stateRef.current.renderer = renderer;
     const controls = new import_OrbitControls.OrbitControls(camera, renderer.domElement);
     controls.enableDamping = true;
     controls.dampingFactor = 0.05;
+    controls.touches = {
+      ONE: THREE3.TOUCH.ROTATE,
+      TWO: THREE3.TOUCH.DOLLY_PAN
+    };
     stateRef.current.controls = controls;
     scene.add(new THREE3.AmbientLight(16777215, 0.1));
     const directionalLight = new THREE3.DirectionalLight(16777215, 0.2);
@@ -21275,21 +21603,58 @@ function XViewScene({
         stateRef.current.dragCandidate = null;
         return;
       }
-      if (event.button !== 0) return;
+      if (event.button !== 0 && event.pointerType !== "touch") return;
       if (picked && !stateRef.current.ancestry.isActive) {
         stateRef.current.controls.enabled = false;
       }
       stateRef.current.pointerDown = {
         isDown: true,
         x: event.clientX,
-        y: event.clientY
+        y: event.clientY,
+        pointerType: event.pointerType
       };
       stateRef.current.dragCandidate = picked;
+      if (event.pointerType === "touch" || event.pointerType === "pen") {
+        if (longPressTimeoutRef.current) {
+          clearTimeout(longPressTimeoutRef.current);
+        }
+        isLongPressTriggeredRef.current = false;
+        if (picked) {
+          const touchX = event.clientX;
+          const touchY = event.clientY;
+          longPressTimeoutRef.current = setTimeout(() => {
+            isLongPressTriggeredRef.current = true;
+            if (typeof navigator !== "undefined" && navigator.vibrate) {
+              navigator.vibrate(40);
+            }
+            setContextMenu({
+              visible: true,
+              x: touchX,
+              y: touchY,
+              nodeData: picked.userData
+            });
+            setMultiContextMenu((prev) => ({ ...prev, visible: false }));
+            setRelationshipMenu((prev) => ({ ...prev, visible: false }));
+            setDetailsNode(null);
+          }, 450);
+        }
+      }
     }
     function onPointerMove(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event)) return;
       setMouseFromEvent(event);
+      if (stateRef.current.pointerDown.isDown) {
+        const dx = event.clientX - stateRef.current.pointerDown.x;
+        const dy = event.clientY - stateRef.current.pointerDown.y;
+        const dist = Math.hypot(dx, dy);
+        if (dist > (x_view_config.DRAG_THRESHOLD_PX || 5)) {
+          if (longPressTimeoutRef.current) {
+            clearTimeout(longPressTimeoutRef.current);
+            longPressTimeoutRef.current = null;
+          }
+        }
+      }
       if (stateRef.current.isDragging && stateRef.current.draggedNode) {
         const raycaster2 = new THREE3.Raycaster();
         raycaster2.setFromCamera(mouse, camera);
@@ -21332,7 +21697,7 @@ function XViewScene({
         return;
       }
       if (stateRef.current.creation.isActive) return;
-      if (stateRef.current.pointerDown.isDown && stateRef.current.dragCandidate) {
+      if (stateRef.current.pointerDown.isDown && stateRef.current.dragCandidate && !isLongPressTriggeredRef.current) {
         const dx = event.clientX - stateRef.current.pointerDown.x;
         const dy = event.clientY - stateRef.current.pointerDown.y;
         if (Math.hypot(dx, dy) > x_view_config.DRAG_THRESHOLD_PX) {
@@ -21364,6 +21729,17 @@ function XViewScene({
     async function onPointerUp(event) {
       var _a2, _b2, _c2;
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
+      if (longPressTimeoutRef.current) {
+        clearTimeout(longPressTimeoutRef.current);
+        longPressTimeoutRef.current = null;
+      }
+      if (isLongPressTriggeredRef.current) {
+        isLongPressTriggeredRef.current = false;
+        stateRef.current.pointerDown.isDown = false;
+        stateRef.current.dragCandidate = null;
+        stateRef.current.controls.enabled = true;
+        return;
+      }
       if (isFromUiOverlay(event)) return;
       const {
         connection,
@@ -21598,7 +21974,7 @@ function XViewScene({
         stateRef.current.dragCandidate = null;
         return;
       }
-      if (event.button === 0 && !stateRef.current.creation.isActive && stateRef.current.pointerDown.isDown) {
+      if ((event.button === 0 || event.pointerType === "touch") && !stateRef.current.creation.isActive && stateRef.current.pointerDown.isDown) {
         setMouseFromEvent(event);
         const clickedNode = stateRef.current.dragCandidate || tryPickNode();
         stateRef.current.dragCandidate = null;
@@ -21607,6 +21983,9 @@ function XViewScene({
           stateRef.current.selectedNodes.clear();
         }
         if (clickedNode) {
+          setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+          setMultiContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+          setRelationshipMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
           setDetailsNode({ ...clickedNode.userData });
           setDetailsLink(null);
           return;
@@ -21642,6 +22021,14 @@ function XViewScene({
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event)) return;
       event.preventDefault();
+      if (longPressTimeoutRef.current) {
+        clearTimeout(longPressTimeoutRef.current);
+        longPressTimeoutRef.current = null;
+      }
+      isLongPressTriggeredRef.current = true;
+      stateRef.current.pointerDown.isDown = false;
+      stateRef.current.dragCandidate = null;
+      setDetailsNode(null);
       if (stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive)
         return;
       setMouseFromEvent(event);
@@ -21942,7 +22329,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = (0, import_react37.useCallback)((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = (0, import_react38.useCallback)((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -21990,7 +22377,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = (0, import_react37.useCallback)((newIntensity) => {
+  const handleGhostNodeIntensityChange = (0, import_react38.useCallback)((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -22011,7 +22398,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = (0, import_react37.useCallback)(
+  const handleDetailNodeIntensityChange = (0, import_react38.useCallback)(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -22167,7 +22554,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = (0, import_react37.useCallback)((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = (0, import_react38.useCallback)((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -22190,7 +22577,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react37.useMemo)(
+  const actionHandlerContext = (0, import_react38.useMemo)(
     () => {
       var _a2;
       return {
@@ -22302,7 +22689,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = (0, import_react37.useCallback)(
+  const handleStartQuestQuick = (0, import_react38.useCallback)(
     (questNode) => {
       var _a2, _b2, _c2, _d2, _e2, _f2;
       if (!questNode || !actionHandlerContext) return;
@@ -22384,7 +22771,7 @@ function XViewScene({
     },
     [session, actionHandlerContext]
   );
-  const handleFinishQuestQuick = (0, import_react37.useCallback)(
+  const handleFinishQuestQuick = (0, import_react38.useCallback)(
     (questNode) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
       if (!questNode || !actionHandlerContext) return;
@@ -22534,7 +22921,7 @@ function XViewScene({
     },
     [session, actionHandlerContext, viewMembers, detailsNode]
   );
-  const handleCancelQuest = (0, import_react37.useCallback)(() => {
+  const handleCancelQuest = (0, import_react38.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -22556,7 +22943,7 @@ function XViewScene({
     stateRef.current.ghostElements = { node: null, line: null, aura: null };
     setQuestMode({ isActive: false });
   }, []);
-  const handleCancelProcess = (0, import_react37.useCallback)(() => {
+  const handleCancelProcess = (0, import_react38.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -22909,7 +23296,7 @@ function XViewScene({
       alert("Ocorreu um erro ao criar o Processo.");
     }
   };
-  const handleClearAncestryVisuals = (0, import_react37.useCallback)((ancestryId) => {
+  const handleClearAncestryVisuals = (0, import_react38.useCallback)((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -22927,7 +23314,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = (0, import_react37.useCallback)(
+  const handleRenderAncestry = (0, import_react38.useCallback)(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -23421,7 +23808,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = (0, import_react37.useCallback)(
+  const handleRenderAbstractionTree = (0, import_react38.useCallback)(
     (ancestryObject, targetNodeId = null, focusNodeId2 = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -23530,7 +23917,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = (0, import_react37.useCallback)(
+  const handleReadModeBranchNav = (0, import_react38.useCallback)(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -23708,13 +24095,13 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = (0, import_react37.useCallback)((nodeId) => {
+  const handleReadModeHighlight = (0, import_react38.useCallback)((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = (0, import_react37.useMemo)(() => {
+  const activeNodeBranches = (0, import_react38.useMemo)(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -23758,7 +24145,7 @@ function XViewScene({
     readingMode.branchStack,
     ancestryDataRef.current
   ]);
-  const backNavigationInfo = (0, import_react37.useMemo)(() => {
+  const backNavigationInfo = (0, import_react38.useMemo)(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -23769,7 +24156,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = (0, import_react37.useMemo)(() => {
+  const getReadModeDisplayContext = (0, import_react38.useMemo)(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -23812,7 +24199,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = (0, import_react37.useMemo)(() => {
+  const readModeAbstractionTree = (0, import_react38.useMemo)(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -23831,7 +24218,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = (0, import_react37.useCallback)(
+  const handleStartReadingAncestry = (0, import_react38.useCallback)(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -23874,7 +24261,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = (0, import_react37.useCallback)(
+  const handleReadModeSectionChange = (0, import_react38.useCallback)(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -23959,10 +24346,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = (0, import_react37.useCallback)(() => {
+  const handleCloseReadMode = (0, import_react38.useCallback)(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = (0, import_react37.useCallback)(
+  const handleAncestrySectionChange = (0, import_react38.useCallback)(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -24024,7 +24411,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = (0, import_react37.useCallback)(
+  const handleEditAncestry = (0, import_react38.useCallback)(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -24079,7 +24466,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = (0, import_react37.useCallback)((pathToRemove) => {
+  const handleRemoveFromAncestry = (0, import_react38.useCallback)((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -24104,7 +24491,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = (0, import_react37.useCallback)(
+  const handleSaveAncestry = (0, import_react38.useCallback)(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       var _a2;
       const treeToUse = treeOverride || ancestryMode.tree;
@@ -24372,7 +24759,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = (0, import_react37.useCallback)(
+  const handleDeleteAncestry = (0, import_react38.useCallback)(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -24506,19 +24893,19 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenBoards = (0, import_react37.useCallback)(() => {
+  const handleOpenBoards = (0, import_react38.useCallback)(() => {
     setIsBoardsOpen(true);
   }, []);
-  const allAvailableNodes = (0, import_react37.useMemo)(() => {
+  const allAvailableNodes = (0, import_react38.useMemo)(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap(
       (fileData) => fileData.nodes || []
     );
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = (0, import_react37.useMemo)(() => {
+  const allAvailableAncestries = (0, import_react38.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleFocusNode = (0, import_react37.useCallback)(
+  const handleFocusNode = (0, import_react38.useCallback)(
     (nodeData) => {
       var _a2;
       if (!nodeData) return;
@@ -24534,7 +24921,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  const handleOpenReference = (0, import_react37.useCallback)(
+  const handleOpenReference = (0, import_react38.useCallback)(
     (referenceData) => {
       const { type, id } = referenceData;
       if (type === "node") {
@@ -24570,7 +24957,7 @@ function XViewScene({
       handleFocusNode
     ]
   );
-  const handleSelectAncestryFromBoard = (0, import_react37.useCallback)(
+  const handleSelectAncestryFromBoard = (0, import_react38.useCallback)(
     (item) => {
       setIsBoardsOpen(false);
       setIsSidebarOpen(false);
@@ -24582,7 +24969,7 @@ function XViewScene({
     },
     [handleStartReadingAncestry, handleOpenReference]
   );
-  const handleSaveBoards = (0, import_react37.useCallback)(
+  const handleSaveBoards = (0, import_react38.useCallback)(
     async (boardItems2) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -24596,7 +24983,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_boards_action, ownerId]
   );
-  const existingNodeTypes = (0, import_react37.useMemo)(() => {
+  const existingNodeTypes = (0, import_react38.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -24608,7 +24995,7 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = (0, import_react37.useMemo)(() => {
+  const searchableDbNodes = (0, import_react38.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -24623,7 +25010,7 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = (0, import_react37.useCallback)(
+  const handleAddExistingNode = (0, import_react38.useCallback)(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -24632,7 +25019,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = (0, import_react37.useCallback)(
+  const handleUpdateMilestones = (0, import_react38.useCallback)(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -24659,7 +25046,7 @@ function XViewScene({
     },
     [sceneConfigId, sceneSaveUrl, save_view_data, viewParams == null ? void 0 : viewParams.type]
   );
-  const handleSaveCurrentView = (0, import_react37.useCallback)(async () => {
+  const handleSaveCurrentView = (0, import_react38.useCallback)(async () => {
     var _a2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -24698,13 +25085,13 @@ function XViewScene({
       console.error("Erro na chamada de save_view_data:", error);
     }
   }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
-  const handleToggleAncestryAddMode = (0, import_react37.useCallback)(() => {
+  const handleToggleAncestryAddMode = (0, import_react38.useCallback)(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const availableDatasets = (0, import_react37.useMemo)(() => {
+  const availableDatasets = (0, import_react38.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -24718,7 +25105,7 @@ function XViewScene({
     String(creationMode.sourceNodeData.id)
   )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isInitialized || hasFocusedInitial) return;
     const nodeObjects = stateRef.current.nodeObjects || {};
     if (focusNodeId) {
@@ -24765,7 +25152,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -24790,7 +25177,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2, _d2, _e2, _f2;
       const context = actionHandlerContext;
@@ -25013,7 +25400,7 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ import_react37.default.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ import_react38.default.createElement(LoadingScreen, null);
   }
   const overlayHiddenStyle = questTreeMode.isActive || processTreeMode.isActive ? {
     opacity: 0,
@@ -25022,7 +25409,7 @@ function XViewScene({
     transition: "all 300ms ease-in-out"
   } : {};
   if (permissionStatus === "corrupted") {
-    return /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md animate-fade-in" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-4 text-amber-500" }, /* @__PURE__ */ import_react37.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md animate-fade-in" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "mb-4 text-amber-500" }, /* @__PURE__ */ import_react38.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -25032,7 +25419,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25040,13 +25427,13 @@ function XViewScene({
           d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
         }
       )
-    )), /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Link Inv\xE1lido"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-slate-400 mb-6" }, "O link de acesso a este cen\xE1rio est\xE1 corrompido, incompleto ou foi alterado de forma incorreta. Por favor, verifique a URL ou retorne ao dashboard."), /* @__PURE__ */ import_react37.default.createElement(
+    )), /* @__PURE__ */ import_react38.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Link Inv\xE1lido"), /* @__PURE__ */ import_react38.default.createElement("p", { className: "text-slate-400 mb-6" }, "O link de acesso a este cen\xE1rio est\xE1 corrompido, incompleto ou foi alterado de forma incorreta. Por favor, verifique a URL ou retorne ao dashboard."), /* @__PURE__ */ import_react38.default.createElement(
       "button",
       {
         onClick: handleNavigateBack,
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium cursor-pointer"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -25056,7 +25443,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ import_react37.default.createElement(
+        /* @__PURE__ */ import_react38.default.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25069,7 +25456,7 @@ function XViewScene({
     )));
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react37.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react38.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -25079,7 +25466,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25087,13 +25474,13 @@ function XViewScene({
           d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
         }
       )
-    )), /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react37.default.createElement(
+    )), /* @__PURE__ */ import_react38.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react38.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react38.default.createElement(
       "button",
       {
         onClick: handleNavigateBack,
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -25103,7 +25490,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ import_react37.default.createElement(
+        /* @__PURE__ */ import_react38.default.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25115,7 +25502,7 @@ function XViewScene({
       "Voltar para o X.View"
     )));
   }
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(
     "div",
     {
       ref: mountRef,
@@ -25127,7 +25514,7 @@ function XViewScene({
         cursor: isProcessing ? "progress" : stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react37.default.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react38.default.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -25156,7 +25543,7 @@ function XViewScene({
         viewMembers
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    creationMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -25191,7 +25578,7 @@ function XViewScene({
         view_google_folder_id: (_h = sceneDataRef.current) == null ? void 0 : _h.view_google_folder_id
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    versionMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -25218,7 +25605,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questTreeMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    questTreeMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       CreateQuestTreePanel,
       {
         questTreeMode,
@@ -25227,7 +25614,7 @@ function XViewScene({
         onClose: handleCloseQuestTree
       }
     ),
-    processTreeMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    processTreeMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       CreateProcessTreePanel,
       {
         processTreeMode,
@@ -25236,7 +25623,7 @@ function XViewScene({
         onClose: handleCloseProcessTree
       }
     ),
-    questMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    questMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -25267,7 +25654,7 @@ function XViewScene({
         view_google_folder_id: (_m = sceneDataRef.current) == null ? void 0 : _m.view_google_folder_id
       }
     ),
-    processMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    processMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneProcessForm,
       {
         onSave: (data) => handleSaveProcessNode(actionHandlerContext, data),
@@ -25294,7 +25681,7 @@ function XViewScene({
         view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react37.default.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
@@ -25307,7 +25694,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -25318,7 +25705,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -25353,7 +25740,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react37.default.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react38.default.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -25389,7 +25776,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ import_react37.default.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ import_react38.default.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -25403,8 +25790,8 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    isProcessing && /* @__PURE__ */ import_react37.default.createElement("div", { className: "fixed bottom-8 right-8 z-[2000] flex items-center gap-3 px-4 py-2 bg-slate-900/80 backdrop-blur-md border border-white/10 rounded-full shadow-2xl animate-pulse" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-medium text-indigo-200 tracking-wider uppercase" }, "Sincronizando Processo...")),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react37.default.createElement(
+    isProcessing && /* @__PURE__ */ import_react38.default.createElement("div", { className: "fixed bottom-8 right-8 z-[2000] flex items-center gap-3 px-4 py-2 bg-slate-900/80 backdrop-blur-md border border-white/10 rounded-full shadow-2xl animate-pulse" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ import_react38.default.createElement("span", { className: "text-xs font-medium text-indigo-200 tracking-wider uppercase" }, "Sincronizando Processo...")),
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react38.default.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -25436,7 +25823,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && detailsNode.is_process && /* @__PURE__ */ import_react37.default.createElement(
+    detailsNode && detailsNode.is_process && /* @__PURE__ */ import_react38.default.createElement(
       ProcessDetailsPanel,
       {
         node: detailsNode,
@@ -25466,7 +25853,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && !detailsNode.is_quest && !detailsNode.is_process && /* @__PURE__ */ import_react37.default.createElement(
+    detailsNode && !detailsNode.is_quest && !detailsNode.is_process && /* @__PURE__ */ import_react38.default.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -25501,7 +25888,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react37.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react38.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -25516,7 +25903,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react37.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react38.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -25528,7 +25915,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -25555,7 +25942,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -25594,7 +25981,7 @@ function XViewScene({
         onInitiateProcess: (data) => userActionHandlers.handleInitiateProcess(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -25614,7 +26001,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -25632,14 +26019,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       Boards,
       {
         isOpen: isBoardsOpen,
@@ -25652,7 +26039,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -25661,7 +26048,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -25674,7 +26061,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ import_react37.default.createElement(
+    invalidTargetError && /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -25699,13 +26086,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ import_react37.default.createElement("style", null, `
+      /* @__PURE__ */ import_react38.default.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "svg",
         {
           width: "20",
@@ -25717,12 +26104,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react37.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ import_react37.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-        /* @__PURE__ */ import_react37.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        /* @__PURE__ */ import_react38.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ import_react37.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ import_react38.default.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),
@@ -25750,7 +26137,7 @@ function XViewScene({
         "Fechar"
       )
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       UpgradeModal,
       {
         isOpen: isUpgradeModalOpen,