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

package/dist/index.js

@@ -44,9 +44,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/XViewScene.jsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
-var import_react38 = require("next-auth/react");
+var import_react39 = require("next-auth/react");
 var import_crypto_js = __toESM(require("crypto-js"));
 var THREE3 = __toESM(require("three"));
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls.js");
@@ -5158,8 +5158,8 @@ function ContextMenu({
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("pointerdown", handleClickOutside);
+    return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [data.visible, onClose]);
   const visibleLinkIds = (0, import_react2.useMemo)(() => {
     var _a2;
@@ -5599,7 +5599,7 @@ function ContextMenu({
     "div",
     {
       ref: menuRef,
-      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white min-w-[220px] max-w-[min(95vw,420px)] w-max overflow-hidden",
+      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white min-w-[220px] max-w-[min(95vw,420px)] max-h-[85vh] overflow-y-auto custom-scrollbar w-max",
       style: { position: "absolute", left: `${menuPos.left}px`, top: `${menuPos.top}px`, zIndex: 1e3 },
       onPointerDown: swallow,
       onPointerMove: swallow,
@@ -13747,14 +13747,18 @@ function NodeDetailsPanel({
   });
   const [selectedImageUrl, setSelectedImageUrl] = (0, import_react21.useState)((node == null ? void 0 : node.textureImageUrl) ?? null);
   const [hasUnsavedChanges, setHasUnsavedChanges] = (0, import_react21.useState)(false);
-  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const isMobile = typeof window !== "undefined" && window.innerWidth < 640;
+  const maxPanelW = typeof window !== "undefined" ? Math.min(window.innerWidth - 32, 1200) : 1200;
+  const defaultWidth = isMobile ? typeof window !== "undefined" ? window.innerWidth - 32 : 360 : isReadMode ? 700 : 440;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
-    initialWidth: isReadMode ? 700 : 440,
-    minWidth: 320,
+    initialWidth: defaultWidth,
+    minWidth: typeof window !== "undefined" ? Math.min(280, window.innerWidth - 32) : 280,
     maxWidth: maxPanelW
   });
   (0, import_react21.useEffect)(() => {
-    setWidth(isReadMode ? 700 : 440);
+    const isMob = typeof window !== "undefined" && window.innerWidth < 640;
+    const targetW = isMob ? typeof window !== "undefined" ? window.innerWidth - 32 : 360 : isReadMode ? 700 : 440;
+    setWidth(targetW);
   }, [isReadMode, setWidth]);
   const prevNodeIdRef = (0, import_react21.useRef)(null);
   const propsEndRef = (0, import_react21.useRef)(null);
@@ -17415,8 +17419,8 @@ function MultiNodeContextMenu({
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("pointerdown", handleClickOutside);
+    return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [data.visible, onClose]);
   if (!data.visible || !data.nodeIds || data.nodeIds.size === 0) return null;
   const swallow = (e) => e.stopPropagation();
@@ -17857,8 +17861,8 @@ function RelationshipContextMenu({
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("pointerdown", handleClickOutside);
+    return () => document.removeEventListener("pointerdown", handleClickOutside);
   }, [data.visible, onClose]);
   if (!data.visible) return null;
   const swallow = (e) => e.stopPropagation();
@@ -19426,63 +19430,201 @@ function MilestoneManager({
 }
 
 // src/components/UpgradeModal.jsx
+var import_react37 = __toESM(require("react"));
+
+// src/components/icons/UltraMinimalIcon.jsx
 var import_react36 = __toESM(require("react"));
-var import_lucide_react = require("lucide-react");
+function UltraMinimalIcon({
+  size = 13,
+  className = "",
+  strokeWidth = 1.5,
+  ...props
+}) {
+  return /* @__PURE__ */ import_react36.default.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `inline-block shrink-0 transition-transform duration-200 ${className}`,
+      ...props
+    },
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M6 3h12l4 6-10 12L2 9l4-6z",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M11 3v6",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M13 3v6",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M2 9h20",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M12 21L8 9",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ import_react36.default.createElement(
+      "path",
+      {
+        d: "M12 21l4-12",
+        stroke: "currentColor",
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  );
+}
+
+// src/components/UpgradeModal.jsx
 function UpgradeModal({
   isOpen,
   onClose,
-  nodeCounter,
+  nodeCounter = 0,
   nodeLimit = 100,
+  plan,
   onUpgrade
 }) {
+  const [isSubmitting, setIsSubmitting] = (0, import_react37.useState)(false);
   if (!isOpen) return null;
-  return /* @__PURE__ */ import_react36.default.createElement("div", { className: "fixed inset-0 z-[10000] flex items-center justify-center p-4" }, /* @__PURE__ */ import_react36.default.createElement("style", null, `
-        @keyframes modalShow {
-          from { opacity: 0; transform: scale(0.95); }
-          to { opacity: 1; transform: scale(1); }
-        }
-        @keyframes backdropShow {
-          from { opacity: 0; }
-          to { opacity: 1; }
-        }
-        .animate-modal { animation: modalShow 0.3s ease-out forwards; }
-        .animate-backdrop { animation: backdropShow 0.3s ease-out forwards; }
-      `), /* @__PURE__ */ import_react36.default.createElement(
+  const currentPlan = plan || (nodeLimit === -1 ? "premium" : "free");
+  const handleUpgradeClick = async () => {
+    if (isSubmitting) return;
+    setIsSubmitting(true);
+    try {
+      if (onUpgrade) {
+        await onUpgrade();
+      } else {
+        alert("Redirecting to checkout...");
+      }
+    } catch (error) {
+      console.error("Error during upgrade:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const limit = nodeLimit === -1 ? 100 : nodeLimit;
+  const safeNodeCounter = Math.max(0, nodeCounter || 0);
+  const usagePercentage = Math.min(
+    100,
+    Math.round(safeNodeCounter / limit * 100)
+  );
+  return /* @__PURE__ */ import_react37.default.createElement("div", { className: "fixed inset-0 bg-slate-950/40 backdrop-blur-md z-[10000] flex justify-center items-center p-4 animate-in fade-in duration-300 font-sans select-none" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-[#0b1224]/80 border border-cyan-600/20 p-7 rounded-3xl shadow-[0_0_50px_-12px_rgba(6,182,212,0.2)] w-full max-w-[380px] relative text-center overflow-hidden animate-in zoom-in-95 duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute -top-20 left-1/2 -translate-x-1/2 w-40 h-40 bg-cyan-600/10 rounded-full blur-[60px] pointer-events-none" }), /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex justify-center mb-4 relative" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative w-14 h-14 flex items-center justify-center" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0 bg-cyan-500 rounded-full blur-2xl opacity-20 animate-pulse" }), /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative w-12 h-12 rounded-xl bg-slate-900 border border-cyan-400/30 shadow-lg flex items-center justify-center z-10 animate-float" }, /* @__PURE__ */ import_react37.default.createElement(
+    UltraMinimalIcon,
+    {
+      size: 22,
+      className: "text-cyan-400",
+      strokeWidth: 2
+    }
+  )))), /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-xl font-bold text-white mb-1 tracking-tight font-sans" }, "Upgrade x.plore"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-slate-400 text-[11px] mb-6 leading-relaxed px-4 font-medium italic" }, "Unlock unlimited nodes and community features."), /* @__PURE__ */ import_react37.default.createElement("div", { className: "grid grid-cols-2 gap-3 mb-3 text-left" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-gradient-to-b from-[#0e172a]/90 to-[#070c18]/90 border border-cyan-500/20 hover:border-cyan-400/40 p-3.5 rounded-2xl flex flex-col justify-between shadow-md transition-all duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-sans font-normal text-cyan-400/80 tracking-normal block mb-1.5" }, "Node Usage"), /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-lg font-bold text-white font-sans tracking-tight" }, nodeCounter), /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-sans font-medium text-slate-400" }, "/ ", currentPlan === "premium" ? "\u221E" : "100"))), currentPlan !== "premium" && /* @__PURE__ */ import_react37.default.createElement("div", { className: "mt-2.5" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-full h-1.5 bg-slate-900 border border-white/5 rounded-full overflow-hidden p-[1px]" }, /* @__PURE__ */ import_react37.default.createElement(
     "div",
     {
-      className: "absolute inset-0 bg-black/60 backdrop-blur-xl animate-backdrop",
-      onClick: onClose
+      className: `h-full rounded-full transition-all duration-500 ${usagePercentage >= 100 ? "bg-gradient-to-r from-rose-500 to-pink-500 shadow-[0_0_8px_#f43f5e]" : "bg-gradient-to-r from-cyan-500 to-sky-300 shadow-[0_0_8px_#22d3ee]"}`,
+      style: { width: `${usagePercentage}%` }
     }
-  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "relative w-full max-w-xl overflow-hidden rounded-[2.5rem] border border-white/10 bg-[#0d1117]/80 shadow-[0_0_100px_-20px_rgba(56,189,248,0.3)] animate-modal" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "absolute inset-0 -z-10 bg-gradient-to-br from-sky-500/10 via-transparent to-purple-500/10" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "absolute -top-24 -left-24 w-48 h-48 bg-sky-500/20 blur-[100px] rounded-full" }), /* @__PURE__ */ import_react36.default.createElement("div", { className: "absolute -bottom-24 -right-24 w-48 h-48 bg-purple-500/20 blur-[100px] rounded-full" }), /* @__PURE__ */ import_react36.default.createElement(
+  )))), /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-gradient-to-b from-[#0e172a]/90 to-[#070c18]/90 border border-cyan-500/20 hover:border-cyan-400/40 p-3.5 rounded-2xl flex flex-col justify-between shadow-md transition-all duration-300" }, /* @__PURE__ */ import_react37.default.createElement("div", null, /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-sans font-normal text-cyan-400/80 tracking-normal block mb-1.5" }, "Current Plan"), /* @__PURE__ */ import_react37.default.createElement("div", { className: "mt-1" }, /* @__PURE__ */ import_react37.default.createElement(
+    "span",
+    {
+      className: `inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg border text-xs font-normal font-sans tracking-normal ${currentPlan === "premium" ? "bg-indigo-500/15 border-indigo-400/30 text-indigo-300" : "bg-cyan-500/10 border-cyan-400/30 text-cyan-300"}`
+    },
+    /* @__PURE__ */ import_react37.default.createElement(
+      "span",
+      {
+        className: `w-1.5 h-1.5 rounded-full animate-pulse ${currentPlan === "premium" ? "bg-indigo-400 shadow-[0_0_6px_#818cf8]" : "bg-cyan-400 shadow-[0_0_6px_#22d3ee]"}`
+      }
+    ),
+    currentPlan === "premium" ? "Premium" : "Free"
+  ))))), /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-gradient-to-b from-[#0e172a]/70 to-[#070c18]/80 border border-cyan-500/15 p-3.5 rounded-2xl space-y-2.5 mb-5 text-left shadow-sm" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-center gap-2.5 text-slate-200 text-xs font-medium" }, /* @__PURE__ */ import_react37.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_6px_#22d3ee] shrink-0" }), /* @__PURE__ */ import_react37.default.createElement("span", null, "Unlimited Nodes")), /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex items-center gap-2.5 text-slate-200 text-xs font-medium" }, /* @__PURE__ */ import_react37.default.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_6px_#22d3ee] shrink-0" }), /* @__PURE__ */ import_react37.default.createElement("span", null, "Community and collaboration features"))), /* @__PURE__ */ import_react37.default.createElement("div", { className: "space-y-2.5" }, currentPlan !== "premium" ? /* @__PURE__ */ import_react37.default.createElement(
     "button",
     {
-      onClick: onClose,
-      className: "absolute top-6 right-6 p-2 rounded-full hover:bg-white/5 text-white/40 hover:text-white transition-all duration-300"
+      onClick: handleUpgradeClick,
+      disabled: isSubmitting,
+      className: "group relative w-full py-3.5 rounded-xl bg-gradient-to-r from-cyan-400 to-cyan-500 hover:from-cyan-300 hover:to-cyan-400 text-slate-950 font-normal text-sm tracking-normal font-sans shadow-[0_0_15px_rgba(34,211,238,0.22)] hover:shadow-[0_0_22px_rgba(34,211,238,0.38)] hover:scale-[1.01] active:scale-[0.98] transition-all duration-300 overflow-hidden cursor-pointer border border-cyan-300/30 disabled:opacity-30 disabled:grayscale"
     },
-    /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.X, { size: 20 })
-  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-20 h-20 rounded-[2rem] bg-gradient-to-br from-sky-400 to-indigo-600 p-[1px] mb-8 shadow-lg shadow-sky-500/20" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full h-full rounded-[2rem] bg-[#0d1117] flex items-center justify-center" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Zap, { className: "text-sky-400 fill-sky-400/20", size: 32 }))), /* @__PURE__ */ import_react36.default.createElement("h2", { className: "text-3xl font-bold text-white mb-4 tracking-tight" }, "Limite de Nodes", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-indigo-400" }, "Atingido")), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/60 text-lg leading-relaxed mb-10 max-w-md" }, "Voc\xEA atingiu o limite de", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-white font-semibold" }, nodeLimit, " nodes"), " ", "do seu plano Free. Seu universo est\xE1 crescendo r\xE1pido!"), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full grid grid-cols-2 gap-4 mb-10" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Status Atual"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-white" }, nodeCounter, " / ", nodeLimit)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Pr\xF3ximo Plano"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-sky-400" }, "Ilimitado"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full space-y-4 mb-10 text-left px-4" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Rocket, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Cria\xE7\xE3o de Nodes ilimitada")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.ShieldCheck, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Acesso expandido \xE0s funcionalidades colaborativas e de comunidade"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react36.default.createElement(
+    /* @__PURE__ */ import_react37.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700 ease-in-out pointer-events-none" }),
+    isSubmitting ? /* @__PURE__ */ import_react37.default.createElement("div", { className: "relative z-10 flex items-center justify-center gap-2" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "h-4 w-4 border-2 border-slate-950/30 border-t-slate-950 rounded-full animate-spin" })) : /* @__PURE__ */ import_react37.default.createElement("span", { className: "relative z-10 font-normal" }, "Upgrade Now")
+  ) : /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-full py-3 rounded-xl bg-indigo-500/10 border border-indigo-500/30 text-indigo-300 font-normal text-sm text-center flex items-center justify-center gap-2 font-sans tracking-normal" }, /* @__PURE__ */ import_react37.default.createElement("span", null, "Your Account is Premium")), /* @__PURE__ */ import_react37.default.createElement(
     "button",
     {
-      className: "w-full py-5 rounded-[1.5rem] bg-gradient-to-r from-sky-500 to-indigo-600 text-white font-bold text-sm uppercase tracking-widest hover:shadow-[0_0_30px_-5px_rgba(56,189,248,0.5)] hover:scale-[1.02] active:scale-95 transition-all duration-300 flex items-center justify-center gap-2",
-      onClick: async () => {
-        if (onUpgrade) {
-          await onUpgrade();
-        } else {
-          alert("Redirecionando para upgrade... (Em breve)");
-        }
-        onClose();
-      }
+      onClick: onClose,
+      className: "w-full py-2.5 rounded-xl bg-slate-950/50 hover:bg-slate-900 border border-slate-800 text-slate-400 hover:text-white text-xs font-semibold transition-all duration-300 active:scale-[0.98] cursor-pointer text-center"
     },
