npm - @lv-x-software-house/x_view - Versions diffs - 1.3.7 → 1.3.9 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -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");
@@ -2208,7 +2208,6 @@ var userActionHandlers = {
       }
     });
     if (updates.length > 0) {
-      console.log(`[syncQuestTemplateFlags] Sincronizando ${updates.length} quests...`);
       for (const quest of updates) {
         const idx = sceneDataRef.current.quest_nodes.findIndex((q) => String(q.id) === String(quest.id));
         if (idx !== -1) sceneDataRef.current.quest_nodes[idx] = quest;
@@ -2550,7 +2549,7 @@ var userActionHandlers = {
     if (actions.delete_file && nodeData) {
       const urls = extractFileUrlsFromProperties(nodeData);
       if (urls.length > 0) {
-        Promise.all(urls.map((url) => actions.delete_file(url))).then(() => console.log("Arquivos do node deletados.")).catch(
+        Promise.all(urls.map((url) => actions.delete_file(url))).catch(
           (err) => console.error("Erro ao deletar arquivos do node:", err)
         );
       }
@@ -2961,7 +2960,6 @@ var userActionHandlers = {
       }
       if (foundProcess && foundTreeContext) {
         if (foundTreeContext.nodeRef.is_choice) {
-          console.log("N\xF3 de escolha detectado. Aguardando sele\xE7\xE3o manual.");
           keepOpen = true;
           if (context.setters.setDetailsNode) {
             context.setters.setDetailsNode({ ...nodeToSave, _scrollToChoice: true });
@@ -5160,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;
@@ -5601,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,
@@ -8370,7 +8368,6 @@ function DescriptionDisplay({
         mentionCount++;
       }
     });
-    console.log("[DescriptionDisplay] flatNavigation computed:", navItems.length, "items", navItems);
     return navItems;
   }, [sections]);
   const [currentStepIndex, setCurrentStepIndex] = (0, import_react7.useState)(0);
@@ -8417,24 +8414,14 @@ function DescriptionDisplay({
     const handleKeyDown = (e) => {
       if (e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA") return;
       const currentItem = flatNavigation[currentStepIndex];
-      if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
-        console.log(`[DescriptionDisplay] Key pressed: ${e.key}`, {
-          currentStepIndex,
-          flatNavigationLength: flatNavigation.length,
-          currentItem,
-          currentBranchDirection
-        });
-      }
       if (e.key === "ArrowRight") {
         e.preventDefault();
         e.stopPropagation();
         if (currentStepIndex === 0 && currentBranchDirection === "left") {
-          console.log("[DescriptionDisplay] ArrowRight: Navigating back from left branch");
           if (onBranchNav) onBranchNav(null, "back");
           return;
         }
         if (currentItem && currentItem.type === "mention" && onBranchNav) {
-          console.log("[DescriptionDisplay] ArrowRight: Opening right branch for node", currentItem.nodeId);
           onBranchNav(currentItem.nodeId, "open", "right");
           return;
         }
@@ -8443,12 +8430,10 @@ function DescriptionDisplay({
         e.preventDefault();
         e.stopPropagation();
         if (currentStepIndex === 0 && currentBranchDirection === "right") {
-          console.log("[DescriptionDisplay] ArrowLeft: Navigating back from right branch");
           if (onBranchNav) onBranchNav(null, "back");
           return;
         }
         if (currentItem && currentItem.type === "mention" && onBranchNav) {
-          console.log("[DescriptionDisplay] ArrowLeft: Opening left branch for node", currentItem.nodeId);
           onBranchNav(currentItem.nodeId, "open", "left");
           return;
         }
@@ -8456,29 +8441,16 @@ function DescriptionDisplay({
       if (e.key === "ArrowDown") {
         e.preventDefault();
         if (flatNavigation.length > 1) {
-          setCurrentStepIndex((prev) => {
-            const next = Math.min(prev + 1, flatNavigation.length - 1);
-            console.log(`[DescriptionDisplay] ArrowDown: ${prev} -> ${next}`);
-            return next;
-          });
+          setCurrentStepIndex((prev) => Math.min(prev + 1, flatNavigation.length - 1));
         }
       }
       if (e.key === "ArrowUp") {
         e.preventDefault();
         if (flatNavigation.length > 1) {
-          setCurrentStepIndex((prev) => {
-            const next = Math.max(prev - 1, 0);
-            console.log(`[DescriptionDisplay] ArrowUp: ${prev} -> ${next}`);
-            return next;
-          });
+          setCurrentStepIndex((prev) => Math.max(prev - 1, 0));
         }
       }
     };
-    console.log("[DescriptionDisplay] Attaching keydown listener", {
-      flatNavigationLength: flatNavigation.length,
-      currentStepIndex,
-      currentBranchDirection
-    });
     window.addEventListener("keydown", handleKeyDown);
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
@@ -11846,7 +11818,6 @@ function InSceneCreationForm({
     if (typeInput.trim() === "") {
       result = validExistingTypes.filter((t) => !types.includes(t));
     } else {
-      console.log("InSceneCreationForm: Filtrando tipos com input:", typeInput);
       try {
         const lowercasedInput = typeInput.toLowerCase();
         result = validExistingTypes.filter((t) => {
@@ -13776,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);
@@ -13829,7 +13804,6 @@ function NodeDetailsPanel({
     if (typeInput.trim() === "") {
       setFilteredTypes(validExistingTypes.filter((t) => !types.includes(t)));
     } else {
-      console.log("NodeDetailsPanel: Filtrando tipos com input:", typeInput);
       try {
         const lowercasedInput = typeInput.toLowerCase();
         setFilteredTypes(
@@ -14768,7 +14742,6 @@ function QuestDetailsPanel({
     if (typeInput.trim() === "") {
       setFilteredTypes(validExistingTypes.filter((t) => !types.includes(t)));
     } else {
-      console.log("QuestDetailsPanel: Filtrando tipos com input:", typeInput);
       try {
         const lowercasedInput = typeInput.toLowerCase();
         setFilteredTypes(
@@ -17446,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();
@@ -17888,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();
@@ -19457,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
@@ -19667,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) {
@@ -19681,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;
@@ -19723,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,
@@ -19794,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,
@@ -19804,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,
@@ -19815,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: {}
@@ -19938,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();
@@ -19972,11 +20085,10 @@ 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}`;
-    console.log("X-View: Navegando para o Dashboard", { type, tab, targetUrl });
     try {
       router.push(targetUrl);
     } catch (e) {
@@ -19984,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 = [];
@@ -20109,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 = {
@@ -20129,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,
@@ -20159,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]));
@@ -20246,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) {
@@ -20399,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)
@@ -20548,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) {
@@ -20599,18 +20711,6 @@ function XViewScene({
           };
           parentDataRef.current = sceneResponse.data.parent;
           ancestryDataRef.current = sceneResponse.data.ancestry;
-          console.log(
-            "Console de sceneResponse.data.scene:",
-            sceneDataRef.current
-          );
-          console.log(
-            "Console de sceneResponse.data.parent:",
-            parentDataRef.current
-          );
-          console.log(
-            "Console de sceneResponse.data.ancestry:",
-            ancestryDataRef.current
-          );
           setNodeCounter(sceneResponse.data.node_counter || 0);
           if (sceneResponse.data.node_limit !== void 0) {
             setNodeLimit(sceneResponse.data.node_limit);
@@ -20658,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,
@@ -20705,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;
@@ -20839,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;
@@ -21061,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;
@@ -21090,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);
@@ -21319,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);
@@ -21376,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) {
@@ -21408,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,
@@ -21642,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;
@@ -21651,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;
@@ -21686,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);
@@ -21986,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,
@@ -22034,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;
@@ -22055,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;
@@ -22211,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);
@@ -22234,7 +22399,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react37.useMemo)(
+  const actionHandlerContext = (0, import_react38.useMemo)(
     () => {
       var _a2;
       return {
@@ -22346,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;
@@ -22428,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;
@@ -22578,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) {
@@ -22600,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) {
@@ -22953,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)
@@ -22971,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
@@ -22991,11 +23156,6 @@ function XViewScene({
           }
         });
       }
-      console.log("[handleRenderAncestry] Start", {
-        ancestryId: ancestryObject.ancestry_id,
-        allowedSectionIds: allowedSectionIds ? Array.from(allowedSectionIds) : null,
-        activeSectionIdForFocus
-      });
       const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
       const currentRenderLimit = stateRef.current.maxAncestryRenderIndex || 0;
       const isFullRenderRequest = !normalizedAllowedIds;
@@ -23293,11 +23453,6 @@ function XViewScene({
         let currentAnchorPosition = currentAnchorMesh.userData.id ? targetPositionsCache.get(String(currentAnchorMesh.userData.id)) || currentAnchorMesh.position : currentAnchorMesh.position;
         for (const section of sections) {
           const deveRenderizar = checkShouldRender(section);
-          console.log("[handleRenderAncestry] Section check:", {
-            id: section.id,
-            numericId: section.section_numeric_id,
-            deveRenderizar
-          });
           if (deveRenderizar) {
             const sectionNodes = section.children || [];
             if (sectionNodes.length > 0) {
@@ -23475,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
@@ -23584,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;
@@ -23762,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(
@@ -23812,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];
@@ -23823,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) {
@@ -23866,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;
     }
@@ -23885,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
@@ -23928,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;
@@ -24013,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;
@@ -24078,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
@@ -24133,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;
@@ -24158,17 +24313,11 @@ 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, _b2;
+      var _a2;
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
-      console.log("[handleSaveAncestry] received:", {
-        name: ancestryName,
-        descLength: ancestryDescription == null ? void 0 : ancestryDescription.length,
-        sectionsCount: ancestrySections == null ? void 0 : ancestrySections.length,
-        treeRoot: (_a2 = treeToUse.node) == null ? void 0 : _a2.id
-      });
       if (!treeToUse || !treeToUse.node) {
         alert(
           "Erro: A estrutura da ancestralidade \xE9 inv\xE1lida (Node raiz ausente)."
@@ -24373,7 +24522,7 @@ function XViewScene({
               currentAncestryId: ancestryObjectToSave.ancestry_id
             }));
           }
-          if (readingMode.isActive && ((_b2 = readingMode.ancestry) == null ? void 0 : _b2.ancestry_id) === ancestryObjectToSave.ancestry_id) {
+          if (readingMode.isActive && ((_a2 = readingMode.ancestry) == null ? void 0 : _a2.ancestry_id) === ancestryObjectToSave.ancestry_id) {
             setReadingMode((prev) => ({
               ...prev,
               ancestry: ancestryObjectToSave
@@ -24432,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.");
@@ -24566,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;
@@ -24594,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") {
@@ -24630,7 +24779,7 @@ function XViewScene({
       handleFocusNode
     ]
   );
-  const handleSelectAncestryFromBoard = (0, import_react37.useCallback)(
+  const handleSelectAncestryFromBoard = (0, import_react38.useCallback)(
     (item) => {
       setIsBoardsOpen(false);
       setIsSidebarOpen(false);
@@ -24642,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";
@@ -24656,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 [];
     }
@@ -24668,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 [];
     }
@@ -24683,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,
@@ -24692,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;
@@ -24719,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) {
@@ -24758,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;
@@ -24778,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) {
@@ -24825,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(
@@ -24850,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;
@@ -25073,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,
@@ -25082,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",
@@ -25092,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",
@@ -25100,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",
@@ -25116,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",
@@ -25129,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",
@@ -25139,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",
@@ -25147,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",
@@ -25163,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",
@@ -25175,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,
@@ -25187,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,
@@ -25216,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),
@@ -25251,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),
@@ -25278,7 +25427,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questTreeMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    questTreeMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       CreateQuestTreePanel,
       {
         questTreeMode,
@@ -25287,7 +25436,7 @@ function XViewScene({
         onClose: handleCloseQuestTree
       }
     ),
-    processTreeMode.isActive && /* @__PURE__ */ import_react37.default.createElement(
+    processTreeMode.isActive && /* @__PURE__ */ import_react38.default.createElement(
       CreateProcessTreePanel,
       {
         processTreeMode,
@@ -25296,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),
@@ -25327,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),
@@ -25354,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"}`,
@@ -25367,7 +25516,7 @@ function XViewScene({
           maxWidth: "92vw"
         }
       },
-      /* @__PURE__ */ import_react37.default.createElement(
+      /* @__PURE__ */ import_react38.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -25378,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,
@@ -25413,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,
@@ -25449,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,
@@ -25463,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,
@@ -25496,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,
@@ -25526,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,
@@ -25561,7 +25710,7 @@ function XViewScene({
         style: overlayHiddenStyle
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react37.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react38.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -25576,7 +25725,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react37.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react38.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -25588,7 +25737,7 @@ function XViewScene({
         onHighlight: handleReadModeHighlight
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -25615,7 +25764,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -25654,7 +25803,7 @@ function XViewScene({
         onInitiateProcess: (data) => userActionHandlers.handleInitiateProcess(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -25674,7 +25823,7 @@ function XViewScene({
         )
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -25692,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,
@@ -25712,7 +25861,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       MilestoneManager,
       {
         isOpen: isMilestoneManagerOpen,
@@ -25721,7 +25870,7 @@ function XViewScene({
         onUpdateMilestones: handleUpdateMilestones
       }
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -25734,7 +25883,7 @@ function XViewScene({
         currentAncestries: ancestryDataRef.current || []
       }
     ),
-    invalidTargetError && /* @__PURE__ */ import_react37.default.createElement(
+    invalidTargetError && /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: "ui-overlay",
@@ -25759,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",
@@ -25777,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),
@@ -25810,7 +25959,7 @@ function XViewScene({
         "Fechar"
       )
     ),
-    /* @__PURE__ */ import_react37.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement(
       UpgradeModal,
       {
         isOpen: isUpgradeModalOpen,
@@ -25822,7 +25971,9 @@ function XViewScene({
             const res = await onUpgrade();
             if (res.success) {
               setNodeLimit(-1);
-              alert("Upgrade realizado com sucesso! Sua conta agora \xE9 Premium.");
+              alert(
+                "Upgrade realizado com sucesso! Sua conta agora \xE9 Premium."
+              );
             } else {
               alert("Erro ao realizar upgrade: " + res.error);
             }