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

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,
@@ -13789,14 +13789,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 +17496,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 +17938,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 +19532,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 +19960,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 +20009,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [processTreeMode, setProcessTreeMode] = useState33({
+  const [processTreeMode, setProcessTreeMode] = useState34({
     isActive: false,
     processNodeId: null,
     processTempData: null,
@@ -19875,7 +20019,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [ancestryMode, setAncestryMode] = useState33({
+  const [ancestryMode, setAncestryMode] = useState34({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -19886,41 +20030,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);
@@ -21148,11 +21292,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 +21527,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 +21621,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 +21653,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 +21898,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 +21907,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 +21945,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 +25324,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 +25333,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 +25343,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25142,13 +25351,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 +25367,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React37.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25171,7 +25380,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 +25390,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25189,13 +25398,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 +25414,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ React36.createElement(
+        /* @__PURE__ */ React37.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25217,7 +25426,7 @@ function XViewScene({
       "Voltar para o X.View"
     )));
   }
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React37.createElement(
     "div",
     {
       ref: mountRef,
@@ -25229,7 +25438,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 +25467,7 @@ function XViewScene({
         viewMembers
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React36.createElement(
+    creationMode.isActive && /* @__PURE__ */ React37.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -25293,7 +25502,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 +25529,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questTreeMode.isActive && /* @__PURE__ */ React36.createElement(
+    questTreeMode.isActive && /* @__PURE__ */ React37.createElement(
       CreateQuestTreePanel,
       {
         questTreeMode,
@@ -25329,7 +25538,7 @@ function XViewScene({
         onClose: handleCloseQuestTree
       }
     ),
-    processTreeMode.isActive && /* @__PURE__ */ React36.createElement(
+    processTreeMode.isActive && /* @__PURE__ */ React37.createElement(
       CreateProcessTreePanel,
       {
         processTreeMode,
@@ -25338,7 +25547,7 @@ function XViewScene({
         onClose: handleCloseProcessTree
       }
     ),
-    questMode.isActive && /* @__PURE__ */ React36.createElement(
+    questMode.isActive && /* @__PURE__ */ React37.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -25369,7 +25578,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 +25605,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 +25618,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React37.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -25420,7 +25629,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 +25664,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React36.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React37.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -25491,7 +25700,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 +25714,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 +25747,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && detailsNode.is_process && /* @__PURE__ */ React36.createElement(
+    detailsNode && detailsNode.is_process && /* @__PURE__ */ React37.createElement(
       ProcessDetailsPanel,
       {
         node: detailsNode,
@@ -25568,7 +25777,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 +25812,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsLink && /* @__PURE__ */ React36.createElement(
+    detailsLink && /* @__PURE__ */ React37.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -25618,7 +25827,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React36.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React37.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -25630,7 +25839,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -25657,7 +25866,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -25696,7 +25905,7 @@ function XViewScene({
         onInitiateProcess: (data) => userActionHandlers.handleInitiateProcess(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -25716,7 +25925,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -25734,14 +25943,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 +25963,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -25763,7 +25972,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -25776,7 +25985,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ React36.createElement(
+    invalidTargetError && /* @__PURE__ */ React37.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -25801,13 +26010,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 +26028,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 +26061,7 @@ function XViewScene({
         "Fechar"
       )
     ),
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React37.createElement(
       UpgradeModal,
       {
         isOpen: isUpgradeModalOpen,