-    "Fazer Upgrade Agora",
-    /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Sparkles, { size: 16 })
-  ), /* @__PURE__ */ import_react36.default.createElement(
+    currentPlan === "premium" ? "Close" : "Continue with Free Plan"
+  )), /* @__PURE__ */ import_react37.default.createElement(
     "button",
     {
       onClick: onClose,
-      className: "w-full py-5 rounded-[1.5rem] bg-white/5 border border-white/10 text-white/40 font-bold text-sm uppercase tracking-widest hover:bg-white/10 hover:text-white transition-all duration-300"
+      className: "absolute top-6 right-6 text-slate-500 hover:text-cyan-400 transition-all duration-300 p-1 hover:rotate-90 cursor-pointer",
+      "aria-label": "Close modal"
     },
-    "Talvez depois"
-  )))));
+    /* @__PURE__ */ import_react37.default.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      },
+      /* @__PURE__ */ import_react37.default.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ import_react37.default.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    )
+  )), /* @__PURE__ */ import_react37.default.createElement("style", null, `
+        @keyframes float {
+          0%,
+          100% {
+            transform: translateY(0px);
+          }
+          50% {
+            transform: translateY(-8px);
+          }
+        }
+        .animate-float {
+          animation: float 4s ease-in-out infinite;
+        }
+      `));
 }
 
 // src/XViewScene.jsx
