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

package/dist/index.mjs

@@ -1,9 +1,9 @@
 // src/XViewScene.jsx
-import React36, {
+import React37, {
   useCallback as useCallback8,
   useEffect as useEffect27,
   useRef as useRef25,
-  useState as useState33,
+  useState as useState34,
   useMemo as useMemo15
 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -5119,8 +5119,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 = useMemo(() => {
     var _a2;
@@ -5560,7 +5560,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,
@@ -6193,7 +6193,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"
         }
@@ -13789,14 +13790,18 @@ function NodeDetailsPanel({
   });
   const [selectedImageUrl, setSelectedImageUrl] = useState20((node == null ? void 0 : node.textureImageUrl) ?? null);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState20(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
   });
   useEffect17(() => {
-    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 = useRef15(null);
   const propsEndRef = useRef15(null);
@@ -17492,8 +17497,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();
@@ -17934,8 +17939,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();
@@ -19528,63 +19533,201 @@ function MilestoneManager({
 }
 
 // src/components/UpgradeModal.jsx
+import React36, { useState as useState33 } from "react";
+
+// src/components/icons/UltraMinimalIcon.jsx
 import React35 from "react";
-import { Sparkles, X, Rocket, Zap, ShieldCheck } from "lucide-react";
+function UltraMinimalIcon({
+  size = 13,
+  className = "",
+  strokeWidth = 1.5,
+  ...props
+}) {
+  return /* @__PURE__ */ React35.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__ */ React35.createElement(
+      "path",
+      {
+        d: "M6 3h12l4 6-10 12L2 9l4-6z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React35.createElement(
+      "path",
+      {
+        d: "M11 3v6",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React35.createElement(
+      "path",
+      {
+        d: "M13 3v6",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React35.createElement(
+      "path",
+      {
+        d: "M2 9h20",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React35.createElement(
+      "path",
+      {
+        d: "M12 21L8 9",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ React35.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] = useState33(false);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React35.createElement("div", { className: "fixed inset-0 z-[10000] flex items-center justify-center p-4" }, /* @__PURE__ */ React35.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__ */ React35.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__ */ React36.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__ */ React36.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__ */ React36.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__ */ React36.createElement("div", { className: "flex justify-center mb-4 relative" }, /* @__PURE__ */ React36.createElement("div", { className: "relative w-14 h-14 flex items-center justify-center" }, /* @__PURE__ */ React36.createElement("div", { className: "absolute inset-0 bg-cyan-500 rounded-full blur-2xl opacity-20 animate-pulse" }), /* @__PURE__ */ React36.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__ */ React36.createElement(
+    UltraMinimalIcon,
+    {
+      size: 22,
+      className: "text-cyan-400",
+      strokeWidth: 2
+    }
+  )))), /* @__PURE__ */ React36.createElement("h2", { className: "text-xl font-bold text-white mb-1 tracking-tight font-sans" }, "Upgrade x.plore"), /* @__PURE__ */ React36.createElement("p", { className: "text-slate-400 text-[11px] mb-6 leading-relaxed px-4 font-medium italic" }, "Unlock unlimited nodes and community features."), /* @__PURE__ */ React36.createElement("div", { className: "grid grid-cols-2 gap-3 mb-3 text-left" }, /* @__PURE__ */ React36.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__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement("span", { className: "text-xs font-sans font-normal text-cyan-400/80 tracking-normal block mb-1.5" }, "Node Usage"), /* @__PURE__ */ React36.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React36.createElement("span", { className: "text-lg font-bold text-white font-sans tracking-tight" }, nodeCounter), /* @__PURE__ */ React36.createElement("span", { className: "text-xs font-sans font-medium text-slate-400" }, "/ ", currentPlan === "premium" ? "\u221E" : "100"))), currentPlan !== "premium" && /* @__PURE__ */ React36.createElement("div", { className: "mt-2.5" }, /* @__PURE__ */ React36.createElement("div", { className: "w-full h-1.5 bg-slate-900 border border-white/5 rounded-full overflow-hidden p-[1px]" }, /* @__PURE__ */ React36.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__ */ React35.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__ */ React35.createElement("div", { className: "absolute inset-0 -z-10 bg-gradient-to-br from-sky-500/10 via-transparent to-purple-500/10" }), /* @__PURE__ */ React35.createElement("div", { className: "absolute -top-24 -left-24 w-48 h-48 bg-sky-500/20 blur-[100px] rounded-full" }), /* @__PURE__ */ React35.createElement("div", { className: "absolute -bottom-24 -right-24 w-48 h-48 bg-purple-500/20 blur-[100px] rounded-full" }), /* @__PURE__ */ React35.createElement(
+  )))), /* @__PURE__ */ React36.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__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement("span", { className: "text-xs font-sans font-normal text-cyan-400/80 tracking-normal block mb-1.5" }, "Current Plan"), /* @__PURE__ */ React36.createElement("div", { className: "mt-1" }, /* @__PURE__ */ React36.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__ */ React36.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__ */ React36.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__ */ React36.createElement("div", { className: "flex items-center gap-2.5 text-slate-200 text-xs font-medium" }, /* @__PURE__ */ React36.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_6px_#22d3ee] shrink-0" }), /* @__PURE__ */ React36.createElement("span", null, "Unlimited Nodes")), /* @__PURE__ */ React36.createElement("div", { className: "flex items-center gap-2.5 text-slate-200 text-xs font-medium" }, /* @__PURE__ */ React36.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_6px_#22d3ee] shrink-0" }), /* @__PURE__ */ React36.createElement("span", null, "Community and collaboration features"))), /* @__PURE__ */ React36.createElement("div", { className: "space-y-2.5" }, currentPlan !== "premium" ? /* @__PURE__ */ React36.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__ */ React35.createElement(X, { size: 20 })
-  ), /* @__PURE__ */ React35.createElement("div", { className: "p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ React35.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__ */ React35.createElement("div", { className: "w-full h-full rounded-[2rem] bg-[#0d1117] flex items-center justify-center" }, /* @__PURE__ */ React35.createElement(Zap, { className: "text-sky-400 fill-sky-400/20", size: 32 }))), /* @__PURE__ */ React35.createElement("h2", { className: "text-3xl font-bold text-white mb-4 tracking-tight" }, "Limite de Nodes", " ", /* @__PURE__ */ React35.createElement("span", { className: "bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-indigo-400" }, "Atingido")), /* @__PURE__ */ React35.createElement("p", { className: "text-white/60 text-lg leading-relaxed mb-10 max-w-md" }, "Voc\xEA atingiu o limite de", " ", /* @__PURE__ */ React35.createElement("span", { className: "text-white font-semibold" }, nodeLimit, " nodes"), " ", "do seu plano Free. Seu universo est\xE1 crescendo r\xE1pido!"), /* @__PURE__ */ React35.createElement("div", { className: "w-full grid grid-cols-2 gap-4 mb-10" }, /* @__PURE__ */ React35.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ React35.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Status Atual"), /* @__PURE__ */ React35.createElement("p", { className: "text-2xl font-bold text-white" }, nodeCounter, " / ", nodeLimit)), /* @__PURE__ */ React35.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ React35.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Pr\xF3ximo Plano"), /* @__PURE__ */ React35.createElement("p", { className: "text-2xl font-bold text-sky-400" }, "Ilimitado"))), /* @__PURE__ */ React35.createElement("div", { className: "w-full space-y-4 mb-10 text-left px-4" }, /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ React35.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ React35.createElement(Rocket, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ React35.createElement("span", null, "Cria\xE7\xE3o de Nodes ilimitada")), /* @__PURE__ */ React35.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ React35.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ React35.createElement(ShieldCheck, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ React35.createElement("span", null, "Acesso expandido \xE0s funcionalidades colaborativas e de comunidade"))), /* @__PURE__ */ React35.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React35.createElement(
+    /* @__PURE__ */ React36.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__ */ React36.createElement("div", { className: "relative z-10 flex items-center justify-center gap-2" }, /* @__PURE__ */ React36.createElement("div", { className: "h-4 w-4 border-2 border-slate-950/30 border-t-slate-950 rounded-full animate-spin" })) : /* @__PURE__ */ React36.createElement("span", { className: "relative z-10 font-normal" }, "Upgrade Now")
+  ) : /* @__PURE__ */ React36.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__ */ React36.createElement("span", null, "Your Account is Premium")), /* @__PURE__ */ React36.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__ */ React35.createElement(Sparkles, { size: 16 })
-  ), /* @__PURE__ */ React35.createElement(
+    currentPlan === "premium" ? "Close" : "Continue with Free Plan"
+  )), /* @__PURE__ */ React36.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__ */ React36.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__ */ React36.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ React36.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    )
+  )), /* @__PURE__ */ React36.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
@@ -19818,44 +19961,46 @@ function XViewScene({
   const parentDataRef = useRef25(null);
   const graphDataRef = parentDataRef;
   const ancestryDataRef = useRef25(null);
-  const [isLoading, setIsLoading] = useState33(true);
-  const [isProcessing, setIsProcessing] = useState33(false);
-  const [permissionStatus, setPermissionStatus] = useState33("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState33(null);
-  const [viewMembers, setViewMembers] = useState33([]);
-  const [isInitialized, setIsInitialized] = useState33(false);
-  const [sceneVersion, setSceneVersion] = useState33(0);
-  const [contextMenu, setContextMenu] = useState33({
+  const [isLoading, setIsLoading] = useState34(true);
+  const [isProcessing, setIsProcessing] = useState34(false);
+  const [permissionStatus, setPermissionStatus] = useState34("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState34(null);
+  const [viewMembers, setViewMembers] = useState34([]);
+  const [isInitialized, setIsInitialized] = useState34(false);
+  const [sceneVersion, setSceneVersion] = useState34(0);
+  const [contextMenu, setContextMenu] = useState34({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = useState33({
+  const [multiContextMenu, setMultiContextMenu] = useState34({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = useState33({
+  const [relationshipMenu, setRelationshipMenu] = useState34({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = useState33({
+  const [creationMode, setCreationMode] = useState34({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = useState33({
+  const [versionMode, setVersionMode] = useState34({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = useState33({ isActive: false });
-  const [processMode, setProcessMode] = useState33({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState33(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState33(false);
-  const [questTreeMode, setQuestTreeMode] = useState33({
+  const [questMode, setQuestMode] = useState34({ isActive: false });
+  const [processMode, setProcessMode] = useState34({ isActive: false });
+  const longPressTimeoutRef = useRef25(null);
+  const isLongPressTriggeredRef = useRef25(false);
+  const [hasFocusedInitial, setHasFocusedInitial] = useState34(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState34(false);
+  const [questTreeMode, setQuestTreeMode] = useState34({
     isActive: false,
     questNodeId: null,
     questTempData: null,
@@ -19865,7 +20010,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [processTreeMode, setProcessTreeMode] = useState33({
+  const [processTreeMode, setProcessTreeMode] = useState34({
     isActive: false,
     processNodeId: null,
     processTempData: null,
@@ -19875,7 +20020,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [ancestryMode, setAncestryMode] = useState33({
+  const [ancestryMode, setAncestryMode] = useState34({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -19886,41 +20031,41 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = useState33({
+  const [readingMode, setReadingMode] = useState34({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState33({
+  const [formPosition, setFormPosition] = useState34({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = useState33(null);
-  const [detailsLink, setDetailsLink] = useState33(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState33(null);
-  const [imageViewer, setImageViewer] = useState33({
+  const [detailsNode, setDetailsNode] = useState34(null);
+  const [detailsLink, setDetailsLink] = useState34(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState34(null);
+  const [imageViewer, setImageViewer] = useState34({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = useState33({
+  const [editingAncestryRel, setEditingAncestryRel] = useState34({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = useState33(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState33("");
-  const [invalidTargetError, setInvalidTargetError] = useState33(null);
-  const [highlightedNodeId, setHighlightedNodeId] = useState33(null);
-  const [isBoardsOpen, setIsBoardsOpen] = useState33(false);
-  const [boardItems, setBoardItems] = useState33([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState33(false);
-  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState33(false);
-  const [nodeCounter, setNodeCounter] = useState33(0);
-  const [isUpgradeModalOpen, setIsUpgradeModalOpen] = useState33(false);
-  const [nodeLimit, setNodeLimit] = useState33(100);
+  const [isImportModalOpen, setIsImportModalOpen] = useState34(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState34("");
+  const [invalidTargetError, setInvalidTargetError] = useState34(null);
+  const [highlightedNodeId, setHighlightedNodeId] = useState34(null);
+  const [isBoardsOpen, setIsBoardsOpen] = useState34(false);
+  const [boardItems, setBoardItems] = useState34([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState34(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = useState34(false);
+  const [nodeCounter, setNodeCounter] = useState34(0);
+  const [isUpgradeModalOpen, setIsUpgradeModalOpen] = useState34(false);
+  const [nodeLimit, setNodeLimit] = useState34(100);
   const mountRef = useRef25(null);
   const tooltipRef = useRef25(null);
   const formRef = useRef25(null);
@@ -20765,12 +20910,20 @@ function XViewScene({
   );
   const handleActivateReshapeLens = useCallback8(
     ({ 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];
@@ -20874,23 +21027,192 @@ 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 Tween2(mesh.position).to({ x: target.x, y: target.y, z: target.z }, 1500).easing(Easing2.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 Tween2(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(Easing2.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 Tween2(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(Easing2.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 Tween2(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: zoomZ }, 1500).easing(Easing2.Cubic.InOut);
+        const camTween = new Tween2(camera.position).to(
+          {
+            x: targetFocus.x,
+            y: targetFocus.y + camOffsetY,
+            z: zoomZ
+          },
+          1500
+        ).easing(Easing2.Cubic.InOut);
         tweenGroup.add(camTween);
         camTween.start();
       }
@@ -21148,11 +21470,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 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);
@@ -21377,21 +21705,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);
@@ -21434,7 +21799,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) {
@@ -21466,6 +21831,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,
@@ -21700,7 +22076,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;
@@ -21709,6 +22085,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;
@@ -21744,6 +22123,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);
@@ -25115,7 +25502,7 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ React36.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ React37.createElement(LoadingScreen, null);
   }
   const overlayHiddenStyle = questTreeMode.isActive || processTreeMode.isActive ? {
     opacity: 0,
@@ -25124,7 +25511,7 @@ function XViewScene({
     transition: "all 300ms ease-in-out"
   } : {};
   if (permissionStatus === "corrupted") {
-    return /* @__PURE__ */ React36.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React36.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__ */ React36.createElement("div", { className: "mb-4 text-amber-500" }, /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React37.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__ */ React37.createElement("div", { className: "mb-4 text-amber-500" }, /* @__PURE__ */ React37.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -25134,7 +25521,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25142,13 +25529,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__ */ React36.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Link Inv\xE1lido"), /* @__PURE__ */ React36.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__ */ React36.createElement(
+    )), /* @__PURE__ */ React37.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Link Inv\xE1lido"), /* @__PURE__ */ React37.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__ */ React37.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__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -25158,7 +25545,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React37.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25171,7 +25558,7 @@ function XViewScene({
     )));
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ React36.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React36.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React36.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React36.createElement(
+    return /* @__PURE__ */ React37.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React37.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React37.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React37.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -25181,7 +25568,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25189,13 +25576,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__ */ React36.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React36.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__ */ React36.createElement(
+    )), /* @__PURE__ */ React37.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React37.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__ */ React37.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__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -25205,7 +25592,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React37.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25217,7 +25604,7 @@ function XViewScene({
       "Voltar para o X.View"
     )));
   }
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement(
     "div",
     {
       ref: mountRef,
@@ -25229,7 +25616,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__ */ React36.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React37.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -25258,7 +25645,7 @@ function XViewScene({
         viewMembers
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React36.createElement(
+    creationMode.isActive && /* @__PURE__ */ React37.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -25293,7 +25680,7 @@ function XViewScene({
         view_google_folder_id: (_h = sceneDataRef.current) == null ? void 0 : _h.view_google_folder_id
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React36.createElement(
+    versionMode.isActive && /* @__PURE__ */ React37.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -25320,7 +25707,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questTreeMode.isActive && /* @__PURE__ */ React36.createElement(
+    questTreeMode.isActive && /* @__PURE__ */ React37.createElement(
       CreateQuestTreePanel,
       {
         questTreeMode,
@@ -25329,7 +25716,7 @@ function XViewScene({
         onClose: handleCloseQuestTree
       }
     ),
-    processTreeMode.isActive && /* @__PURE__ */ React36.createElement(
+    processTreeMode.isActive && /* @__PURE__ */ React37.createElement(
       CreateProcessTreePanel,
       {
         processTreeMode,
@@ -25338,7 +25725,7 @@ function XViewScene({
         onClose: handleCloseProcessTree
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React36.createElement(
+    questMode.isActive && /* @__PURE__ */ React37.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -25369,7 +25756,7 @@ function XViewScene({
         view_google_folder_id: (_m = sceneDataRef.current) == null ? void 0 : _m.view_google_folder_id
       }
     ),
-    processMode.isActive && /* @__PURE__ */ React36.createElement(
+    processMode.isActive && /* @__PURE__ */ React37.createElement(
       InSceneProcessForm,
       {
         onSave: (data) => handleSaveProcessNode(actionHandlerContext, data),
@@ -25396,7 +25783,7 @@ function XViewScene({
         view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React36.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React37.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"}`,
@@ -25409,7 +25796,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -25420,7 +25807,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -25455,7 +25842,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React36.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React37.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -25491,7 +25878,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React36.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React37.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -25505,8 +25892,8 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    isProcessing && /* @__PURE__ */ React36.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__ */ React36.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ React36.createElement("span", { className: "text-xs font-medium text-indigo-200 tracking-wider uppercase" }, "Sincronizando Processo...")),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React36.createElement(
+    isProcessing && /* @__PURE__ */ React37.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__ */ React37.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ React37.createElement("span", { className: "text-xs font-medium text-indigo-200 tracking-wider uppercase" }, "Sincronizando Processo...")),
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ React37.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -25538,7 +25925,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && detailsNode.is_process && /* @__PURE__ */ React36.createElement(
+    detailsNode && detailsNode.is_process && /* @__PURE__ */ React37.createElement(
       ProcessDetailsPanel,
       {
         node: detailsNode,
@@ -25568,7 +25955,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && !detailsNode.is_quest && !detailsNode.is_process && /* @__PURE__ */ React36.createElement(
+    detailsNode && !detailsNode.is_quest && !detailsNode.is_process && /* @__PURE__ */ React37.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -25603,7 +25990,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsLink && /* @__PURE__ */ React36.createElement(
+    detailsLink && /* @__PURE__ */ React37.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -25618,7 +26005,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React36.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React37.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -25630,7 +26017,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -25657,7 +26044,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -25696,7 +26083,7 @@ function XViewScene({
         onInitiateProcess: (data) => userActionHandlers.handleInitiateProcess(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -25716,7 +26103,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -25734,14 +26121,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       Boards,
       {
         isOpen: isBoardsOpen,
@@ -25754,7 +26141,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -25763,7 +26150,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -25776,7 +26163,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ React36.createElement(
+    invalidTargetError && /* @__PURE__ */ React37.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -25801,13 +26188,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ React36.createElement("style", null, `
+      /* @__PURE__ */ React37.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "svg",
         {
           width: "20",
@@ -25819,12 +26206,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React36.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ React36.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-        /* @__PURE__ */ React36.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        /* @__PURE__ */ React37.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React37.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React37.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ React36.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React37.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),
@@ -25852,7 +26239,7 @@ function XViewScene({
         "Fechar"
       )
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       UpgradeModal,
       {
         isOpen: isUpgradeModalOpen,