@@ -19636,12 +19778,12 @@ function XViewScene({
   onUpgrade
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
-  const { data: session, status } = (0, import_react38.useSession)();
+  const { data: session, status } = (0, import_react39.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = (0, import_react37.useMemo)(() => {
+  const viewParams = (0, import_react38.useMemo)(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data && data.id && data.owner_id && data.type) {
@@ -19650,12 +19792,12 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (viewParams == null ? void 0 : viewParams.name) {
       document.title = `${viewParams.name} - x.plore`;
     }
   }, [viewParams == null ? void 0 : viewParams.name]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -19692,68 +19834,70 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = (0, import_react37.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = (0, import_react37.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = (0, import_react37.useMemo)(() => {
+  const sceneConfigId = (0, import_react38.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
+  const ownerId = (0, import_react38.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
+  const dbSaveUrl = (0, import_react38.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = (0, import_react37.useMemo)(() => {
+  const sceneSaveUrl = (0, import_react38.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = (0, import_react37.useMemo)(() => {
+  const ancestry_save_url = (0, import_react38.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = (0, import_react37.useRef)(null);
-  const parentDataRef = (0, import_react37.useRef)(null);
+  const sceneDataRef = (0, import_react38.useRef)(null);
+  const parentDataRef = (0, import_react38.useRef)(null);
   const graphDataRef = parentDataRef;
-  const ancestryDataRef = (0, import_react37.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react37.useState)(true);
-  const [isProcessing, setIsProcessing] = (0, import_react37.useState)(false);
-  const [permissionStatus, setPermissionStatus] = (0, import_react37.useState)("loading");
-  const [userPermissionRole, setUserPermissionRole] = (0, import_react37.useState)(null);
-  const [viewMembers, setViewMembers] = (0, import_react37.useState)([]);
-  const [isInitialized, setIsInitialized] = (0, import_react37.useState)(false);
-  const [sceneVersion, setSceneVersion] = (0, import_react37.useState)(0);
-  const [contextMenu, setContextMenu] = (0, import_react37.useState)({
+  const ancestryDataRef = (0, import_react38.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react38.useState)(true);
+  const [isProcessing, setIsProcessing] = (0, import_react38.useState)(false);
+  const [permissionStatus, setPermissionStatus] = (0, import_react38.useState)("loading");
+  const [userPermissionRole, setUserPermissionRole] = (0, import_react38.useState)(null);
+  const [viewMembers, setViewMembers] = (0, import_react38.useState)([]);
+  const [isInitialized, setIsInitialized] = (0, import_react38.useState)(false);
+  const [sceneVersion, setSceneVersion] = (0, import_react38.useState)(0);
+  const [contextMenu, setContextMenu] = (0, import_react38.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeData: null
   });
-  const [multiContextMenu, setMultiContextMenu] = (0, import_react37.useState)({
+  const [multiContextMenu, setMultiContextMenu] = (0, import_react38.useState)({
     visible: false,
     x: 0,
     y: 0,
     nodeIds: null
   });
-  const [relationshipMenu, setRelationshipMenu] = (0, import_react37.useState)({
+  const [relationshipMenu, setRelationshipMenu] = (0, import_react38.useState)({
     visible: false,
     x: 0,
     y: 0,
     linkObject: null
   });
-  const [creationMode, setCreationMode] = (0, import_react37.useState)({
+  const [creationMode, setCreationMode] = (0, import_react38.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [versionMode, setVersionMode] = (0, import_react37.useState)({
+  const [versionMode, setVersionMode] = (0, import_react38.useState)({
     isActive: false,
     sourceNodeData: null
   });
-  const [questMode, setQuestMode] = (0, import_react37.useState)({ isActive: false });
-  const [processMode, setProcessMode] = (0, import_react37.useState)({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react37.useState)(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react37.useState)(false);
-  const [questTreeMode, setQuestTreeMode] = (0, import_react37.useState)({
+  const [questMode, setQuestMode] = (0, import_react38.useState)({ isActive: false });
+  const [processMode, setProcessMode] = (0, import_react38.useState)({ isActive: false });
+  const longPressTimeoutRef = (0, import_react38.useRef)(null);
+  const isLongPressTriggeredRef = (0, import_react38.useRef)(false);
+  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react38.useState)(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react38.useState)(false);
+  const [questTreeMode, setQuestTreeMode] = (0, import_react38.useState)({
     isActive: false,
     questNodeId: null,
     questTempData: null,
@@ -19763,7 +19907,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [processTreeMode, setProcessTreeMode] = (0, import_react37.useState)({
+  const [processTreeMode, setProcessTreeMode] = (0, import_react38.useState)({
     isActive: false,
     processNodeId: null,
     processTempData: null,
@@ -19773,7 +19917,7 @@ function XViewScene({
     isAddingNodes: false,
     isAddingAbstractionNodes: false
   });
-  const [ancestryMode, setAncestryMode] = (0, import_react37.useState)({
+  const [ancestryMode, setAncestryMode] = (0, import_react38.useState)({
     isActive: false,
     tree: null,
     selectedParentId: null,
@@ -19784,45 +19928,45 @@ function XViewScene({
     ancestryDescriptionSections: [],
     isAddingNodes: false
   });
-  const [readingMode, setReadingMode] = (0, import_react37.useState)({
+  const [readingMode, setReadingMode] = (0, import_react38.useState)({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = (0, import_react37.useState)({
+  const [formPosition, setFormPosition] = (0, import_react38.useState)({
     left: 16,
     top: 16,
     opacity: 0
   });
-  const [detailsNode, setDetailsNode] = (0, import_react37.useState)(null);
-  const [detailsLink, setDetailsLink] = (0, import_react37.useState)(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react37.useState)(null);
-  const [imageViewer, setImageViewer] = (0, import_react37.useState)({
+  const [detailsNode, setDetailsNode] = (0, import_react38.useState)(null);
+  const [detailsLink, setDetailsLink] = (0, import_react38.useState)(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react38.useState)(null);
+  const [imageViewer, setImageViewer] = (0, import_react38.useState)({
     visible: false,
     images: [],
     startIndex: 0
   });
-  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react37.useState)({
+  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react38.useState)({
     visible: false,
     data: null,
     path: null
   });
-  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react37.useState)(false);
-  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react37.useState)("");
-  const [invalidTargetError, setInvalidTargetError] = (0, import_react37.useState)(null);
-  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react37.useState)(null);
-  const [isBoardsOpen, setIsBoardsOpen] = (0, import_react37.useState)(false);
-  const [boardItems, setBoardItems] = (0, import_react37.useState)([]);
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react37.useState)(false);
-  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react37.useState)(false);
-  const [nodeCounter, setNodeCounter] = (0, import_react37.useState)(0);
-  const [isUpgradeModalOpen, setIsUpgradeModalOpen] = (0, import_react37.useState)(false);
-  const [nodeLimit, setNodeLimit] = (0, import_react37.useState)(100);
-  const mountRef = (0, import_react37.useRef)(null);
-  const tooltipRef = (0, import_react37.useRef)(null);
-  const formRef = (0, import_react37.useRef)(null);
-  const stateRef = (0, import_react37.useRef)({
+  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react38.useState)(false);
+  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react38.useState)("");
+  const [invalidTargetError, setInvalidTargetError] = (0, import_react38.useState)(null);
+  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react38.useState)(null);
+  const [isBoardsOpen, setIsBoardsOpen] = (0, import_react38.useState)(false);
+  const [boardItems, setBoardItems] = (0, import_react38.useState)([]);
+  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react38.useState)(false);
+  const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react38.useState)(false);
+  const [nodeCounter, setNodeCounter] = (0, import_react38.useState)(0);
+  const [isUpgradeModalOpen, setIsUpgradeModalOpen] = (0, import_react38.useState)(false);
+  const [nodeLimit, setNodeLimit] = (0, import_react38.useState)(100);
+  const mountRef = (0, import_react38.useRef)(null);
+  const tooltipRef = (0, import_react38.useRef)(null);
+  const formRef = (0, import_react38.useRef)(null);
+  const stateRef = (0, import_react38.useRef)({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -19907,16 +20051,16 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     stateRef.current.questTree = questTreeMode;
   }, [questTreeMode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     stateRef.current.processTree = processTreeMode;
   }, [processTreeMode]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     var _a2, _b2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -19941,7 +20085,7 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = (0, import_react37.useCallback)(() => {
+  const handleNavigateBack = (0, import_react38.useCallback)(() => {
     const type = viewParams == null ? void 0 : viewParams.type;
     const tab = type === "database" ? "datasets" : "views";
     const targetUrl = `/dashboard/xview?tab=${tab}`;
@@ -19952,7 +20096,7 @@ function XViewScene({
       window.location.href = targetUrl;
     }
   }, [router, viewParams]);
-  const handleConfirmImport = (0, import_react37.useCallback)(
+  const handleConfirmImport = (0, import_react38.useCallback)(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -20077,7 +20221,7 @@ function XViewScene({
       add_new_parent_file_to_scene_at_firebase_action
     ]
   );
-  const handleSaveConfig = (0, import_react37.useCallback)(
+  const handleSaveConfig = (0, import_react38.useCallback)(
     async (newConfig) => {
       if (!sceneDataRef.current || !save_view_data || !sceneSaveUrl) return;
       const updatedData = {
@@ -20097,7 +20241,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = (0, import_react37.useCallback)(
+  const tweenToTarget = (0, import_react38.useCallback)(
     (target, zoomFactor = 1, forcedDirection = null) => {
       const {
         camera: sceneCamera,
@@ -20127,7 +20271,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = (0, import_react37.useCallback)(
+  const buildFullAncestryTree = (0, import_react38.useCallback)(
     (idTree, nodes, ancestries = []) => {
       if (!idTree) return null;
       const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
@@ -20214,7 +20358,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateTimeline = (0, import_react37.useCallback)(() => {
+  const handleActivateTimeline = (0, import_react38.useCallback)(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -20367,7 +20511,7 @@ function XViewScene({
       tweenToTarget(center, zoomFactor);
     }
   }, [tweenToTarget]);
-  const handleVersionTimeline = (0, import_react37.useCallback)(
+  const handleVersionTimeline = (0, import_react38.useCallback)(
     (sourceMesh, versionMeshes) => {
       const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
       if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
@@ -20516,7 +20660,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -20614,12 +20758,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = (0, import_react37.useCallback)((id) => {
+  const isNodeInView = (0, import_react38.useCallback)((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = (0, import_react37.useCallback)(
+  const addOrUpdateNodeMesh = (0, import_react38.useCallback)(
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false, isTemplate = false) => {
       const {
         graphGroup,
@@ -20661,7 +20805,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateReshapeLens = (0, import_react37.useCallback)(
+  const handleActivateReshapeLens = (0, import_react38.useCallback)(
     ({ type, columns, centerNodeId }) => {
       const { nodeObjects, tweenGroup, camera, controls } = stateRef.current;
       if (!nodeObjects || !tweenGroup || !camera || !controls) return;
@@ -20795,7 +20939,7 @@ function XViewScene({
     },
     []
   );
-  const handleActivateQuestLens = (0, import_react37.useCallback)(
+  const handleActivateQuestLens = (0, import_react38.useCallback)(
     ({ assigneeId, status: status2, milestoneId }) => {
       var _a2;
       const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
@@ -21017,7 +21161,7 @@ function XViewScene({
     },
     [addOrUpdateNodeMesh]
   );
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -21046,11 +21190,17 @@ function XViewScene({
     renderer.outputColorSpace = THREE3.SRGBColorSpace;
     renderer.toneMapping = THREE3.ACESFilmicToneMapping;
     renderer.toneMappingExposure = 1.2;
+    currentMount.style.touchAction = "none";
+    renderer.domElement.style.touchAction = "none";
     currentMount.appendChild(renderer.domElement);
     stateRef.current.renderer = renderer;
     const controls = new import_OrbitControls.OrbitControls(camera, renderer.domElement);
     controls.enableDamping = true;
     controls.dampingFactor = 0.05;
+    controls.touches = {
+      ONE: THREE3.TOUCH.ROTATE,
+      TWO: THREE3.TOUCH.DOLLY_PAN
+    };
     stateRef.current.controls = controls;
     scene.add(new THREE3.AmbientLight(16777215, 0.1));
     const directionalLight = new THREE3.DirectionalLight(16777215, 0.2);
@@ -21275,21 +21425,58 @@ function XViewScene({
         stateRef.current.dragCandidate = null;
         return;
       }
-      if (event.button !== 0) return;
+      if (event.button !== 0 && event.pointerType !== "touch") return;
       if (picked && !stateRef.current.ancestry.isActive) {
         stateRef.current.controls.enabled = false;
       }
       stateRef.current.pointerDown = {
         isDown: true,
         x: event.clientX,
-        y: event.clientY
+        y: event.clientY,
+        pointerType: event.pointerType
       };
       stateRef.current.dragCandidate = picked;
+      if (event.pointerType === "touch" || event.pointerType === "pen") {
+        if (longPressTimeoutRef.current) {
+          clearTimeout(longPressTimeoutRef.current);
+        }
+        isLongPressTriggeredRef.current = false;
+        if (picked) {
+          const touchX = event.clientX;
+          const touchY = event.clientY;
+          longPressTimeoutRef.current = setTimeout(() => {
+            isLongPressTriggeredRef.current = true;
+            if (typeof navigator !== "undefined" && navigator.vibrate) {
+              navigator.vibrate(40);
+            }
+            setContextMenu({
+              visible: true,
+              x: touchX,
+              y: touchY,
+              nodeData: picked.userData
+            });
+            setMultiContextMenu((prev) => ({ ...prev, visible: false }));
+            setRelationshipMenu((prev) => ({ ...prev, visible: false }));
+            setDetailsNode(null);
+          }, 450);
+        }
+      }
     }
     function onPointerMove(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event)) return;
       setMouseFromEvent(event);
+      if (stateRef.current.pointerDown.isDown) {
+        const dx = event.clientX - stateRef.current.pointerDown.x;
+        const dy = event.clientY - stateRef.current.pointerDown.y;
+        const dist = Math.hypot(dx, dy);
+        if (dist > (x_view_config.DRAG_THRESHOLD_PX || 5)) {
+          if (longPressTimeoutRef.current) {
+            clearTimeout(longPressTimeoutRef.current);
+            longPressTimeoutRef.current = null;
+          }
+        }
+      }
       if (stateRef.current.isDragging && stateRef.current.draggedNode) {
         const raycaster2 = new THREE3.Raycaster();
         raycaster2.setFromCamera(mouse, camera);
@@ -21332,7 +21519,7 @@ function XViewScene({
         return;
       }
       if (stateRef.current.creation.isActive) return;
-      if (stateRef.current.pointerDown.isDown && stateRef.current.dragCandidate) {
+      if (stateRef.current.pointerDown.isDown && stateRef.current.dragCandidate && !isLongPressTriggeredRef.current) {
         const dx = event.clientX - stateRef.current.pointerDown.x;
         const dy = event.clientY - stateRef.current.pointerDown.y;
         if (Math.hypot(dx, dy) > x_view_config.DRAG_THRESHOLD_PX) {
@@ -21364,6 +21551,17 @@ function XViewScene({
     async function onPointerUp(event) {
       var _a2, _b2, _c2;
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
+      if (longPressTimeoutRef.current) {
+        clearTimeout(longPressTimeoutRef.current);
+        longPressTimeoutRef.current = null;
+      }
+      if (isLongPressTriggeredRef.current) {
+        isLongPressTriggeredRef.current = false;
+        stateRef.current.pointerDown.isDown = false;
+        stateRef.current.dragCandidate = null;
+        stateRef.current.controls.enabled = true;
+        return;
+      }
       if (isFromUiOverlay(event)) return;
       const {
         connection,
@@ -21598,7 +21796,7 @@ function XViewScene({
         stateRef.current.dragCandidate = null;
         return;
       }
-      if (event.button === 0 && !stateRef.current.creation.isActive && stateRef.current.pointerDown.isDown) {
+      if ((event.button === 0 || event.pointerType === "touch") && !stateRef.current.creation.isActive && stateRef.current.pointerDown.isDown) {
         setMouseFromEvent(event);
         const clickedNode = stateRef.current.dragCandidate || tryPickNode();
         stateRef.current.dragCandidate = null;
@@ -21607,6 +21805,9 @@ function XViewScene({
           stateRef.current.selectedNodes.clear();
         }
         if (clickedNode) {
+          setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+          setMultiContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+          setRelationshipMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
           setDetailsNode({ ...clickedNode.userData });
           setDetailsLink(null);
           return;
@@ -21642,6 +21843,14 @@ function XViewScene({
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event)) return;
       event.preventDefault();
+      if (longPressTimeoutRef.current) {
+        clearTimeout(longPressTimeoutRef.current);
+        longPressTimeoutRef.current = null;
+      }
+      isLongPressTriggeredRef.current = true;
+      stateRef.current.pointerDown.isDown = false;
+      stateRef.current.dragCandidate = null;
+      setDetailsNode(null);
       if (stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive)
         return;
       setMouseFromEvent(event);
@@ -21942,7 +22151,7 @@ function XViewScene({
     get_scene_view_data,
     save_view_data
   ]);
-  const handleGhostNodeImageChange = (0, import_react37.useCallback)((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = (0, import_react38.useCallback)((useImage, imageUrl) => {
     const {
       node: ghostNode,
       line: ghostLine,
@@ -21990,7 +22199,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = (0, import_react37.useCallback)((newIntensity) => {
+  const handleGhostNodeIntensityChange = (0, import_react38.useCallback)((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -22011,7 +22220,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = (0, import_react37.useCallback)(
+  const handleDetailNodeIntensityChange = (0, import_react38.useCallback)(
     (nodeId, newIntensity) => {
       const mesh = stateRef.current.nodeObjects[String(nodeId)];
       if (!mesh) return;
@@ -22167,7 +22376,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = (0, import_react37.useCallback)((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = (0, import_react38.useCallback)((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -22190,7 +22399,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react37.useMemo)(
+  const actionHandlerContext = (0, import_react38.useMemo)(
     () => {
       var _a2;
       return {
@@ -22302,7 +22511,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = (0, import_react37.useCallback)(
+  const handleStartQuestQuick = (0, import_react38.useCallback)(
     (questNode) => {
       var _a2, _b2, _c2, _d2, _e2, _f2;
       if (!questNode || !actionHandlerContext) return;
@@ -22384,7 +22593,7 @@ function XViewScene({
     },
     [session, actionHandlerContext]
   );
-  const handleFinishQuestQuick = (0, import_react37.useCallback)(
+  const handleFinishQuestQuick = (0, import_react38.useCallback)(
     (questNode) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
       if (!questNode || !actionHandlerContext) return;
@@ -22534,7 +22743,7 @@ function XViewScene({
     },
     [session, actionHandlerContext, viewMembers, detailsNode]
   );
-  const handleCancelQuest = (0, import_react37.useCallback)(() => {
+  const handleCancelQuest = (0, import_react38.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -22556,7 +22765,7 @@ function XViewScene({
     stateRef.current.ghostElements = { node: null, line: null, aura: null };
     setQuestMode({ isActive: false });
   }, []);
-  const handleCancelProcess = (0, import_react37.useCallback)(() => {
+  const handleCancelProcess = (0, import_react38.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
@@ -22909,7 +23118,7 @@ function XViewScene({
       alert("Ocorreu um erro ao criar o Processo.");
     }
   };
-  const handleClearAncestryVisuals = (0, import_react37.useCallback)((ancestryId) => {
+  const handleClearAncestryVisuals = (0, import_react38.useCallback)((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex(
       (a) => String(a.id) === String(ancestryId)
@@ -22927,7 +23136,7 @@ function XViewScene({
       );
     }
   }, []);
-  const handleRenderAncestry = (0, import_react37.useCallback)(
+  const handleRenderAncestry = (0, import_react38.useCallback)(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -23421,7 +23630,7 @@ function XViewScene({
       ancestryMode.isActive
     ]
   );
-  const handleRenderAbstractionTree = (0, import_react37.useCallback)(
+  const handleRenderAbstractionTree = (0, import_react38.useCallback)(
     (ancestryObject, targetNodeId = null, focusNodeId2 = null) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -23530,7 +23739,7 @@ function XViewScene({
       handleClearAncestryVisuals
     ]
   );
-  const handleReadModeBranchNav = (0, import_react37.useCallback)(
+  const handleReadModeBranchNav = (0, import_react38.useCallback)(
     (nodeId, action, direction = "right") => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !ancestry.tree) return;
@@ -23708,13 +23917,13 @@ function XViewScene({
     },
     [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
   );
-  const handleReadModeHighlight = (0, import_react37.useCallback)((nodeId) => {
+  const handleReadModeHighlight = (0, import_react38.useCallback)((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = (0, import_react37.useMemo)(() => {
+  const activeNodeBranches = (0, import_react38.useMemo)(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
       return null;
     const fullTree = buildFullAncestryTree(
@@ -23758,7 +23967,7 @@ function XViewScene({
     readingMode.branchStack,
     ancestryDataRef.current
   ]);
-  const backNavigationInfo = (0, import_react37.useMemo)(() => {
+  const backNavigationInfo = (0, import_react38.useMemo)(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -23769,7 +23978,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = (0, import_react37.useMemo)(() => {
+  const getReadModeDisplayContext = (0, import_react38.useMemo)(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -23812,7 +24021,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = (0, import_react37.useMemo)(() => {
+  const readModeAbstractionTree = (0, import_react38.useMemo)(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -23831,7 +24040,7 @@ function XViewScene({
     buildFullAncestryTree,
     sceneVersion
   ]);
-  const handleStartReadingAncestry = (0, import_react37.useCallback)(
+  const handleStartReadingAncestry = (0, import_react38.useCallback)(
     async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -23874,7 +24083,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = (0, import_react37.useCallback)(
+  const handleReadModeSectionChange = (0, import_react38.useCallback)(
     (activeSectionId) => {
       const { ancestry, branchStack } = readingMode;
       if (!ancestry || !readingMode.isActive) return;
@@ -23959,10 +24168,10 @@ function XViewScene({
       ancestryDataRef.current
     ]
   );
-  const handleCloseReadMode = (0, import_react37.useCallback)(() => {
+  const handleCloseReadMode = (0, import_react38.useCallback)(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = (0, import_react37.useCallback)(
+  const handleAncestrySectionChange = (0, import_react38.useCallback)(
     (activeSectionId, ancestryOverride = null, rotation = 0) => {
       var _a2, _b2;
       const currentMode = stateRef.current.ancestry;
@@ -24024,7 +24233,7 @@ function XViewScene({
     },
     [handleRenderAncestry]
   );
-  const handleEditAncestry = (0, import_react37.useCallback)(
+  const handleEditAncestry = (0, import_react38.useCallback)(
     async (ancestryObject) => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
@@ -24079,7 +24288,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = (0, import_react37.useCallback)((pathToRemove) => {
+  const handleRemoveFromAncestry = (0, import_react38.useCallback)((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -24104,7 +24313,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = (0, import_react37.useCallback)(
+  const handleSaveAncestry = (0, import_react38.useCallback)(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       var _a2;
       const treeToUse = treeOverride || ancestryMode.tree;
@@ -24372,7 +24581,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = (0, import_react37.useCallback)(
+  const handleDeleteAncestry = (0, import_react38.useCallback)(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -24506,19 +24715,19 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenBoards = (0, import_react37.useCallback)(() => {
+  const handleOpenBoards = (0, import_react38.useCallback)(() => {
     setIsBoardsOpen(true);
   }, []);
-  const allAvailableNodes = (0, import_react37.useMemo)(() => {
+  const allAvailableNodes = (0, import_react38.useMemo)(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap(
       (fileData) => fileData.nodes || []
     );
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = (0, import_react37.useMemo)(() => {
+  const allAvailableAncestries = (0, import_react38.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleFocusNode = (0, import_react37.useCallback)(
+  const handleFocusNode = (0, import_react38.useCallback)(
     (nodeData) => {
       var _a2;
       if (!nodeData) return;
@@ -24534,7 +24743,7 @@ function XViewScene({
     },
     [tweenToTarget]
   );
-  const handleOpenReference = (0, import_react37.useCallback)(
+  const handleOpenReference = (0, import_react38.useCallback)(
     (referenceData) => {
       const { type, id } = referenceData;
       if (type === "node") {
@@ -24570,7 +24779,7 @@ function XViewScene({
       handleFocusNode
     ]
   );
-  const handleSelectAncestryFromBoard = (0, import_react37.useCallback)(
+  const handleSelectAncestryFromBoard = (0, import_react38.useCallback)(
     (item) => {
       setIsBoardsOpen(false);
       setIsSidebarOpen(false);
@@ -24582,7 +24791,7 @@ function XViewScene({
     },
     [handleStartReadingAncestry, handleOpenReference]
   );
-  const handleSaveBoards = (0, import_react37.useCallback)(
+  const handleSaveBoards = (0, import_react38.useCallback)(
     async (boardItems2) => {
       if (!sceneConfigId || !viewParams || !session) return;
       const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
@@ -24596,7 +24805,7 @@ function XViewScene({
     },
     [sceneConfigId, viewParams, session, save_boards_action, ownerId]
   );
-  const existingNodeTypes = (0, import_react37.useMemo)(() => {
+  const existingNodeTypes = (0, import_react38.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -24608,7 +24817,7 @@ function XViewScene({
     ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = (0, import_react37.useMemo)(() => {
+  const searchableDbNodes = (0, import_react38.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -24623,7 +24832,7 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = (0, import_react37.useCallback)(
+  const handleAddExistingNode = (0, import_react38.useCallback)(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(
         actionHandlerContext,
@@ -24632,7 +24841,7 @@ function XViewScene({
     },
     [actionHandlerContext]
   );
-  const handleUpdateMilestones = (0, import_react37.useCallback)(
+  const handleUpdateMilestones = (0, import_react38.useCallback)(
     async (newMilestones) => {
       var _a2, _b2, _c2;
       if (!sceneDataRef.current) return;
@@ -24659,7 +24868,7 @@ function XViewScene({
     },
     [sceneConfigId, sceneSaveUrl, save_view_data, viewParams == null ? void 0 : viewParams.type]
   );
-  const handleSaveCurrentView = (0, import_react37.useCallback)(async () => {
+  const handleSaveCurrentView = (0, import_react38.useCallback)(async () => {
     var _a2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
@@ -24698,13 +24907,13 @@ function XViewScene({
       console.error("Erro na chamada de save_view_data:", error);
     }
   }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
-  const handleToggleAncestryAddMode = (0, import_react37.useCallback)(() => {
+  const handleToggleAncestryAddMode = (0, import_react38.useCallback)(() => {
     setAncestryMode((prev) => ({
       ...prev,
       isAddingNodes: !prev.isAddingNodes
     }));
   }, []);
-  const availableDatasets = (0, import_react37.useMemo)(() => {
+  const availableDatasets = (0, import_react38.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -24718,7 +24927,7 @@ function XViewScene({
     String(creationMode.sourceNodeData.id)
   )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!isInitialized || hasFocusedInitial) return;
     const nodeObjects = stateRef.current.nodeObjects || {};
     if (focusNodeId) {
@@ -24765,7 +24974,7 @@ function XViewScene({
     hasFocusedInitial,
     tweenToTarget
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find(
@@ -24790,7 +24999,7 @@ function XViewScene({
     hasOpenedInitialAncestry,
     handleStartReadingAncestry
   ]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2, _d2, _e2, _f2;
       const context = actionHandlerContext;
@@ -25013,7 +25222,7 @@ function XViewScene({
     // <-- handleCancelQuest adicionado aqui
   ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ import_react37.default.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ import_react38.default.createElement(LoadingScreen, null);
   }
   const overlayHiddenStyle = questTreeMode.isActive || processTreeMode.isActive ? {
     opacity: 0,
@@ -25022,7 +25231,7 @@ function XViewScene({
     transition: "all 300ms ease-in-out"
   } : {};
   if (permissionStatus === "corrupted") {
-    return /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md animate-fade-in" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-4 text-amber-500" }, /* @__PURE__ */ import_react37.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md animate-fade-in" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "mb-4 text-amber-500" }, /* @__PURE__ */ import_react38.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -25032,7 +25241,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25040,13 +25249,13 @@ function XViewScene({
           d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
         }
       )
-    )), /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Link Inv\xE1lido"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-slate-400 mb-6" }, "O link de acesso a este cen\xE1rio est\xE1 corrompido, incompleto ou foi alterado de forma incorreta. Por favor, verifique a URL ou retorne ao dashboard."), /* @__PURE__ */ import_react37.default.createElement(
+    )), /* @__PURE__ */ import_react38.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Link Inv\xE1lido"), /* @__PURE__ */ import_react38.default.createElement("p", { className: "text-slate-400 mb-6" }, "O link de acesso a este cen\xE1rio est\xE1 corrompido, incompleto ou foi alterado de forma incorreta. Por favor, verifique a URL ou retorne ao dashboard."), /* @__PURE__ */ import_react38.default.createElement(
       "button",
       {
         onClick: handleNavigateBack,
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium cursor-pointer"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -25056,7 +25265,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ import_react37.default.createElement(
+        /* @__PURE__ */ import_react38.default.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25069,7 +25278,7 @@ function XViewScene({
     )));
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ import_react37.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react37.default.createElement(
+    return /* @__PURE__ */ import_react38.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react38.default.createElement(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -25079,7 +25288,7 @@ function XViewScene({
         stroke: "currentColor",
         className: "w-16 h-16 mx-auto"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -25087,13 +25296,13 @@ function XViewScene({
           d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
         }
       )
-    )), /* @__PURE__ */ import_react37.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react37.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react37.default.createElement(
+    )), /* @__PURE__ */ import_react38.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react38.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react38.default.createElement(
       "button",
       {
         onClick: handleNavigateBack,
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium"
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -25103,7 +25312,7 @@ function XViewScene({
           stroke: "currentColor",
           className: "w-5 h-5"
         },
-        /* @__PURE__ */ import_react37.default.createElement(
+        /* @__PURE__ */ import_react38.default.createElement(
           "path",
           {
             strokeLinecap: "round",
@@ -25115,7 +25324,7 @@ function XViewScene({
       "Voltar para o X.View"
     )));
   }
-  return /* @__PURE__ */ import_react37.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(
     "div",
     {
       ref: mountRef,
@@ -25127,7 +25336,7 @@ function XViewScene({
         cursor: isProcessing ? "progress" : stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react37.default.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react38.default.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -25156,7 +25365,7 @@ function XViewScene({
         viewMembers
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    creationMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -25191,7 +25400,7 @@ function XViewScene({
         view_google_folder_id: (_h = sceneDataRef.current) == null ? void 0 : _h.view_google_folder_id
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    versionMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -25218,7 +25427,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questTreeMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    questTreeMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       CreateQuestTreePanel,
       {
         questTreeMode,
@@ -25227,7 +25436,7 @@ function XViewScene({
         onClose: handleCloseQuestTree
       }
     ),
-    processTreeMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    processTreeMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       CreateProcessTreePanel,
       {
         processTreeMode,
@@ -25236,7 +25445,7 @@ function XViewScene({
         onClose: handleCloseProcessTree
       }
     ),
-    questMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    questMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
@@ -25267,7 +25476,7 @@ function XViewScene({
         view_google_folder_id: (_m = sceneDataRef.current) == null ? void 0 : _m.view_google_folder_id
       }
     ),
-    processMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    processMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       InSceneProcessForm,
       {
         onSave: (data) => handleSaveProcessNode(actionHandlerContext, data),
@@ -25294,7 +25503,7 @@ function XViewScene({
         view_google_folder_id: (_n = sceneDataRef.current) == null ? void 0 : _n.view_google_folder_id
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react37.default.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
@@ -25307,7 +25516,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -25318,7 +25527,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -25353,7 +25562,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react37.default.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react38.default.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -25389,7 +25598,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ import_react37.default.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ import_react38.default.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -25403,8 +25612,8 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    isProcessing && /* @__PURE__ */ import_react37.default.createElement("div", { className: "fixed bottom-8 right-8 z-[2000] flex items-center gap-3 px-4 py-2 bg-slate-900/80 backdrop-blur-md border border-white/10 rounded-full shadow-2xl animate-pulse" }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ import_react37.default.createElement("span", { className: "text-xs font-medium text-indigo-200 tracking-wider uppercase" }, "Sincronizando Processo...")),
-    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react37.default.createElement(
+    isProcessing && /* @__PURE__ */ import_react38.default.createElement("div", { className: "fixed bottom-8 right-8 z-[2000] flex items-center gap-3 px-4 py-2 bg-slate-900/80 backdrop-blur-md border border-white/10 rounded-full shadow-2xl animate-pulse" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "w-4 h-4 border-2 border-indigo-500 border-t-transparent rounded-full animate-spin" }), /* @__PURE__ */ import_react38.default.createElement("span", { className: "text-xs font-medium text-indigo-200 tracking-wider uppercase" }, "Sincronizando Processo...")),
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react38.default.createElement(
       QuestDetailsPanel,
       {
         node: detailsNode,
@@ -25436,7 +25645,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && detailsNode.is_process && /* @__PURE__ */ import_react37.default.createElement(
+    detailsNode && detailsNode.is_process && /* @__PURE__ */ import_react38.default.createElement(
       ProcessDetailsPanel,
       {
         node: detailsNode,
@@ -25466,7 +25675,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsNode && !detailsNode.is_quest && !detailsNode.is_process && /* @__PURE__ */ import_react37.default.createElement(
+    detailsNode && !detailsNode.is_quest && !detailsNode.is_process && /* @__PURE__ */ import_react38.default.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -25501,7 +25710,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react37.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react38.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -25516,7 +25725,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react37.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react38.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -25528,7 +25737,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -25555,7 +25764,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -25594,7 +25803,7 @@ function XViewScene({
         onInitiateProcess: (data) => userActionHandlers.handleInitiateProcess(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -25614,7 +25823,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -25632,14 +25841,14 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ImageViewer,
       {
         data: imageViewer,
         onClose: () => setImageViewer({ ...imageViewer, visible: false })
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       Boards,
       {
         isOpen: isBoardsOpen,
@@ -25652,7 +25861,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -25661,7 +25870,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -25674,7 +25883,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ import_react37.default.createElement(
+    invalidTargetError && /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -25699,13 +25908,13 @@ function XViewScene({
           animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
         }
       },
-      /* @__PURE__ */ import_react37.default.createElement("style", null, `
+      /* @__PURE__ */ import_react38.default.createElement("style", null, `
             @keyframes fadeInDown {
               from { opacity: 0; transform: translate(-50%, -20px); }
               to { opacity: 1; transform: translate(-50%, 0); }
             }
           `),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "svg",
         {
           width: "20",
@@ -25717,12 +25926,12 @@ function XViewScene({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react37.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ import_react37.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-        /* @__PURE__ */ import_react37.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+        /* @__PURE__ */ import_react38.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react38.default.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
       ),
-      /* @__PURE__ */ import_react37.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ import_react38.default.createElement(
         "button",
         {
           onClick: () => setInvalidTargetError(null),
@@ -25750,7 +25959,7 @@ function XViewScene({
         "Fechar"
       )
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       UpgradeModal,
       {
         isOpen: isUpgradeModalOpen,