@lv-x-software-house/x_view 1.2.4 → 1.2.5-dev.10

package/dist/index.mjs

@@ -1,5 +1,11 @@
 // src/XViewScene.jsx
-import React25, { useCallback as useCallback4, useEffect as useEffect22, useRef as useRef19, useState as useState25, useMemo as useMemo12 } from "react";
+import React25, {
+  useCallback as useCallback4,
+  useEffect as useEffect22,
+  useRef as useRef19,
+  useState as useState25,
+  useMemo as useMemo12
+} from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
 import CryptoJS from "crypto-js";
@@ -105,6 +111,7 @@ function ContextMenu({
   const [menuView, setMenuView] = useState("main");
   const [selectedAncestry, setSelectedAncestry] = useState(null);
   const [versionSubMenu, setVersionSubMenu] = useState(null);
+  const [labelSubMenu, setLabelSubMenu] = useState(null);
   const [isLinkCopied, setIsLinkCopied] = useState(false);
   const [selectedQuestStatus, setSelectedQuestStatus] = useState(null);
   const ability = useMemo(() => defineAbilityFor(userRole), [userRole]);
@@ -113,6 +120,7 @@ function ContextMenu({
       setMenuView("main");
       setSelectedAncestry(null);
       setVersionSubMenu(null);
+      setLabelSubMenu(null);
       setSelectedQuestStatus(null);
     }
   }, [data.visible, (_a = data.nodeData) == null ? void 0 : _a.id]);
@@ -128,7 +136,7 @@ function ContextMenu({
     if (left + w + 8 > vw) left = Math.max(8, vw - w - 8);
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
-  }, [data, menuView, versionSubMenu, selectedQuestStatus]);
+  }, [data, menuView, versionSubMenu, labelSubMenu, selectedQuestStatus]);
   useEffect(() => {
     if (!data.visible) return;
     const handleClickOutside = (e) => {
@@ -180,7 +188,21 @@ function ContextMenu({
     var _a2;
     return (_a2 = c.targetNode) == null ? void 0 : _a2.is_quest;
   });
-  const groupedConnections = commonConnections.reduce((acc, conn) => {
+  const getLabelForConnection = (conn) => {
+    if (conn.direction === "outgoing") return conn.link.source_label || null;
+    if (conn.direction === "incoming") return conn.link.target_label || null;
+    return null;
+  };
+  const commonWithLabel = commonConnections.filter((c) => getLabelForConnection(c));
+  const commonWithoutLabel = commonConnections.filter((c) => !getLabelForConnection(c));
+  const labelGroups = commonWithLabel.reduce((acc, conn) => {
+    const label = getLabelForConnection(conn);
+    if (!acc[label]) acc[label] = [];
+    acc[label].push(conn);
+    return acc;
+  }, {});
+  const labelGroupEntries = Object.entries(labelGroups).sort(([a], [b]) => a.localeCompare(b));
+  const groupedConnections = commonWithoutLabel.reduce((acc, conn) => {
     var _a2;
     const { targetNode } = conn;
     const groupingKey = ((_a2 = targetNode.version_node) == null ? void 0 : _a2.is_version) ? targetNode.version_node.parent_node : targetNode.id;
@@ -308,11 +330,32 @@ function ContextMenu({
       /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, conn.targetNode.name)
     ))));
   };
+  const renderLabelSubMenuView = () => {
+    const group = labelSubMenu;
+    const isScrollable = group.connections.length > 10;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("button", { onClick: () => {
+      setLabelSubMenu(null);
+      setMenuView("connections");
+    }, className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white flex-shrink-0" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1.5 min-w-0" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-violet-400 flex-shrink-0" }, /* @__PURE__ */ React.createElement("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), /* @__PURE__ */ React.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-violet-300/80 truncate", title: group.label }, group.label))), group.connections.length > 0 && /* @__PURE__ */ React.createElement("button", { onClick: () => handleExpandAndClose(group.connections.map((c) => c.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ React.createElement("div", { className: `flex flex-col gap-1 ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, group.connections.map((conn) => /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        key: conn.targetNode.id,
+        onClick: () => handleExpandAndClose([conn.link]),
+        className: baseButtonClass,
+        title: `Expandir conex\xE3o com ${conn.targetNode.name}`
+      },
+      /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), /* @__PURE__ */ React.createElement("polyline", { points: "12 5 19 12 12 19" })),
+      /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, conn.targetNode.name)
+    ))));
+  };
   const renderConnectionsView = () => {
     if (versionSubMenu) {
       return renderVersionSubMenuView();
     }
-    const totalItems = availableAncestries.length + finalRenderableConnections.length + (questConnections.length > 0 ? 1 : 0);
+    if (labelSubMenu) {
+      return renderLabelSubMenuView();
+    }
+    const totalItems = availableAncestries.length + labelGroupEntries.length + finalRenderableConnections.length + (questConnections.length > 0 ? 1 : 0);
     const isScrollable = totalItems > 10;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("main"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Conex\xF5es")), commonConnections.length > 0 && /* @__PURE__ */ React.createElement("button", { onClick: () => handleExpandAndClose(commonConnections.map((c) => c.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ React.createElement("div", { className: `flex flex-col ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: `flex flex-col gap-1 ${finalRenderableConnections.length > 0 || questConnections.length > 0 ? "mb-2" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "px-2 py-1 text-[11px] uppercase tracking-wider text-indigo-400/90" }, "Ancestralidades Salvas"), availableAncestries.map((anc) => /* @__PURE__ */ React.createElement(
       "button",
@@ -324,7 +367,20 @@ function ContextMenu({
       },
       /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M6 3v4a2 2 0 0 0 2 2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M18 3v4a2 2 0 0 1-2 2h-4" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "3", r: "2" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "3", r: "2" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "11", r: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M12 13v6" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "21", r: "2" })),
       /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, anc.name || `Ancestralidade #${anc.ancestry_id.substring(0, 8)}`)
-    ))), finalRenderableConnections.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, availableAncestries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
+    ))), labelGroupEntries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: `flex flex-col gap-1 ${availableAncestries.length > 0 ? "mt-2" : ""} ${finalRenderableConnections.length > 0 || questConnections.length > 0 ? "mb-2" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), labelGroupEntries.map(([label, conns]) => /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        key: label,
+        onClick: () => {
+          setLabelSubMenu({ label, connections: conns });
+        },
+        className: baseButtonClass,
+        title: `Ver grupo: ${label}`
+      },
+      /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-violet-400" }, /* @__PURE__ */ React.createElement("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), /* @__PURE__ */ React.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })),
+      /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, label),
+      /* @__PURE__ */ React.createElement("span", { className: "text-xs px-2 py-0.5 bg-violet-500/20 text-violet-300 rounded-full" }, conns.length)
+    ))), finalRenderableConnections.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, (availableAncestries.length > 0 || labelGroupEntries.length > 0) && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
       if (group.isVersionGroup) {
         return /* @__PURE__ */ React.createElement(
           "button",
@@ -402,11 +458,18 @@ function ContextMenu({
     ))));
   };
   const renderAncestryActionsView = () => {
+    var _a2, _b2;
     const ancestryTitle = (selectedAncestry == null ? void 0 : selectedAncestry.name) || `Ancestralidade #${selectedAncestry == null ? void 0 : selectedAncestry.ancestry_id.substring(0, 8)}`;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white flex-shrink-0" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400 truncate", title: ancestryTitle }, ancestryTitle))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, ability.can("read", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => {
-      onRenderAncestry == null ? void 0 : onRenderAncestry(selectedAncestry);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white flex-shrink-0" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400 truncate", title: ancestryTitle }, ancestryTitle))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, ability.can("read", "Ancestry") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => {
+      onRenderAncestry == null ? void 0 : onRenderAncestry(selectedAncestry, "full");
+      onClose();
+    }, className: baseButtonClass, title: "Renderizar Ancestralidade Completa" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ React.createElement("span", null, "Renderizar Ancestralidade")), /* @__PURE__ */ React.createElement("button", { onClick: () => {
+      onRenderAncestry == null ? void 0 : onRenderAncestry(selectedAncestry, "ancestry_only");
+      onClose();
+    }, className: baseButtonClass, title: "Renderizar apenas a \xC1rvore de Ancestralidade (Radial)" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M12 2v3m0 14v3m10-10h-3m-14 0H2m15.66-6.34-2.12 2.12m-9.08 9.08-2.12 2.12m13.32 0-2.12-2.12m-9.08-9.08-2.12-2.12" })), /* @__PURE__ */ React.createElement("span", null, "\xC1rvore de Ancestralidade")), ((_b2 = (_a2 = selectedAncestry == null ? void 0 : selectedAncestry.abstraction_tree) == null ? void 0 : _a2.children) == null ? void 0 : _b2.length) > 0 && /* @__PURE__ */ React.createElement("button", { onClick: () => {
+      onRenderAncestry == null ? void 0 : onRenderAncestry(selectedAncestry, "abstraction_only");
       onClose();
-    }, className: baseButtonClass, title: "Renderizar Ancestralidade" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ React.createElement("span", null, "Renderizar Ancestralidade")), ability.can("update", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => {
+    }, className: baseButtonClass, title: "Renderizar apenas a \xC1rvore de Abstra\xE7\xE3o (Vertical)" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }), /* @__PURE__ */ React.createElement("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }), /* @__PURE__ */ React.createElement("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" }), /* @__PURE__ */ React.createElement("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }), /* @__PURE__ */ React.createElement("path", { d: "M10 6.5h4" }), /* @__PURE__ */ React.createElement("path", { d: "M10 17.5h4" }), /* @__PURE__ */ React.createElement("path", { d: "M6.5 10v4" }), /* @__PURE__ */ React.createElement("path", { d: "M17.5 10v4" })), /* @__PURE__ */ React.createElement("span", null, "\xC1rvore de Abstra\xE7\xE3o"))), ability.can("update", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => {
       onEditAncestry == null ? void 0 : onEditAncestry(selectedAncestry);
       onClose();
     }, className: baseButtonClass, title: "Editar Ancestralidade" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M12 20h9" }), /* @__PURE__ */ React.createElement("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })), /* @__PURE__ */ React.createElement("span", null, "Editar Ancestralidade")), (ability.can("update", "Ancestry") || ability.can("delete", "Ancestry")) && /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), ability.can("delete", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => {
@@ -653,7 +716,7 @@ function XViewSidebar({
     "div",
     {
       ref: containerRef,
-      className: "ui-overlay fixed left-0 top-0 h-full w-[min(92vw,320px)] z-40",
+      className: "ui-overlay fixed left-0 top-0 h-[100dvh] w-[min(92vw,320px)] z-40 overflow-hidden",
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,
@@ -662,7 +725,7 @@ function XViewSidebar({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "h-full flex flex-col bg-slate-950/80 backdrop-blur-xl border-r border-white/10 shadow-[0_0_40px_rgba(0,0,0,0.45)]" }, /* @__PURE__ */ React2.createElement("div", { className: "relative px-4 py-3 border-b border-white/10 flex items-center gap-2" }, /* @__PURE__ */ React2.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_10px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React2.createElement("h3", { className: "text-sm font-medium text-slate-100" }, "Ferramentas"), /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React2.createElement("div", { className: "h-full flex flex-col overflow-hidden bg-slate-950/80 backdrop-blur-xl border-r border-white/10 shadow-[0_0_40px_rgba(0,0,0,0.45)]" }, /* @__PURE__ */ React2.createElement("div", { className: "relative px-4 py-3 border-b border-white/10 flex items-center gap-2" }, /* @__PURE__ */ React2.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_10px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React2.createElement("h3", { className: "text-sm font-medium text-slate-100" }, "Ferramentas"), /* @__PURE__ */ React2.createElement(
       "button",
       {
         className: "ml-auto p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
@@ -719,7 +782,7 @@ function XViewSidebar({
           autoComplete: "off"
         }
       )
-    ), showList && /* @__PURE__ */ React2.createElement("ul", { className: "custom-scrollbar absolute mt-1 z-10 w-full max-h-[28rem] overflow-y-auto rounded-lg bg-slate-900/95 border border-white/10 shadow-xl" }, filteredAndSorted.length > 0 ? filteredAndSorted.map((n) => {
+    ), showList && /* @__PURE__ */ React2.createElement("ul", { className: "custom-scrollbar absolute mt-1 z-10 w-full max-h-[min(448px,50dvh)] overflow-y-auto rounded-lg bg-slate-900/95 border border-white/10 shadow-xl" }, filteredAndSorted.length > 0 ? filteredAndSorted.map((n) => {
       const inView = isNodeInView(n.id);
       const active = selectedNodeId === n.id;
       const typeLabel = Array.isArray(n.type) ? n.type.join(", ") : n.type;
@@ -3095,6 +3158,7 @@ function calculateNodePositions(nodes) {
   return positions;
 }
 function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, isSceneBusy, parentData, ancestryData }) {
+  var _a, _b;
   if (!tooltipEl || !camera || !mountEl) return;
   let content = "";
   let positionTarget = null;
@@ -3107,17 +3171,21 @@ function updateTooltip({ tooltipEl, hoveredNode, hoveredLink, camera, mountEl, i
       content = generateTooltipHtml(hoveredNode.userData, parentData, ancestryData);
     }
   } else if (hoveredLink && !isSceneBusy) {
-    currentId = `link_${hoveredLink.userData.id}`;
-    if (hoveredLink.userData.isCurved) {
-      const positions = hoveredLink.geometry.attributes.position.array;
-      const midIndex = Math.floor(positions.length / 2 / 3) * 3;
-      positionTarget = new THREE2.Vector3(positions[midIndex], positions[midIndex + 1], positions[midIndex + 2]);
-    } else {
-      positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
-    }
-    isLink = true;
-    if (tooltipEl.dataset.currentId !== currentId) {
-      content = hoveredLink.userData.isAncestryLink ? generateLinkTooltipHtml(hoveredLink.userData.relationship || {}, parentData, ancestryData) : generateLinkTooltipHtml(hoveredLink.userData, parentData, ancestryData);
+    const linkData = hoveredLink.userData.isAncestryLink ? hoveredLink.userData.relationship || {} : hoveredLink.userData;
+    const hasContent = ((_a = linkData.name) == null ? void 0 : _a.trim()) || ((_b = linkData.description) == null ? void 0 : _b.trim());
+    if (hasContent) {
+      currentId = `link_${hoveredLink.userData.id}`;
+      if (hoveredLink.userData.isCurved) {
+        const positions = hoveredLink.geometry.attributes.position.array;
+        const midIndex = Math.floor(positions.length / 2 / 3) * 3;
+        positionTarget = new THREE2.Vector3(positions[midIndex], positions[midIndex + 1], positions[midIndex + 2]);
+      } else {
+        positionTarget = new THREE2.Vector3().addVectors(hoveredLink.userData.sourceNode.position, hoveredLink.userData.targetNode.position).multiplyScalar(0.5);
+      }
+      isLink = true;
+      if (tooltipEl.dataset.currentId !== currentId) {
+        content = generateLinkTooltipHtml(linkData, parentData, ancestryData);
+      }
     }
   }
   if (positionTarget) {
@@ -3426,9 +3494,9 @@ function CustomPropertyDisplay({
   };
   const handleRemoveListItem = (j) => setTempProp((p) => ({ ...p, value: p.value.filter((_, k) => k !== j) }));
   const handleListItemChange = (j, f, v) => setTempProp((p) => {
-    const newValue = [...p.value];
-    newValue[j] = { ...newValue[j], [f]: v };
-    return { ...p, value: newValue };
+    const newValue2 = [...p.value];
+    newValue2[j] = { ...newValue2[j], [f]: v };
+    return { ...p, value: newValue2 };
   });
   const baseInput = "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60 transition-all duration-150";
   const renderEditView = () => {
@@ -3482,14 +3550,14 @@ function CustomPropertyDisplay({
           const inputClass = `${baseInput} ${noSpinnerClass}`;
           const handleDateTypeChange = (newDateType) => {
             var _a3, _b2, _c2;
-            let newValue = { type: newDateType };
+            let newValue2 = { type: newDateType };
             if (newDateType === "Date Interval") {
-              newValue.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
-              newValue.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
+              newValue2.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
+              newValue2.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
             } else {
-              newValue.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
+              newValue2.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
             }
-            handlePropChange("value", newValue);
+            handlePropChange("value", newValue2);
           };
           const handleDateValueChange = (dateField, dateValue) => {
             handlePropChange("value", { ...tempProp.value, [dateField]: dateValue });
@@ -4337,7 +4405,7 @@ ${space}${bullet} `);
       }
     ),
     /* @__PURE__ */ React5.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 shrink-0" }),
-    /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80" }), /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-slate-200" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ React5.createElement("button", { onClick: handleClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
+    /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-5 pb-3 flex items-center justify-between gap-4 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React5.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shrink-0" }), /* @__PURE__ */ React5.createElement("p", { className: "text-sm font-medium text-slate-200 truncate" }, title || "Editar Descri\xE7\xE3o")), /* @__PURE__ */ React5.createElement("button", { onClick: handleClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")),
     /* @__PURE__ */ React5.createElement("div", { className: "px-6 py-3 flex flex-col gap-3 border-b border-white/5 bg-white/5 shrink-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ React5.createElement(
       "button",
       {
@@ -5466,7 +5534,7 @@ function AncestryRelationshipPanel({
           onImageClick: handleImageClickFromText,
           onSaveDescription: handleSaveDescriptionInline
         }
-      ) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React8.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-cyan-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React8.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ React8.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ React8.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React8.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ React8.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React8.createElement(
+      ) : /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: "h-[2px] bg-gradient-to-r from-cyan-400/0 via-cyan-400/70 to-cyan-400/0" }), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React8.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React8.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React8.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-cyan-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React8.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o de Ancestralidade")), /* @__PURE__ */ React8.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Editar Rela\xE7\xE3o")), /* @__PURE__ */ React8.createElement("button", { onClick: onClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React8.createElement("div", { className: "px-6 pb-4 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React8.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o da Rela\xE7\xE3o"), /* @__PURE__ */ React8.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React8.createElement(
         DescriptionDisplay,
         {
           description,
@@ -5788,6 +5856,7 @@ function CreateAncestryPanel({
   } = ancestryMode;
   const [isSaving, setIsSaving] = useState11(false);
   const [isLinkCopied, setIsLinkCopied] = useState11(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState11(false);
   const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = useState11(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
@@ -5855,12 +5924,14 @@ function CreateAncestryPanel({
   };
   const handleSelectAncestryParent = (nodeId, isAbstraction = false) => {
     setAncestryMode((prev) => isAbstraction ? { ...prev, selectedAbstractionParentId: nodeId } : { ...prev, selectedParentId: nodeId });
+    setHasUnsavedChanges(true);
   };
   const handleToggleAddMode = (isAbstraction = false) => {
     if (isAbstraction && !ancestryMode.isAddingAbstractionNodes) {
       setTargetRenderNodeId(null);
     }
     setAncestryMode((prev) => isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes } : { ...prev, isAddingNodes: !prev.isAddingNodes });
+    setHasUnsavedChanges(true);
   };
   const handleRemoveNode = useCallback2((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
@@ -5878,6 +5949,7 @@ function CreateAncestryPanel({
       const indexToRemove = pathToRemove[pathToRemove.length - 1];
       if (currentParent.children && currentParent.children.length > indexToRemove) {
         currentParent.children.splice(indexToRemove, 1);
+        setHasUnsavedChanges(true);
       }
       return { ...prev, [treeKey]: newTree };
     });
@@ -5936,6 +6008,7 @@ function CreateAncestryPanel({
           updateGlobalTree(rootTreeClone);
         }
         setAncestryMode((prev) => ({ ...prev, [treeKey]: rootTreeClone }));
+        setHasUnsavedChanges(true);
       } else {
         alert("N\xE3o \xE9 poss\xEDvel mover um node para dentro de seus pr\xF3prios descendentes.");
       }
@@ -6008,6 +6081,7 @@ function CreateAncestryPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -6016,11 +6090,13 @@ function CreateAncestryPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
   useEffect10(() => {
@@ -6130,6 +6206,7 @@ function CreateAncestryPanel({
       updateGlobalTree(rootTreeClone);
       setBranchStack([...branchStack]);
       setIsPickerOpen(false);
+      setHasUnsavedChanges(true);
       try {
         setIsSaving(true);
         const rootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6143,6 +6220,7 @@ function CreateAncestryPanel({
           rootExtras
         );
         setLastSavedSnapshot(takeSnapshot(rootTreeClone, ancestryName, description, processedSections, [], isPrivate, ancestryMode.abstraction_tree));
+        setHasUnsavedChanges(false);
         if (onRenderFullAncestry) {
           const fullTreePayload = {
             ancestry_id: ancestryMode.currentAncestryId || "temp_root",
@@ -6185,6 +6263,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6206,6 +6285,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6238,6 +6318,7 @@ function CreateAncestryPanel({
       if (branchIndex !== -1) {
         foundParentPath.node.parallel_branches.splice(branchIndex, 1);
         updateGlobalTree(rootTreeClone);
+        setHasUnsavedChanges(true);
         try {
           setIsSaving(true);
           const currentRootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6259,6 +6340,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6520,6 +6602,7 @@ function CreateAncestryPanel({
     }
     setBranchStack(parentStack);
     setTargetScrollSectionId(targetFocusId);
+    setHasUnsavedChanges(true);
     if (onRenderFullAncestry) {
       const parentStack2 = currentStack;
       const rotation = parentStack2.reduce((acc, step) => {
@@ -6581,7 +6664,6 @@ function CreateAncestryPanel({
           direction,
           tree: {
             node: nodeData,
-            node_id: nodeId,
             children: [],
             relationship: {}
           }
@@ -6603,6 +6685,7 @@ function CreateAncestryPanel({
         savedMaxIndex: parentIndexToSave,
         entryDirection: direction
       }]);
+      setHasUnsavedChanges(true);
       if (branch && branch.tree && onRenderFullAncestry) {
         const branchAncestryObj = {
           ancestry_id: branch.id,
@@ -6653,6 +6736,10 @@ function CreateAncestryPanel({
     const currentInputName = overrides.ancestryName !== void 0 ? overrides.ancestryName : ancestryName;
     const currentInputDesc = overrides.description !== void 0 ? overrides.description : description;
     const currentInputSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentInputName.trim()) {
       alert("O nome n\xE3o pode estar vazio.");
       return;
@@ -6660,11 +6747,7 @@ function CreateAncestryPanel({
     setIsSaving(true);
     const processedSections = processDescriptionForSave(currentInputDesc, currentInputSections);
     setExistingSections(processedSections);
-    const updatedRootTree = applyDescriptionToTree(
-      ancestryMode.tree,
-      currentInputDesc,
-      processedSections
-    );
+    const updatedRootTree = JSON.parse(JSON.stringify(ancestryMode.tree));
     const extrasObj = {
       ...toObjectFromCustomProps(customProps.filter((p) => !p.isEditing)),
       is_private: isPrivate
@@ -6706,6 +6789,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onRenderFullAncestry) {
             const rotation = branchStack.reduce((acc, step) => {
               return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
@@ -6757,6 +6841,7 @@ function CreateAncestryPanel({
           updatedRootTree,
           extrasObj
         );
+        setHasUnsavedChanges(false);
         setLastSavedSnapshot(takeSnapshot(
           updatedRootTree,
           currentInputName,
@@ -6779,6 +6864,7 @@ function CreateAncestryPanel({
     const newTreeString = JSON.stringify(newRootTree);
     if (currentTreeString !== newTreeString) {
       updateGlobalTree(newRootTree);
+      setHasUnsavedChanges(true);
     }
   }, [description, existingSections]);
   const handleTriggerFullRender = () => {
@@ -6801,6 +6887,7 @@ function CreateAncestryPanel({
   };
   const handleSaveDescriptionInline = (newDesc) => {
     setDescription(newDesc);
+    setHasUnsavedChanges(true);
     handleLocalSave(true, { description: newDesc });
   };
   const swallow = (e) => e.stopPropagation();
@@ -6930,7 +7017,11 @@ function CreateAncestryPanel({
       {
         type: "text",
         value: ancestryName,
-        onChange: (e) => setAncestryName(e.target.value),
+        onChange: (e) => {
+          setAncestryName(e.target.value);
+          setHasUnsavedChanges(true);
+        },
+        readOnly: isContextLinked,
         placeholder: "Nome da Ancestralidade",
         className: "text-xl sm:text-2xl font-semibold tracking-tight bg-transparent border-none p-0 focus:ring-2 focus:ring-indigo-500 rounded-md -ml-1.5 px-1.5 w-full outline-none transition-all focus:bg-slate-800/70"
       }
@@ -7579,9 +7670,9 @@ function InSceneCreationForm({
   };
   const handleToggleImageMode = () => {
     var _a2, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -7879,9 +7970,9 @@ function InSceneVersionForm({
   };
   const handleToggleImageMode = () => {
     var _a, _b;
-    const newValue = !useImageAsTexture;
-    setUseImageAsTexture(newValue);
-    if (newValue) {
+    const newValue2 = !useImageAsTexture;
+    setUseImageAsTexture(newValue2);
+    if (newValue2) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -8301,6 +8392,7 @@ function NodeDetailsPanel({
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
   const [selectedImageUrl, setSelectedImageUrl] = useState17((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState17(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8338,6 +8430,7 @@ function NodeDetailsPanel({
       else if ((node == null ? void 0 : node.useImageAsTexture) === "false") setUseImageAsTexture(false);
       else setUseImageAsTexture(!!(node == null ? void 0 : node.useImageAsTexture));
       setSelectedImageUrl((node == null ? void 0 : node.textureImageUrl) ?? null);
+      setHasUnsavedChanges(false);
     }
   }, [node]);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
@@ -8364,6 +8457,7 @@ function NodeDetailsPanel({
     setIntensity(val);
     onIntensityChange == null ? void 0 : onIntensityChange(node.id, val);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, intensity: val });
+    setHasUnsavedChanges(true);
   };
   const handleCopyLink = () => {
     if (!(node == null ? void 0 : node.id)) return;
@@ -8381,14 +8475,17 @@ function NodeDetailsPanel({
     const v = e.target.value;
     setName(v);
     onNameChange == null ? void 0 : onNameChange(node.id, v);
+    setHasUnsavedChanges(true);
   };
   const handleColorChange = (val) => {
     setColor(val);
     onColorChange == null ? void 0 : onColorChange(node.id, val);
+    setHasUnsavedChanges(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8396,10 +8493,12 @@ function NodeDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8412,6 +8511,7 @@ function NodeDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8420,19 +8520,21 @@ function NodeDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleToggleImageMode = () => {
-    const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
+    setHasUnsavedChanges(true);
     let activeUrl = null;
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
@@ -8454,6 +8556,7 @@ function NodeDetailsPanel({
   };
   const handleSelectTexture = (url) => {
     setSelectedImageUrl(url);
+    setHasUnsavedChanges(true);
     onImageChange == null ? void 0 : onImageChange(true, url, color);
     onDataUpdate == null ? void 0 : onDataUpdate({
       ...node,
@@ -8464,6 +8567,7 @@ function NodeDetailsPanel({
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8474,6 +8578,10 @@ function NodeDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentIntensity = overrides.intensity !== void 0 ? overrides.intensity : intensity;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentName.trim() || currentTypes.length === 0) {
       alert("O campo 'Nome' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -8498,6 +8606,7 @@ function NodeDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8564,7 +8673,7 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React16.createElement(
+    ) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React16.createElement(
       "button",
       {
         onClick: handleCopyLink,
@@ -8572,7 +8681,7 @@ function NodeDetailsPanel({
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para este Node"
       },
       isLinkCopied ? /* @__PURE__ */ React16.createElement(FiCheck10, { size: 12 }) : /* @__PURE__ */ React16.createElement(FiLink5, { size: 12 })
-    )), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React16.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ React16.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React16.createElement("span", { key: index, className: "flex items-center gap-1 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ React16.createElement(
+    )), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React16.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ React16.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React16.createElement("span", { key: index, className: "flex items-center gap-1 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -8734,6 +8843,7 @@ function NodeDetailsPanel({
       initialValue: description,
       onSave: (newDescription) => {
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -8793,6 +8903,7 @@ function QuestDetailsPanel({
   const [existingSections, setExistingSections] = useState18((node == null ? void 0 : node.description_sections) || []);
   const [isSaving, setIsSaving] = useState18(false);
   const [isLinkCopied, setIsLinkCopied] = useState18(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState18(false);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
@@ -8824,6 +8935,7 @@ function QuestDetailsPanel({
       setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
       setExistingSections((node == null ? void 0 : node.description_sections) || []);
       setCustomProps(extractCustomPropsFromNode(node || {}));
+      setHasUnsavedChanges(false);
     }
   }, [node]);
   useEffect16(() => {
@@ -8855,16 +8967,19 @@ function QuestDetailsPanel({
     setRawTitle(val);
     const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
     onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
+    setHasUnsavedChanges(true);
   };
   const handleSizeChange = (newSize) => {
     setSize(newSize);
     onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+    setHasUnsavedChanges(true);
   };
   const handleStatusChange = (newStatus) => {
     setStatus(newStatus);
     const newColor = QUEST_STATUS_COLORS3[newStatus];
     onColorChange == null ? void 0 : onColorChange(node.id, newColor);
     onDataUpdate == null ? void 0 : onDataUpdate({ ...node, status: newStatus, color: newColor });
+    setHasUnsavedChanges(true);
   };
   const handleAddType = (newType) => {
     const trimmed = newType.trim();
@@ -8872,11 +8987,13 @@ function QuestDetailsPanel({
       setTypes([...types, trimmed]);
       setTypeInput("");
       setShowTypeSuggestions(false);
+      setHasUnsavedChanges(true);
     }
   };
   const handleRemoveType = (indexToRemove) => {
     if (types[indexToRemove] === "quest") return;
     setTypes(types.filter((_, index) => index !== indexToRemove));
+    setHasUnsavedChanges(true);
   };
   const handleTypeInputKeyDown = (e) => {
     if (e.key === "Enter") {
@@ -8889,6 +9006,7 @@ function QuestDetailsPanel({
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a2;
       (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -8897,18 +9015,21 @@ function QuestDetailsPanel({
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8920,6 +9041,10 @@ function QuestDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     if (!currentRawTitle.trim() || currentTypes.length === 0) {
       alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
       return;
@@ -8949,6 +9074,7 @@ function QuestDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9006,7 +9132,7 @@ function QuestDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React17.createElement(
+    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement(FiTarget2, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ React17.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ React17.createElement(FiCheck11, { size: 12 }) : /* @__PURE__ */ React17.createElement(FiLink6, { size: 12 }))), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ React17.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ React17.createElement(
       "input",
       {
         type: "text",
@@ -9180,9 +9306,12 @@ function RelationshipDetailsPanel({
   const [description, setDescription] = useState20((link == null ? void 0 : link.description) ?? "");
   const [customProps, setCustomProps] = useState20(() => extractCustomPropsFromNode(link || {}));
   const [existingSections, setExistingSections] = useState20((link == null ? void 0 : link.description_sections) || []);
+  const [sourceLabel, setSourceLabel] = useState20((link == null ? void 0 : link.source_label) ?? "");
+  const [targetLabel, setTargetLabel] = useState20((link == null ? void 0 : link.target_label) ?? "");
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState20(false);
   const [isSaving, setIsSaving] = useState20(false);
   const [isReadMode, setIsReadMode] = useState20(false);
+  const [hasUnsavedChanges, setHasUnsavedChanges] = useState20(false);
   const propsEndRef = useRef16(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
@@ -9193,12 +9322,16 @@ function RelationshipDetailsPanel({
     setDescription((link == null ? void 0 : link.description) ?? "");
     setExistingSections((link == null ? void 0 : link.description_sections) || []);
     setCustomProps(extractCustomPropsFromNode(link || {}));
+    setSourceLabel((link == null ? void 0 : link.source_label) ?? "");
+    setTargetLabel((link == null ? void 0 : link.target_label) ?? "");
+    setHasUnsavedChanges(false);
   }, [link]);
   const swallow = (e) => e.stopPropagation();
   const handleAddProp = () => {
     if (!canEdit) return;
     const newProp = createNewCustomProperty(customProps);
     setCustomProps((p) => [...p, newProp]);
+    setHasUnsavedChanges(true);
     setTimeout(() => {
       var _a;
       (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
@@ -9210,6 +9343,12 @@ function RelationshipDetailsPanel({
     const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
     const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
     const currentName = overrides.name !== void 0 ? overrides.name : name;
+    const currentSourceLabel = overrides.sourceLabel !== void 0 ? overrides.sourceLabel : sourceLabel;
+    const currentTargetLabel = overrides.targetLabel !== void 0 ? overrides.targetLabel : targetLabel;
+    if (!keepOpen && !hasUnsavedChanges) {
+      onClose();
+      return;
+    }
     setIsSaving(true);
     try {
       const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
@@ -9225,8 +9364,11 @@ function RelationshipDetailsPanel({
         isCurved: link.isCurved,
         curveOffset: link.curveOffset
       };
+      if (currentSourceLabel.trim()) dataToSave.source_label = currentSourceLabel.trim();
+      if (currentTargetLabel.trim()) dataToSave.target_label = currentTargetLabel.trim();
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9240,18 +9382,21 @@ function RelationshipDetailsPanel({
   const handleSaveDescriptionInline = (newDescription) => {
     if (!canEdit) return;
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate((prev) => ({ ...prev, description: newDescription }));
     triggerAutoSave({ description: newDescription });
   };
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     triggerAutoSave({ customProps: newProps });
   };
   const handleUpdateProp = (index, updatedProp) => {
     const newProps = [...customProps];
     newProps[index] = updatedProp;
     setCustomProps(newProps);
+    setHasUnsavedChanges(true);
     if (!updatedProp.isEditing) {
       triggerAutoSave({ customProps: newProps });
     }
@@ -9299,19 +9444,52 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React19.createElement(
+    ) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React19.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React19.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React19.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React19.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
         value: name,
-        onChange: (e) => setName(e.target.value),
+        onChange: (e) => {
+          setName(e.target.value);
+          setHasUnsavedChanges(true);
+        },
         placeholder: "Ex: Controla, Pertence a, Fornece...",
         disabled: !canEdit,
         className: `w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60
                                         ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                     `
       }
-    )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React19.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React19.createElement(
+    )), /* @__PURE__ */ React19.createElement("div", { className: "rounded-xl border border-white/8 bg-slate-800/30 p-3 space-y-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-violet-400 flex-shrink-0" }, /* @__PURE__ */ React19.createElement("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), /* @__PURE__ */ React19.createElement("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })), /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-medium text-violet-300/80 uppercase tracking-wider" }, "Labels de Agrupamento")), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-slate-400 leading-relaxed" }, "Labels agrupam conex\xF5es no menu de Conex\xF5es. Cada lado da conex\xE3o pode ter sua pr\xF3pria label."), /* @__PURE__ */ React19.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19.createElement("label", { className: "text-[11px] text-slate-400" }, "Label do Source"), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        value: sourceLabel,
+        onChange: (e) => {
+          setSourceLabel(e.target.value);
+          setHasUnsavedChanges(true);
+        },
+        placeholder: "Ex: Conceitos",
+        disabled: !canEdit,
+        className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
+                                                ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
+                                            `
+      }
+    )), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React19.createElement("label", { className: "text-[11px] text-slate-400" }, "Label do Target"), /* @__PURE__ */ React19.createElement(
+      "input",
+      {
+        type: "text",
+        value: targetLabel,
+        onChange: (e) => {
+          setTargetLabel(e.target.value);
+          setHasUnsavedChanges(true);
+        },
+        placeholder: "Ex: Refer\xEAncias",
+        disabled: !canEdit,
+        className: `w-full bg-slate-900/60 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-violet-400/60 placeholder:text-slate-600
+                                                ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
+                                            `
+      }
+    )))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React19.createElement("div", { className: "relative group min-h-[60px] bg-slate-800/40 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React19.createElement(
       DescriptionDisplay,
       {
         description,
@@ -9381,6 +9559,7 @@ function RelationshipDetailsPanel({
       onSave: (newDescription) => {
         if (!canEdit) return;
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -9828,7 +10007,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React23.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React23.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React23.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React23.createElement("button", { onClick: onClose, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React23.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React23.createElement(
+      ) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React23.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React23.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React23.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React23.createElement("button", { onClick: onClose, className: "w-9 h-9 flex-shrink-0 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React23.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React23.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React23.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React23.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
@@ -9890,7 +10069,6 @@ var GroupItem = ({
   onPlayAncestry,
   availableIds,
   canEdit
-  // [NOVO] Recebe permissão de edição
 }) => {
   const canIndent = index > 0;
   const isPickingForThisGroup = pickingGroupId === group.id;
@@ -9905,107 +10083,126 @@ var GroupItem = ({
   useEffect21(() => {
     adjustHeight();
   }, [group.text]);
-  return /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React24.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React24.createElement("div", { className: `
+  return /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React24.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React24.createElement(
+    "div",
+    {
+      className: `
                 flex flex-col gap-2 py-2 px-3 transition-all duration-200
                 ${isPickingForThisGroup ? "bg-indigo-500/10 border-l-2 border-indigo-500" : "hover:bg-white/5 border-l-2 border-transparent hover:border-white/20"}
-            ` }, /* @__PURE__ */ React24.createElement(
-    "textarea",
-    {
-      ref: textareaRef,
-      className: `w-full bg-transparent text-sm text-slate-200 placeholder-slate-600 resize-none focus:outline-none focus:placeholder-slate-500 overflow-y-auto ${!canEdit ? "cursor-default" : ""}`,
-      rows: 1,
-      style: {
-        minHeight: "1.5rem",
-        maxHeight: "250px"
-      },
-      placeholder: canEdit ? "Escreva sobre este grupo..." : "",
-      value: group.text,
-      readOnly: !canEdit,
-      onChange: (e) => {
-        if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
-      }
-    }
-  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
-    const isValid = availableIds.has(String(anc.ancestry_id));
-    return /* @__PURE__ */ React24.createElement(
-      "div",
+            `
+    },
+    /* @__PURE__ */ React24.createElement(
+      "textarea",
       {
-        key: anc.ancestry_id,
-        className: `
+        ref: textareaRef,
+        className: `w-full bg-transparent text-sm text-slate-200 placeholder-slate-600 resize-none focus:outline-none focus:placeholder-slate-500 overflow-y-auto ${!canEdit ? "cursor-default" : ""}`,
+        rows: 1,
+        style: {
+          minHeight: "1.5rem",
+          maxHeight: "250px"
+        },
+        placeholder: canEdit ? "Escreva sobre este grupo..." : "",
+        value: group.text,
+        readOnly: !canEdit,
+        onChange: (e) => {
+          if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
+        }
+      }
+    ),
+    group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
+      const isValid = availableIds.has(String(anc.ancestry_id));
+      return /* @__PURE__ */ React24.createElement(
+        "div",
+        {
+          key: anc.ancestry_id,
+          className: `
                                         flex items-center gap-2 rounded-md px-3 py-1.5 text-xs transition-all group/card border
                                         ${isValid ? "bg-slate-800/60 border-white/10 hover:border-indigo-500/30 text-slate-200" : "bg-red-900/10 border-red-500/30 text-red-300/70 hover:bg-red-900/20"}
                                     `,
-        title: isValid ? "" : "Esta ancestralidade foi removida ou n\xE3o existe mais."
-      },
-      isValid ? (
-        // [MANTIDO] Botão Play visível para todos
+          title: isValid ? "" : "Esta ancestralidade foi removida ou n\xE3o existe mais."
+        },
+        isValid ? (
+          // [MANTIDO] Botão Play visível para todos
+          /* @__PURE__ */ React24.createElement(
+            "button",
+            {
+              onClick: () => onPlayAncestry(anc.ancestry_id),
+              className: "text-indigo-400 hover:text-white hover:bg-indigo-500 p-1 rounded-full transition-colors",
+              title: "Renderizar no cen\xE1rio"
+            },
+            /* @__PURE__ */ React24.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
+          )
+        ) : /* @__PURE__ */ React24.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React24.createElement(FiAlertTriangle, { size: 10 })),
         /* @__PURE__ */ React24.createElement(
+          "span",
+          {
+            className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}`
+          },
+          anc.name
+        ),
+        canEdit && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
+          "div",
+          {
+            className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}`
+          }
+        ), /* @__PURE__ */ React24.createElement(
           "button",
           {
-            onClick: () => onPlayAncestry(anc.ancestry_id),
-            className: "text-indigo-400 hover:text-white hover:bg-indigo-500 p-1 rounded-full transition-colors",
-            title: "Renderizar no cen\xE1rio"
+            onClick: () => onRemoveAncestry(group.id, anc.ancestry_id),
+            className: `${isValid ? "text-slate-500 hover:text-red-400" : "text-red-400 hover:text-red-200"} p-0.5 rounded transition-colors`,
+            title: "Remover men\xE7\xE3o"
           },
-          /* @__PURE__ */ React24.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
-        )
-      ) : /* @__PURE__ */ React24.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React24.createElement(FiAlertTriangle, { size: 10 })),
-      /* @__PURE__ */ React24.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
-      canEdit && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ React24.createElement(
-        "button",
-        {
-          onClick: () => onRemoveAncestry(group.id, anc.ancestry_id),
-          className: `${isValid ? "text-slate-500 hover:text-red-400" : "text-red-400 hover:text-red-200"} p-0.5 rounded transition-colors`,
-          title: "Remover men\xE7\xE3o"
-        },
-        /* @__PURE__ */ React24.createElement(FiX7, { size: 12 })
-      ))
-    );
-  })), canEdit && /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React24.createElement(
-    "button",
-    {
-      onClick: () => onRequestPickAncestry(group.id),
-      className: `
+          /* @__PURE__ */ React24.createElement(FiX7, { size: 12 })
+        ))
+      );
+    })),
+    canEdit && /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React24.createElement(
+      "button",
+      {
+        onClick: () => onRequestPickAncestry(group.id),
+        className: `
                                     flex items-center gap-1.5 px-2 py-1 rounded text-xs font-medium transition-colors
                                     ${isPickingForThisGroup ? "text-indigo-300 animate-pulse" : "text-slate-500 hover:text-indigo-300 hover:bg-indigo-500/10"}
                                 `,
-      title: "Adicionar Ancestralidade a este grupo"
-    },
-    isPickingForThisGroup ? /* @__PURE__ */ React24.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React24.createElement(FiSearch4, { size: 12 }),
-    isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-  ), /* @__PURE__ */ React24.createElement(
-    "button",
-    {
-      onClick: () => onAddSubgroup(group.id),
-      className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
-      title: "Criar Subgrupo"
-    },
-    /* @__PURE__ */ React24.createElement(FiPlus9, { size: 14 })
-  )), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React24.createElement(
-    "button",
-    {
-      onClick: () => onIndent(group.id),
-      disabled: !canIndent,
-      className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
-      title: "Aninhar no grupo acima"
-    },
-    /* @__PURE__ */ React24.createElement(FiArrowRight, { size: 14 })
-  ), /* @__PURE__ */ React24.createElement(
-    "button",
-    {
-      onClick: () => onOutdent(group.id),
-      className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
-      title: "Desaninhar"
-    },
-    /* @__PURE__ */ React24.createElement(FiArrowLeft3, { size: 14 })
-  ), /* @__PURE__ */ React24.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React24.createElement(
-    "button",
-    {
-      onClick: () => onDelete(group.id),
-      className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
-      title: "Remover Grupo"
-    },
-    /* @__PURE__ */ React24.createElement(FiTrash23, { size: 14 })
-  )))), group.children && group.children.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React24.createElement(
+        title: "Adicionar Ancestralidade a este grupo"
+      },
+      isPickingForThisGroup ? /* @__PURE__ */ React24.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React24.createElement(FiSearch4, { size: 12 }),
+      isPickingForThisGroup ? "Selecionando..." : "Adicionar"
+    ), /* @__PURE__ */ React24.createElement(
+      "button",
+      {
+        onClick: () => onAddSubgroup(group.id),
+        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
+        title: "Criar Subgrupo"
+      },
+      /* @__PURE__ */ React24.createElement(FiPlus9, { size: 14 })
+    )), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React24.createElement(
+      "button",
+      {
+        onClick: () => onIndent(group.id),
+        disabled: !canIndent,
+        className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
+        title: "Aninhar no grupo acima"
+      },
+      /* @__PURE__ */ React24.createElement(FiArrowRight, { size: 14 })
+    ), /* @__PURE__ */ React24.createElement(
+      "button",
+      {
+        onClick: () => onOutdent(group.id),
+        className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
+        title: "Desaninhar"
+      },
+      /* @__PURE__ */ React24.createElement(FiArrowLeft3, { size: 14 })
+    ), /* @__PURE__ */ React24.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React24.createElement(
+      "button",
+      {
+        onClick: () => onDelete(group.id),
+        className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
+        title: "Remover Grupo"
+      },
+      /* @__PURE__ */ React24.createElement(FiTrash23, { size: 14 })
+    )))
+  ), group.children && group.children.length > 0 && /* @__PURE__ */ React24.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React24.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -10214,7 +10411,9 @@ function AncestryBoard({
         const addRecursive = (list) => {
           return list.map((g) => {
             if (g.id === pickingGroupId) {
-              const exists = g.ancestries.some((a) => a.ancestry_id === ancestry.ancestry_id);
+              const exists = g.ancestries.some(
+                (a) => a.ancestry_id === ancestry.ancestry_id
+              );
               if (exists) return g;
               return { ...g, ancestries: [...g.ancestries, ancestry] };
             }
@@ -10225,12 +10424,16 @@ function AncestryBoard({
       });
       setPickingGroupId(null);
     } else {
-      const fullAncestry = availableAncestries.find((a) => a.ancestry_id === ancestry.ancestry_id) || ancestry;
+      const fullAncestry = availableAncestries.find(
+        (a) => a.ancestry_id === ancestry.ancestry_id
+      ) || ancestry;
       onSelect(fullAncestry);
     }
   };
   const handlePlayFromGroup = (ancestryId) => {
-    const fullAncestry = availableAncestries.find((a) => a.ancestry_id === ancestryId);
+    const fullAncestry = availableAncestries.find(
+      (a) => a.ancestry_id === ancestryId
+    );
     if (fullAncestry && onSelect) {
       onSelect(fullAncestry);
     }
@@ -10240,7 +10443,12 @@ function AncestryBoard({
       const removeRecursive = (list) => {
         return list.map((g) => {
           if (g.id === groupId) {
-            return { ...g, ancestries: g.ancestries.filter((a) => a.ancestry_id !== ancestryId) };
+            return {
+              ...g,
+              ancestries: g.ancestries.filter(
+                (a) => a.ancestry_id !== ancestryId
+              )
+            };
           }
           return { ...g, children: removeRecursive(g.children) };
         });
@@ -10261,7 +10469,13 @@ function AncestryBoard({
         className: "bg-slate-950 border border-white/10 rounded-xl w-[98vw] h-[97vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ React24.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React24.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React24.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React24.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(FiLoader5, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React24.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React24.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React24.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React24.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React24.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(
+        FiLoader5,
+        {
+          className: "animate-spin text-indigo-400",
+          size: 12
+        }
+      ), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React24.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React24.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React24.createElement(
         "button",
         {
           onClick: handleAddRootGroup,
@@ -10277,57 +10491,75 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ React24.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React24.createElement("div", { className: `
+      /* @__PURE__ */ React24.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React24.createElement(
+        "div",
+        {
+          className: `
                         flex flex-col border-r border-white/10 transition-all duration-300 flex-none
                         ${pickingGroupId ? "w-[25%] border-indigo-500/30" : "w-[20%]"}
                         min-w-[280px] max-w-[500px] bg-slate-900
-                    ` }, /* @__PURE__ */ React24.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React24.createElement("div", { className: "relative group" }, /* @__PURE__ */ React24.createElement(FiSearch4, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ React24.createElement(
-        "input",
-        {
-          type: "text",
-          placeholder: pickingGroupId ? "Pesquise para adicionar..." : "Pesquisar ancestralidade...",
-          className: `
+                    `
+        },
+        /* @__PURE__ */ React24.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React24.createElement("div", { className: "relative group" }, /* @__PURE__ */ React24.createElement(
+          FiSearch4,
+          {
+            className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}`
+          }
+        ), /* @__PURE__ */ React24.createElement(
+          "input",
+          {
+            type: "text",
+            placeholder: pickingGroupId ? "Pesquise para adicionar..." : "Pesquisar ancestralidade...",
+            className: `
                                         w-full rounded-md pl-9 pr-4 py-2 text-sm transition-all focus:outline-none focus:ring-1 focus:ring-indigo-500 border
                                         ${pickingGroupId ? "bg-indigo-950/30 border-indigo-500/30 text-white placeholder-indigo-300/50" : "bg-slate-950 border-white/10 text-slate-200 placeholder-slate-600"}
                                     `,
-          value: searchTerm,
-          onChange: (e) => setSearchTerm(e.target.value),
-          autoFocus: !pickingGroupId
-        }
-      ))), /* @__PURE__ */ React24.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
-        const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
-        const isPicking = !!pickingGroupId;
-        return /* @__PURE__ */ React24.createElement(
-          "div",
-          {
-            key: anc.ancestry_id,
-            onClick: () => {
-              if (isPicking) handleSelectAncestry(anc);
-            },
-            className: `
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            autoFocus: !pickingGroupId
+          }
+        ))),
+        /* @__PURE__ */ React24.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
+          const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
+          const isPicking = !!pickingGroupId;
+          return /* @__PURE__ */ React24.createElement(
+            "div",
+            {
+              key: anc.ancestry_id,
+              onClick: () => {
+                if (isPicking) handleSelectAncestry(anc);
+              },
+              className: `
                                         group relative flex items-start gap-3 p-3 text-left rounded-lg border transition-all duration-200
                                         ${isPicking ? "border-indigo-500/30 bg-indigo-500/5 hover:bg-indigo-500/20 hover:border-indigo-400 cursor-pointer" : "border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default"}
                                     `
-          },
-          /* @__PURE__ */ React24.createElement("div", { className: `
+            },
+            /* @__PURE__ */ React24.createElement(
+              "div",
+              {
+                className: `
                                         mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border transition-all shadow-lg
                                         ${isPicking ? "bg-indigo-500 text-white border-indigo-400" : "bg-slate-800 text-indigo-400 border-white/5 group-hover:bg-indigo-500 group-hover:text-white"}
-                                    ` }, isPicking ? /* @__PURE__ */ React24.createElement(FiPlus9, { size: 16 }) : /* @__PURE__ */ React24.createElement(FiLayers6, { size: 14 })),
-          /* @__PURE__ */ React24.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React24.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ React24.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React24.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React24.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React24.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
-          !isPicking && /* @__PURE__ */ React24.createElement(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                handleSelectAncestry(anc);
+                                    `
               },
-              className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
-              title: "Renderizar Ancestralidade"
-            },
-            /* @__PURE__ */ React24.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React24.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
-          )
-        );
-      }))), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React24.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React24.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React24.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React24.createElement(React24.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React24.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React24.createElement(React24.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React24.createElement(
+              isPicking ? /* @__PURE__ */ React24.createElement(FiPlus9, { size: 16 }) : /* @__PURE__ */ React24.createElement(FiLayers6, { size: 14 })
+            ),
+            /* @__PURE__ */ React24.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React24.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React24.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ React24.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ React24.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ React24.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React24.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React24.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
+            !isPicking && /* @__PURE__ */ React24.createElement(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleSelectAncestry(anc);
+                },
+                className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
+                title: "Renderizar Ancestralidade"
+              },
+              /* @__PURE__ */ React24.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React24.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
+            )
+          );
+        }))
+      ), /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React24.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ React24.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React24.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React24.createElement(React24.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React24.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React24.createElement(React24.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React24.createElement(
         GroupItem,
         {
           key: group.id,
@@ -10406,7 +10638,10 @@ var findNodePath3 = (tree, targetNodeId, currentPath = []) => {
   }
   if (tree.children) {
     for (let i = 0; i < tree.children.length; i++) {
-      const res = findNodePath3(tree.children[i], targetNodeId, [...currentPath, i]);
+      const res = findNodePath3(tree.children[i], targetNodeId, [
+        ...currentPath,
+        i
+      ]);
       if (res) return res;
     }
   }
@@ -10499,29 +10734,73 @@ function XViewScene({
   const [userPermissionRole, setUserPermissionRole] = useState25(null);
   const [isInitialized, setIsInitialized] = useState25(false);
   const [sceneVersion, setSceneVersion] = useState25(0);
-  const [contextMenu, setContextMenu] = useState25({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = useState25({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = useState25({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = useState25({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = useState25({ isActive: false, sourceNodeData: null });
+  const [contextMenu, setContextMenu] = useState25({
+    visible: false,
+    x: 0,
+    y: 0,
+    nodeData: null
+  });
+  const [multiContextMenu, setMultiContextMenu] = useState25({
+    visible: false,
+    x: 0,
+    y: 0,
+    nodeIds: null
+  });
+  const [relationshipMenu, setRelationshipMenu] = useState25({
+    visible: false,
+    x: 0,
+    y: 0,
+    linkObject: null
+  });
+  const [creationMode, setCreationMode] = useState25({
+    isActive: false,
+    sourceNodeData: null
+  });
+  const [versionMode, setVersionMode] = useState25({
+    isActive: false,
+    sourceNodeData: null
+  });
   const [questMode, setQuestMode] = useState25({ isActive: false });
   const [hasFocusedInitial, setHasFocusedInitial] = useState25(false);
   const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState25(false);
-  const [ancestryMode, setAncestryMode] = useState25({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+  const [ancestryMode, setAncestryMode] = useState25({
+    isActive: false,
+    tree: null,
+    selectedParentId: null,
+    isEditMode: false,
+    currentAncestryId: null,
+    ancestryName: "",
+    ancestryDescription: "",
+    ancestryDescriptionSections: [],
+    isAddingNodes: false
+  });
   const [readingMode, setReadingMode] = useState25({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState25({ left: 16, top: 16, opacity: 0 });
+  const [formPosition, setFormPosition] = useState25({
+    left: 16,
+    top: 16,
+    opacity: 0
+  });
   const [detailsNode, setDetailsNode] = useState25(null);
   const [detailsLink, setDetailsLink] = useState25(null);
   const [ancestryLinkDetails, setAncestryLinkDetails] = useState25(null);
-  const [imageViewer, setImageViewer] = useState25({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = useState25({ visible: false, data: null, path: null });
+  const [imageViewer, setImageViewer] = useState25({
+    visible: false,
+    images: [],
+    startIndex: 0
+  });
+  const [editingAncestryRel, setEditingAncestryRel] = useState25({
+    visible: false,
+    data: null,
+    path: null
+  });
   const [isImportModalOpen, setIsImportModalOpen] = useState25(false);
   const [importSuccessMessage, setImportSuccessMessage] = useState25("");
+  const [invalidTargetError, setInvalidTargetError] = useState25(null);
   const [highlightedNodeId, setHighlightedNodeId] = useState25(null);
   const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState25(false);
   const [ancestryBoardData, setAncestryBoardData] = useState25([]);
@@ -10559,8 +10838,23 @@ function XViewScene({
     ghostElements: { node: null, line: null, aura: null },
     creation: { isActive: false, sourceNodeData: null },
     connection: { isActive: false, sourceNodeData: null, line: null },
-    relink: { isActive: false, end: null, fixedNodeId: null, originalLine: null, line: null },
-    ancestry: { isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", isAddingNodes: false },
+    relink: {
+      isActive: false,
+      end: null,
+      fixedNodeId: null,
+      originalLine: null,
+      line: null
+    },
+    ancestry: {
+      isActive: false,
+      tree: null,
+      selectedParentId: null,
+      isEditMode: false,
+      currentAncestryId: null,
+      ancestryName: "",
+      ancestryDescription: "",
+      isAddingNodes: false
+    },
     glowTexture: null,
     nodeIdToParentFileMap: null,
     maxAncestryRenderIndex: 0,
@@ -10569,7 +10863,11 @@ function XViewScene({
     highlightedNodeId: null
   });
   const maxReadPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
-  const { width: readModeWidth, isResizing: isReadModeResizing, handlePointerDown: handleReadModeResize } = useResizablePanel({
+  const {
+    width: readModeWidth,
+    isResizing: isReadModeResizing,
+    handlePointerDown: handleReadModeResize
+  } = useResizablePanel({
     initialWidth: 700,
     minWidth: 320,
     maxWidth: maxReadPanelW
@@ -10586,7 +10884,9 @@ function XViewScene({
     for (const parentFileId in allParentData) {
       if (allParentData.hasOwnProperty(parentFileId)) {
         const parentFile = allParentData[parentFileId];
-        const parentDbInfo = parentDbsArray.find((db) => String(db.db_id) === String(parentFileId));
+        const parentDbInfo = parentDbsArray.find(
+          (db) => String(db.db_id) === String(parentFileId)
+        );
         const ownerId2 = (parentDbInfo == null ? void 0 : parentDbInfo.owner_id) || null;
         const datasetName = parentFile.dataset_name || `Dataset #${parentFileId.substring(0, 6)}`;
         if (parentFile.nodes && ownerId2) {
@@ -10622,7 +10922,10 @@ function XViewScene({
       if (files.length > 0 && get_single_parent_file && save_view_data) {
         for (const file of files) {
           try {
-            const parentFileData = await get_single_parent_file(file.id, session);
+            const parentFileData = await get_single_parent_file(
+              file.id,
+              session
+            );
             if (parentFileData.success && parentFileData.data) {
               parentDataRef.current = {
                 ...parentDataRef.current,
@@ -10633,7 +10936,11 @@ function XViewScene({
                 owner_id: session.user.id
               };
               updatedParentDbs.push(newParentDbObject);
-              await add_new_parent_file_to_scene_at_firebase_action(sceneConfigId, session, file.id);
+              await add_new_parent_file_to_scene_at_firebase_action(
+                sceneConfigId,
+                session,
+                file.id
+              );
               importedIds.push(file.id);
               successCount++;
             }
@@ -10645,7 +10952,10 @@ function XViewScene({
       if (viewToImport && get_ancestry_file) {
         try {
           const targetViewOwnerId = ((_b2 = (_a2 = viewToImport.members) == null ? void 0 : _a2.find((m) => m.permission === "owner")) == null ? void 0 : _b2.id) || session.user.id;
-          const ancestryResponse = await get_ancestry_file(viewToImport.id, targetViewOwnerId);
+          const ancestryResponse = await get_ancestry_file(
+            viewToImport.id,
+            targetViewOwnerId
+          );
           if (ancestryResponse.success && Array.isArray(ancestryResponse.data)) {
             const viewSpecificAncestries = ancestryResponse.data.filter(
               (anc) => anc._source_file_id === viewToImport.id && !anc.is_private
@@ -10656,14 +10966,21 @@ function XViewScene({
               _imported_from_view_owner_id: targetViewOwnerId,
               _source_file_id: viewToImport.id,
               _source_owner_id: targetViewOwnerId,
-              _origin_db_ids: (viewToImport.selected_databases || []).map((db) => db.db_id)
+              _origin_db_ids: (viewToImport.selected_databases || []).map(
+                (db) => db.db_id
+              )
             }));
             const currentAncestries = ancestryDataRef.current || [];
             const newAncestries = processedAncestries.filter(
-              (newAnc) => !currentAncestries.some((curr) => String(curr.ancestry_id) === String(newAnc.ancestry_id))
+              (newAnc) => !currentAncestries.some(
+                (curr) => String(curr.ancestry_id) === String(newAnc.ancestry_id)
+              )
             );
             if (newAncestries.length > 0) {
-              ancestryDataRef.current = [...currentAncestries, ...newAncestries];
+              ancestryDataRef.current = [
+                ...currentAncestries,
+                ...newAncestries
+              ];
               ancestriesWereImported = true;
             }
           }
@@ -10683,7 +11000,9 @@ function XViewScene({
         if (ancestry_save_url) {
           await save_view_data(ancestry_save_url, ancestryDataRef.current);
         } else {
-          console.error("Erro: URL de salvamento de ancestralidade n\xE3o definida.");
+          console.error(
+            "Erro: URL de salvamento de ancestralidade n\xE3o definida."
+          );
         }
       }
       setSceneVersion((v) => v + 1);
@@ -10691,114 +11010,137 @@ function XViewScene({
         setImportSuccessMessage("Importa\xE7\xE3o conclu\xEDda com sucesso.");
         setTimeout(() => setImportSuccessMessage(""), 5e3);
       } else if (viewToImport && !ancestriesWereImported) {
-        console.warn("Importa\xE7\xE3o finalizada, mas nenhum dado novo foi adicionado.");
+        console.warn(
+          "Importa\xE7\xE3o finalizada, mas nenhum dado novo foi adicionado."
+        );
       }
     },
-    [get_single_parent_file, get_ancestry_file, save_view_data, session, sceneSaveUrl, ancestry_save_url, sceneConfigId, add_new_parent_file_to_scene_at_firebase_action]
+    [
+      get_single_parent_file,
+      get_ancestry_file,
+      save_view_data,
+      session,
+      sceneSaveUrl,
+      ancestry_save_url,
+      sceneConfigId,
+      add_new_parent_file_to_scene_at_firebase_action
+    ]
   );
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = useCallback4((target, zoomFactor = 1, forcedDirection = null) => {
-    const { camera, controls, tweenGroup } = stateRef.current;
-    if (!camera || !controls || !tweenGroup) return;
-    const targetPos = target instanceof THREE3.Mesh ? target.getWorldPosition(new THREE3.Vector3()) : target;
-    const controlsTween = new Tween2(controls.target).to(targetPos, 1500).easing(Easing2.Cubic.Out);
-    tweenGroup.add(controlsTween);
-    controlsTween.start();
-    let offset;
-    if (forcedDirection) {
-      offset = forcedDirection.clone().normalize().multiplyScalar(x_view_config.CAMERA_ZOOM_DISTANCE / zoomFactor);
-    } else {
-      offset = camera.position.clone().sub(controls.target).normalize().multiplyScalar(x_view_config.CAMERA_ZOOM_DISTANCE / zoomFactor);
-    }
-    const targetCameraPos = targetPos.clone().add(offset);
-    const cameraTween = new Tween2(camera.position).to(targetCameraPos, 1500).easing(Easing2.Cubic.Out);
-    tweenGroup.add(cameraTween);
-    cameraTween.start();
-  }, []);
+  const tweenToTarget = useCallback4(
+    (target, zoomFactor = 1, forcedDirection = null) => {
+      const { camera, controls, tweenGroup } = stateRef.current;
+      if (!camera || !controls || !tweenGroup) return;
+      const targetPos = target instanceof THREE3.Mesh ? target.getWorldPosition(new THREE3.Vector3()) : target;
+      const controlsTween = new Tween2(controls.target).to(targetPos, 1500).easing(Easing2.Cubic.Out);
+      tweenGroup.add(controlsTween);
+      controlsTween.start();
+      let offset;
+      if (forcedDirection) {
+        offset = forcedDirection.clone().normalize().multiplyScalar(x_view_config.CAMERA_ZOOM_DISTANCE / zoomFactor);
+      } else {
+        offset = camera.position.clone().sub(controls.target).normalize().multiplyScalar(x_view_config.CAMERA_ZOOM_DISTANCE / zoomFactor);
+      }
+      const targetCameraPos = targetPos.clone().add(offset);
+      const cameraTween = new Tween2(camera.position).to(targetCameraPos, 1500).easing(Easing2.Cubic.Out);
+      tweenGroup.add(cameraTween);
+      cameraTween.start();
+    },
+    []
+  );
   const isFromUiOverlay = (event) => {
     const t = event == null ? void 0 : event.target;
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = useCallback4((idTree, nodes, ancestries = []) => {
-    if (!idTree) return null;
-    const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
-    const ancestryMap = new Map(ancestries.map((a) => [String(a.ancestry_id), a]));
-    const recursiveBuild = (treeItem) => {
-      if (!treeItem) return null;
-      if (treeItem.is_section) {
-        return {
-          ...treeItem,
-          children: (treeItem.children || []).map(recursiveBuild).filter(Boolean)
-        };
-      }
-      let nodeId = treeItem.node_id;
-      if (!nodeId && treeItem.node) nodeId = treeItem.node.id;
-      const fullNode = nodeMap.get(String(nodeId));
-      const effectiveNode = fullNode || treeItem.node;
-      let processedBranches = [];
-      if (treeItem.parallel_branches && Array.isArray(treeItem.parallel_branches)) {
-        processedBranches = treeItem.parallel_branches.map((branch) => {
-          if (branch.linked_ancestry_id) {
-            const linkedAncestry = ancestryMap.get(String(branch.linked_ancestry_id));
-            if (linkedAncestry && linkedAncestry.tree) {
-              const graftedTree = recursiveBuild(linkedAncestry.tree);
-              return {
-                ...branch,
-                name: linkedAncestry.name,
-                description: linkedAncestry.description,
-                description_sections: linkedAncestry.description_sections,
-                tree: graftedTree,
-                isLinked: true
-              };
-            }
-          }
+  const buildFullAncestryTree = useCallback4(
+    (idTree, nodes, ancestries = []) => {
+      if (!idTree) return null;
+      const nodeMap = new Map(nodes.map((n) => [String(n.id), n]));
+      const ancestryMap = new Map(
+        ancestries.map((a) => [String(a.ancestry_id), a])
+      );
+      const recursiveBuild = (treeItem) => {
+        if (!treeItem) return null;
+        if (treeItem.is_section) {
           return {
-            ...branch,
-            tree: recursiveBuild(branch.tree)
+            ...treeItem,
+            children: (treeItem.children || []).map(recursiveBuild).filter(Boolean)
           };
-        });
-      }
-      return {
-        ...effectiveNode ? { node: effectiveNode } : { node: { id: nodeId, name: "Unknown" } },
-        relationship: treeItem.relationship || {},
-        children: (treeItem.children || []).map(recursiveBuild).filter(Boolean),
-        parallel_branches: processedBranches
-      };
-    };
-    let rootId = idTree.node_id;
-    if (!rootId && idTree.node) rootId = idTree.node.id;
-    if (rootId) {
-      const rootNode = nodeMap.get(String(rootId));
-      const effectiveRoot = rootNode || idTree.node;
-      if (!effectiveRoot) return null;
-      return {
-        node: effectiveRoot,
-        relationship: idTree.relationship || {},
-        children: (idTree.children || []).map(recursiveBuild).filter(Boolean),
-        parallel_branches: (idTree.parallel_branches || []).map((branch) => {
-          if (branch.linked_ancestry_id) {
-            const linkedAncestry = ancestryMap.get(String(branch.linked_ancestry_id));
-            if (linkedAncestry && linkedAncestry.tree) {
-              return {
-                ...branch,
-                name: linkedAncestry.name,
-                description: linkedAncestry.description,
-                description_sections: linkedAncestry.description_sections,
-                tree: recursiveBuild(linkedAncestry.tree),
-                isLinked: true
-              };
+        }
+        let nodeId = treeItem.node_id;
+        if (!nodeId && treeItem.node) nodeId = treeItem.node.id;
+        const fullNode = nodeMap.get(String(nodeId));
+        const effectiveNode = fullNode || treeItem.node;
+        let processedBranches = [];
+        if (treeItem.parallel_branches && Array.isArray(treeItem.parallel_branches)) {
+          processedBranches = treeItem.parallel_branches.map((branch) => {
+            if (branch.linked_ancestry_id) {
+              const linkedAncestry = ancestryMap.get(
+                String(branch.linked_ancestry_id)
+              );
+              if (linkedAncestry && linkedAncestry.tree) {
+                const graftedTree = recursiveBuild(linkedAncestry.tree);
+                return {
+                  ...branch,
+                  name: linkedAncestry.name,
+                  description: linkedAncestry.description,
+                  description_sections: linkedAncestry.description_sections,
+                  tree: graftedTree,
+                  isLinked: true
+                };
+              }
             }
-          }
-          return { ...branch, tree: recursiveBuild(branch.tree) };
-        })
+            return {
+              ...branch,
+              tree: recursiveBuild(branch.tree)
+            };
+          });
+        }
+        return {
+          ...effectiveNode ? { node: effectiveNode } : { node: { id: nodeId, name: "Unknown" } },
+          relationship: treeItem.relationship || {},
+          children: (treeItem.children || []).map(recursiveBuild).filter(Boolean),
+          parallel_branches: processedBranches
+        };
       };
-    }
-    return recursiveBuild(idTree);
-  }, []);
-  const handleActivateTimeline = useCallback4(() => {
+      let rootId = idTree.node_id;
+      if (!rootId && idTree.node) rootId = idTree.node.id;
+      if (rootId) {
+        const rootNode = nodeMap.get(String(rootId));
+        const effectiveRoot = rootNode || idTree.node;
+        if (!effectiveRoot) return null;
+        return {
+          node: effectiveRoot,
+          relationship: idTree.relationship || {},
+          children: (idTree.children || []).map(recursiveBuild).filter(Boolean),
+          parallel_branches: (idTree.parallel_branches || []).map((branch) => {
+            if (branch.linked_ancestry_id) {
+              const linkedAncestry = ancestryMap.get(
+                String(branch.linked_ancestry_id)
+              );
+              if (linkedAncestry && linkedAncestry.tree) {
+                return {
+                  ...branch,
+                  name: linkedAncestry.name,
+                  description: linkedAncestry.description,
+                  description_sections: linkedAncestry.description_sections,
+                  tree: recursiveBuild(linkedAncestry.tree),
+                  isLinked: true
+                };
+              }
+            }
+            return { ...branch, tree: recursiveBuild(branch.tree) };
+          })
+        };
+      }
+      return recursiveBuild(idTree);
+    },
+    []
+  );
+  const handleActivateTimeline = useCallback4(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -10878,10 +11220,12 @@ function XViewScene({
     if (timelineNodes.length === 0) return;
     const sortedTimePoints = Array.from(allTimePoints).sort((a, b) => a - b);
     const maxTimeIndex = sortedTimePoints.length - 1;
-    const timeToYMap = new Map(sortedTimePoints.map((time, index) => [
-      time,
-      (index - maxTimeIndex) * TIMELINE_LAYER_SPACING_Y
-    ]));
+    const timeToYMap = new Map(
+      sortedTimePoints.map((time, index) => [
+        time,
+        (index - maxTimeIndex) * TIMELINE_LAYER_SPACING_Y
+      ])
+    );
     timelineNodes.sort((a, b) => {
       if (a.isUndated && b.isUndated) return 0;
       if (a.isUndated) return 1;
@@ -10924,7 +11268,12 @@ function XViewScene({
         if (type === "interval") {
           const endY = timeToYMap.get(endDate.getTime());
           if (endY > y) {
-            const barGeometry = new THREE3.CylinderGeometry(TIMELINE_INTERVAL_BAR_RADIUS, TIMELINE_INTERVAL_BAR_RADIUS, 1, 16);
+            const barGeometry = new THREE3.CylinderGeometry(
+              TIMELINE_INTERVAL_BAR_RADIUS,
+              TIMELINE_INTERVAL_BAR_RADIUS,
+              1,
+              16
+            );
             const barMaterial = new THREE3.MeshStandardMaterial({
               color: TIMELINE_GOLD_COLOR,
               emissive: 12092939,
@@ -10953,7 +11302,8 @@ function XViewScene({
   }, []);
   const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
-    if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0) return;
+    if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0)
+      return;
     versionMeshes.forEach((mesh) => {
       const oldLabel = mesh.getObjectByName("timelineLabel");
       if (oldLabel) {
@@ -10969,7 +11319,8 @@ function XViewScene({
       }
       if (mesh.userData.timelineEndLabel) {
         timelineIntervalsGroup.remove(mesh.userData.timelineEndLabel);
-        if (mesh.userData.timelineEndLabel.material.map) mesh.userData.timelineEndLabel.material.map.dispose();
+        if (mesh.userData.timelineEndLabel.material.map)
+          mesh.userData.timelineEndLabel.material.map.dispose();
         mesh.userData.timelineEndLabel.material.dispose();
         delete mesh.userData.timelineEndLabel;
       }
@@ -11029,8 +11380,15 @@ function XViewScene({
     });
     if (timelineNodes.length === 0) return;
     const sortedTimePoints = Array.from(allTimePoints).sort((a, b) => a - b);
-    const timeToYMap = new Map(sortedTimePoints.map((time, index) => [time, index * TIMELINE_LAYER_SPACING_Y]));
-    timelineNodes.sort((a, b) => a.startDate - b.startDate || a.endDate - b.endDate);
+    const timeToYMap = new Map(
+      sortedTimePoints.map((time, index) => [
+        time,
+        index * TIMELINE_LAYER_SPACING_Y
+      ])
+    );
+    timelineNodes.sort(
+      (a, b) => a.startDate - b.startDate || a.endDate - b.endDate
+    );
     const baseX = sourceMesh.position.x + TIMELINE_NODE_SPACING_X;
     const baseY = sourceMesh.position.y;
     const maxNodeIndex = timelineNodes.length - 1;
@@ -11048,7 +11406,12 @@ function XViewScene({
       if (type === "interval") {
         const relativeEndY = timeToYMap.get(endDate.getTime()) - timeToYMap.get(startDate.getTime());
         if (relativeEndY > 0) {
-          const barGeometry = new THREE3.CylinderGeometry(TIMELINE_INTERVAL_BAR_RADIUS, TIMELINE_INTERVAL_BAR_RADIUS, 1, 16);
+          const barGeometry = new THREE3.CylinderGeometry(
+            TIMELINE_INTERVAL_BAR_RADIUS,
+            TIMELINE_INTERVAL_BAR_RADIUS,
+            1,
+            16
+          );
           const barMaterial = new THREE3.MeshStandardMaterial({
             color: TIMELINE_GOLD_COLOR,
             emissive: 12092939,
@@ -11085,15 +11448,31 @@ function XViewScene({
       try {
         const typeStr = (viewParams == null ? void 0 : viewParams.type) || "";
         const sceneType = typeStr.toLowerCase().includes("database") ? "database" : "view";
-        const scenePromise = get_scene_view_data(configPath, ownerId2, typeStr, session, focusNodeId, focusAncestryId);
+        const scenePromise = get_scene_view_data(
+          configPath,
+          ownerId2,
+          typeStr,
+          session,
+          focusNodeId,
+          focusAncestryId
+        );
         const boardPromise = get_ancestry_board_action && session ? get_ancestry_board_action(configPath, sceneType, session, ownerId2) : Promise.resolve({ success: false, data: [] });
-        const [sceneResponse, boardResponse] = await Promise.all([scenePromise, boardPromise]);
+        const [sceneResponse, boardResponse] = await Promise.all([
+          scenePromise,
+          boardPromise
+        ]);
         if ((sceneResponse == null ? void 0 : sceneResponse.success) && ((_a2 = sceneResponse.data) == null ? void 0 : _a2.scene) && ((_b2 = sceneResponse.data) == null ? void 0 : _b2.parent)) {
           if (focusNodeId) {
-            let targetNode = sceneResponse.data.scene.nodes.find((n) => String(n.id) === String(focusNodeId));
+            let targetNode = sceneResponse.data.scene.nodes.find(
+              (n) => String(n.id) === String(focusNodeId)
+            );
             if (!targetNode) {
-              const allParentNodes = Object.values(sceneResponse.data.parent).flatMap((f) => f.nodes || []);
-              targetNode = allParentNodes.find((n) => String(n.id) === String(focusNodeId));
+              const allParentNodes = Object.values(
+                sceneResponse.data.parent
+              ).flatMap((f) => f.nodes || []);
+              targetNode = allParentNodes.find(
+                (n) => String(n.id) === String(focusNodeId)
+              );
             }
             if (targetNode) {
               sceneResponse.data.scene.nodes = [targetNode];
@@ -11106,12 +11485,24 @@ function XViewScene({
           sceneDataRef.current = sceneResponse.data.scene;
           parentDataRef.current = sceneResponse.data.parent;
           ancestryDataRef.current = sceneResponse.data.ancestry;
-          console.log("Console de sceneResponse.data.scene:", sceneResponse.data.scene);
-          console.log("Console de sceneResponse.data.parent:", sceneResponse.data.parent);
-          console.log("Console de sceneResponse.data.ancestry:", sceneResponse.data.ancestry);
+          console.log(
+            "Console de sceneResponse.data.scene:",
+            sceneResponse.data.scene
+          );
+          console.log(
+            "Console de sceneResponse.data.parent:",
+            sceneResponse.data.parent
+          );
+          console.log(
+            "Console de sceneResponse.data.ancestry:",
+            sceneResponse.data.ancestry
+          );
           setIsInitialized(true);
         } else {
-          console.error("Falha ao buscar dados da cena:", (sceneResponse == null ? void 0 : sceneResponse.error) || "Resposta inv\xE1lida.");
+          console.error(
+            "Falha ao buscar dados da cena:",
+            (sceneResponse == null ? void 0 : sceneResponse.error) || "Resposta inv\xE1lida."
+          );
         }
         if (boardResponse == null ? void 0 : boardResponse.success) {
           setAncestryBoardData(boardResponse.data);
@@ -11130,7 +11521,9 @@ function XViewScene({
       console.error("Usu\xE1rio n\xE3o autenticado. Acesso negado.");
       setIsLoading(false);
     } else if (!sceneConfigId && status !== "loading") {
-      console.warn("Nenhum par\xE2metro de cena encontrado na URL ou falha na decripta\xE7\xE3o.");
+      console.warn(
+        "Nenhum par\xE2metro de cena encontrado na URL ou falha na decripta\xE7\xE3o."
+      );
       setIsLoading(false);
     }
   }, [
@@ -11151,33 +11544,46 @@ function XViewScene({
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = useCallback4((nodeData, position, suppressVersionUpdate = false) => {
-    const { graphGroup, nodeObjects, clickableNodes, glowTexture, tweenGroup } = stateRef.current;
-    const nodeId = String(nodeData.id);
-    if (nodeObjects[nodeId]) {
-      const existingMesh = nodeObjects[nodeId];
-      if (position) {
-        const updateTween = new Tween2(existingMesh.position).to(position, 800).easing(Easing2.Cubic.Out);
-        tweenGroup.add(updateTween);
-        updateTween.start();
-      }
-      return existingMesh;
-    }
-    const mesh = createNodeMesh(nodeData, position || new THREE3.Vector3(), glowTexture);
-    graphGroup.add(mesh);
-    if (mesh.userData.labelObject) {
-      if (mesh.userData.labelOffset) {
-        mesh.userData.labelObject.position.copy(mesh.position).add(mesh.userData.labelOffset);
+  const addOrUpdateNodeMesh = useCallback4(
+    (nodeData, position, suppressVersionUpdate = false) => {
+      const {
+        graphGroup,
+        nodeObjects,
+        clickableNodes,
+        glowTexture,
+        tweenGroup
+      } = stateRef.current;
+      const nodeId = String(nodeData.id);
+      if (nodeObjects[nodeId]) {
+        const existingMesh = nodeObjects[nodeId];
+        if (position) {
+          const updateTween = new Tween2(existingMesh.position).to(position, 800).easing(Easing2.Cubic.Out);
+          tweenGroup.add(updateTween);
+          updateTween.start();
+        }
+        return existingMesh;
+      }
+      const mesh = createNodeMesh(
+        nodeData,
+        position || new THREE3.Vector3(),
+        glowTexture
+      );
+      graphGroup.add(mesh);
+      if (mesh.userData.labelObject) {
+        if (mesh.userData.labelOffset) {
+          mesh.userData.labelObject.position.copy(mesh.position).add(mesh.userData.labelOffset);
+        }
+        graphGroup.add(mesh.userData.labelObject);
       }
-      graphGroup.add(mesh.userData.labelObject);
-    }
-    nodeObjects[nodeId] = mesh;
-    clickableNodes.push(mesh);
-    if (!suppressVersionUpdate) {
-      setSceneVersion((v) => v + 1);
-    }
-    return mesh;
-  }, []);
+      nodeObjects[nodeId] = mesh;
+      clickableNodes.push(mesh);
+      if (!suppressVersionUpdate) {
+        setSceneVersion((v) => v + 1);
+      }
+      return mesh;
+    },
+    []
+  );
   useEffect22(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
@@ -11192,7 +11598,12 @@ function XViewScene({
     const scene = new THREE3.Scene();
     scene.background = new THREE3.Color(0);
     stateRef.current.scene = scene;
-    const camera = new THREE3.PerspectiveCamera(75, currentMount.clientWidth / currentMount.clientHeight, 0.1, 2e3);
+    const camera = new THREE3.PerspectiveCamera(
+      75,
+      currentMount.clientWidth / currentMount.clientHeight,
+      0.1,
+      2e3
+    );
     camera.position.set(0, 60, 120);
     stateRef.current.camera = camera;
     const renderer = new THREE3.WebGLRenderer({ antialias: true });
@@ -11213,7 +11624,12 @@ function XViewScene({
     directionalLight.position.set(50, 50, 50);
     scene.add(directionalLight);
     const renderScene = new RenderPass(scene, camera);
-    const bloomPass = new UnrealBloomPass(new THREE3.Vector2(currentMount.clientWidth, currentMount.clientHeight), x_view_config.BLOOM_EFFECT.strength, x_view_config.BLOOM_EFFECT.radius, x_view_config.BLOOM_EFFECT.threshold);
+    const bloomPass = new UnrealBloomPass(
+      new THREE3.Vector2(currentMount.clientWidth, currentMount.clientHeight),
+      x_view_config.BLOOM_EFFECT.strength,
+      x_view_config.BLOOM_EFFECT.radius,
+      x_view_config.BLOOM_EFFECT.threshold
+    );
     const composer = new EffectComposer(renderer);
     composer.addPass(renderScene);
     composer.addPass(bloomPass);
@@ -11256,8 +11672,16 @@ function XViewScene({
       const sourceNode = nodeObjects[String(linksArray[0].source)];
       const targetNode = nodeObjects[String(linksArray[0].target)];
       if (sourceNode && targetNode) {
-        const resolution = new THREE3.Vector2(currentMount.clientWidth, currentMount.clientHeight);
-        const newLinks = createMultipleLinkLines(linksArray, sourceNode, targetNode, resolution);
+        const resolution = new THREE3.Vector2(
+          currentMount.clientWidth,
+          currentMount.clientHeight
+        );
+        const newLinks = createMultipleLinkLines(
+          linksArray,
+          sourceNode,
+          targetNode,
+          resolution
+        );
         newLinks.forEach((line, idx) => {
           const meta = linksArray[idx];
           if (meta) {
@@ -11298,7 +11722,10 @@ function XViewScene({
     function tryPickNode() {
       raycaster.setFromCamera(mouse, camera);
       raycaster.layers.enable(GHOST_BLOOM_LAYER);
-      const intersects = raycaster.intersectObjects(stateRef.current.clickableNodes, false);
+      const intersects = raycaster.intersectObjects(
+        stateRef.current.clickableNodes,
+        false
+      );
       return intersects.length > 0 ? intersects[0].object : null;
     }
     function findClosestLinkToRay() {
@@ -11310,7 +11737,10 @@ function XViewScene({
         x: (mouse.x * 0.5 + 0.5) * clientWidth,
         y: (-mouse.y * 0.5 + 0.5) * clientHeight
       };
-      const allVisibleLinks = [...stateRef.current.allLinks, ...stateRef.current.ancestryLinks];
+      const allVisibleLinks = [
+        ...stateRef.current.allLinks,
+        ...stateRef.current.ancestryLinks
+      ];
       const THRESH = x_view_config.LINE_HOVER_THRESHOLD_PX + 4;
       const tmpP1 = new THREE3.Vector3();
       const tmpP2 = new THREE3.Vector3();
@@ -11325,19 +11755,35 @@ function XViewScene({
           const up = new THREE3.Vector3(0, 1, 0);
           const normal = new THREE3.Vector3().crossVectors(dir, up).normalize();
           const controlPoint = mid.add(normal.multiplyScalar(curveOffset || 0));
-          const curve = new THREE3.QuadraticBezierCurve3(start, controlPoint, end);
+          const curve = new THREE3.QuadraticBezierCurve3(
+            start,
+            controlPoint,
+            end
+          );
           const points = curve.getPoints(x_view_config.CURVE_SEGMENTS || 32);
           for (let i = 0; i < points.length - 1; i++) {
             tmpP1.copy(points[i]).project(camera);
             tmpP2.copy(points[i + 1]).project(camera);
-            const p1_px = { x: (tmpP1.x * 0.5 + 0.5) * clientWidth, y: (-tmpP1.y * 0.5 + 0.5) * clientHeight };
-            const p2_px = { x: (tmpP2.x * 0.5 + 0.5) * clientWidth, y: (-tmpP2.y * 0.5 + 0.5) * clientHeight };
+            const p1_px = {
+              x: (tmpP1.x * 0.5 + 0.5) * clientWidth,
+              y: (-tmpP1.y * 0.5 + 0.5) * clientHeight
+            };
+            const p2_px = {
+              x: (tmpP2.x * 0.5 + 0.5) * clientWidth,
+              y: (-tmpP2.y * 0.5 + 0.5) * clientHeight
+            };
             const L2 = (p2_px.x - p1_px.x) ** 2 + (p2_px.y - p1_px.y) ** 2;
             if (L2 === 0) continue;
             let t = ((mousePixels.x - p1_px.x) * (p2_px.x - p1_px.x) + (mousePixels.y - p1_px.y) * (p2_px.y - p1_px.y)) / L2;
             t = Math.max(0, Math.min(1, t));
-            const closestPoint = { x: p1_px.x + t * (p2_px.x - p1_px.x), y: p1_px.y + t * (p2_px.y - p1_px.y) };
-            const dist = Math.hypot(mousePixels.x - closestPoint.x, mousePixels.y - closestPoint.y);
+            const closestPoint = {
+              x: p1_px.x + t * (p2_px.x - p1_px.x),
+              y: p1_px.y + t * (p2_px.y - p1_px.y)
+            };
+            const dist = Math.hypot(
+              mousePixels.x - closestPoint.x,
+              mousePixels.y - closestPoint.y
+            );
             if (dist < THRESH && dist < minDistance) {
               minDistance = dist;
               closestLink = link;
@@ -11346,14 +11792,26 @@ function XViewScene({
         } else {
           const p1 = new THREE3.Vector3().copy(sourceNode.position).project(camera);
           const p2 = new THREE3.Vector3().copy(targetNode.position).project(camera);
-          const p1_px = { x: (p1.x * 0.5 + 0.5) * clientWidth, y: (-p1.y * 0.5 + 0.5) * clientHeight };
-          const p2_px = { x: (p2.x * 0.5 + 0.5) * clientWidth, y: (-p2.y * 0.5 + 0.5) * clientHeight };
+          const p1_px = {
+            x: (p1.x * 0.5 + 0.5) * clientWidth,
+            y: (-p1.y * 0.5 + 0.5) * clientHeight
+          };
+          const p2_px = {
+            x: (p2.x * 0.5 + 0.5) * clientWidth,
+            y: (-p2.y * 0.5 + 0.5) * clientHeight
+          };
           const L2 = (p2_px.x - p1_px.x) ** 2 + (p2_px.y - p1_px.y) ** 2;
           if (L2 === 0) return;
           let t = ((mousePixels.x - p1_px.x) * (p2_px.x - p1_px.x) + (mousePixels.y - p1_px.y) * (p2_px.y - p1_px.y)) / L2;
           t = Math.max(0, Math.min(1, t));
-          const closestPoint = { x: p1_px.x + t * (p2_px.x - p1_px.x), y: p1_px.y + t * (p2_px.y - p1_px.y) };
-          const dist = Math.hypot(mousePixels.x - closestPoint.x, mousePixels.y - closestPoint.y);
+          const closestPoint = {
+            x: p1_px.x + t * (p2_px.x - p1_px.x),
+            y: p1_px.y + t * (p2_px.y - p1_px.y)
+          };
+          const dist = Math.hypot(
+            mousePixels.x - closestPoint.x,
+            mousePixels.y - closestPoint.y
+          );
           if (dist < THRESH && dist < minDistance) {
             minDistance = dist;
             closestLink = link;
@@ -11388,7 +11846,11 @@ function XViewScene({
       if (picked && !stateRef.current.ancestry.isActive) {
         stateRef.current.controls.enabled = false;
       }
-      stateRef.current.pointerDown = { isDown: true, x: event.clientX, y: event.clientY };
+      stateRef.current.pointerDown = {
+        isDown: true,
+        x: event.clientX,
+        y: event.clientY
+      };
       stateRef.current.dragCandidate = picked;
     }
     function onPointerMove(event) {
@@ -11399,7 +11861,10 @@ function XViewScene({
         const raycaster2 = new THREE3.Raycaster();
         raycaster2.setFromCamera(mouse, camera);
         camera.getWorldDirection(plane.normal);
-        plane.setFromNormalAndCoplanarPoint(plane.normal, stateRef.current.draggedNode.position);
+        plane.setFromNormalAndCoplanarPoint(
+          plane.normal,
+          stateRef.current.draggedNode.position
+        );
         if (raycaster2.ray.intersectPlane(plane, intersectionPoint)) {
           const draggedNode = stateRef.current.draggedNode;
           draggedNode.position.copy(intersectionPoint);
@@ -11408,7 +11873,8 @@ function XViewScene({
       }
       if (stateRef.current.connection.isActive || stateRef.current.relink.isActive || stateRef.current.ancestry.isActive) {
         const newHoveredNode2 = tryPickNode();
-        if (stateRef.current.hoveredNode !== newHoveredNode2) stateRef.current.hoveredNode = newHoveredNode2;
+        if (stateRef.current.hoveredNode !== newHoveredNode2)
+          stateRef.current.hoveredNode = newHoveredNode2;
         if (currentMount) {
           let fixedId = null;
           if (stateRef.current.connection.isActive) {
@@ -11439,14 +11905,20 @@ function XViewScene({
           stateRef.current.controls.enabled = false;
           if (currentMount) currentMount.style.cursor = "grabbing";
           camera.getWorldDirection(plane.normal);
-          plane.setFromNormalAndCoplanarPoint(plane.normal, stateRef.current.draggedNode.position);
+          plane.setFromNormalAndCoplanarPoint(
+            plane.normal,
+            stateRef.current.draggedNode.position
+          );
         }
       }
       const newHoveredNode = tryPickNode();
       const newHoveredLink = !newHoveredNode ? findClosestLinkToRay() : null;
-      if (stateRef.current.hoveredNode !== newHoveredNode) stateRef.current.hoveredNode = newHoveredNode;
-      if (stateRef.current.hoveredLink !== newHoveredLink) stateRef.current.hoveredLink = newHoveredLink;
-      if (currentMount) currentMount.style.cursor = newHoveredNode || newHoveredLink ? "pointer" : "grab";
+      if (stateRef.current.hoveredNode !== newHoveredNode)
+        stateRef.current.hoveredNode = newHoveredNode;
+      if (stateRef.current.hoveredLink !== newHoveredLink)
+        stateRef.current.hoveredLink = newHoveredLink;
+      if (currentMount)
+        currentMount.style.cursor = newHoveredNode || newHoveredLink ? "pointer" : "grab";
     }
     const isNodeInTree = (tree, nodeId) => {
       if (!tree) return false;
@@ -11461,7 +11933,10 @@ function XViewScene({
       const context = actionHandlerContext;
       if (connection.isActive) {
         if (hoveredNode && String(hoveredNode.userData.id) !== String(connection.sourceNodeData.id)) {
-          await userActionHandlers.handleCompleteConnection(context, hoveredNode.userData);
+          await userActionHandlers.handleCompleteConnection(
+            context,
+            hoveredNode.userData
+          );
         } else {
           userActionHandlers.handleCancelConnection(context);
         }
@@ -11469,7 +11944,10 @@ function XViewScene({
       }
       if (relink.isActive) {
         if (hoveredNode && String(hoveredNode.userData.id) !== String(relink.fixedNodeId)) {
-          await userActionHandlers.handleCompleteRelink(context, hoveredNode.userData);
+          await userActionHandlers.handleCompleteRelink(
+            context,
+            hoveredNode.userData
+          );
         } else {
           userActionHandlers.handleCancelRelink(context);
         }
@@ -11487,7 +11965,9 @@ function XViewScene({
             const clickedNodeId = String(clickedNode.userData.id);
             const parentId = String(currentSelectedParent);
             if (clickedNodeId === parentId) {
-              alert("Erro: N\xE3o \xE9 poss\xEDvel adicionar um Node como filho dele mesmo.");
+              alert(
+                "Erro: N\xE3o \xE9 poss\xEDvel adicionar um Node como filho dele mesmo."
+              );
               return;
             }
             const parentInfo = stateRef.current.nodeIdToParentFileMap.get(clickedNodeId);
@@ -11497,16 +11977,33 @@ function XViewScene({
             const addChildToNode = (current, targetParentId, childNode) => {
               const currentId = current.is_section ? current.id || current.section_id : String(current.node.id);
               if (String(currentId) === String(targetParentId)) {
-                const alreadyExists = current.children.some((child) => !child.is_section && String(child.node.id) === String(childNode.id));
+                const alreadyExists = current.children.some(
+                  (child) => !child.is_section && String(child.node.id) === String(childNode.id)
+                );
                 if (alreadyExists) return current;
-                return { ...current, children: [...current.children, { node: childNode, children: [], relationship: {} }] };
+                return {
+                  ...current,
+                  children: [
+                    ...current.children,
+                    { node: childNode, children: [], relationship: {} }
+                  ]
+                };
               }
-              return { ...current, children: current.children.map((c) => addChildToNode(c, targetParentId, childNode)) };
+              return {
+                ...current,
+                children: current.children.map(
+                  (c) => addChildToNode(c, targetParentId, childNode)
+                )
+              };
             };
             setAncestryMode((prev) => {
               const treeKey = isAbstraction ? "abstraction_tree" : "tree";
               if (!prev[treeKey]) return prev;
-              const newTree = addChildToNode(prev[treeKey], parentId, fullNodeData);
+              const newTree = addChildToNode(
+                prev[treeKey],
+                parentId,
+                fullNodeData
+              );
               return { ...prev, [treeKey]: newTree };
             });
           }
@@ -11520,7 +12017,8 @@ function XViewScene({
         stateRef.current.dragCandidate = null;
         stateRef.current.pointerDown.isDown = false;
         stateRef.current.controls.enabled = true;
-        if (currentMount) currentMount.style.cursor = stateRef.current.hoveredNode || stateRef.current.hoveredLink ? "pointer" : "grab";
+        if (currentMount)
+          currentMount.style.cursor = stateRef.current.hoveredNode || stateRef.current.hoveredLink ? "pointer" : "grab";
         return;
       }
       const dragDistance = Math.hypot(
@@ -11568,16 +12066,21 @@ function XViewScene({
     }
     function handleDoubleClick(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
-      if (isFromUiOverlay(event) || stateRef.current.isDragging || stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive) return;
-      if (stateRef.current.hoveredNode) tweenToTarget(stateRef.current.hoveredNode);
+      if (isFromUiOverlay(event) || stateRef.current.isDragging || stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive)
+        return;
+      if (stateRef.current.hoveredNode)
+        tweenToTarget(stateRef.current.hoveredNode);
     }
     function handleContextMenu(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event)) return;
       event.preventDefault();
-      if (stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive) return;
+      if (stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive)
+        return;
       setMouseFromEvent(event);
-      setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+      setContextMenu(
+        (prev) => prev.visible ? { ...prev, visible: false } : prev
+      );
       setMultiContextMenu((prev) => ({ ...prev, visible: false }));
       setRelationshipMenu((prev) => ({ ...prev, visible: false }));
       const pickedNode = tryPickNode();
@@ -11608,7 +12111,12 @@ function XViewScene({
           return;
         }
         stateRef.current.selectedNodes.clear();
-        setRelationshipMenu({ visible: true, x: event.clientX, y: event.clientY, linkObject: pickedLink });
+        setRelationshipMenu({
+          visible: true,
+          x: event.clientX,
+          y: event.clientY,
+          linkObject: pickedLink
+        });
         return;
       }
       stateRef.current.selectedNodes.clear();
@@ -11640,7 +12148,10 @@ function XViewScene({
           }
         });
       }
-      const allRenderedLinks = [...stateRef.current.allLinks, ...stateRef.current.ancestryLinks];
+      const allRenderedLinks = [
+        ...stateRef.current.allLinks,
+        ...stateRef.current.ancestryLinks
+      ];
       allRenderedLinks.forEach((line) => {
         const { sourceNode, targetNode, isCurved, curveOffset } = line.userData;
         if (sourceNode && targetNode) {
@@ -11652,13 +12163,20 @@ function XViewScene({
             const up = new THREE3.Vector3(0, 1, 0);
             const normal = new THREE3.Vector3().crossVectors(dir, up).normalize();
             const controlPoint = mid.add(normal.multiplyScalar(curveOffset));
-            const curve = new THREE3.QuadraticBezierCurve3(start, controlPoint, end);
+            const curve = new THREE3.QuadraticBezierCurve3(
+              start,
+              controlPoint,
+              end
+            );
             const points = curve.getPoints(x_view_config.CURVE_SEGMENTS);
             const positions = [];
             points.forEach((p) => positions.push(p.x, p.y, p.z));
             line.geometry.setPositions(positions);
           } else {
-            line.geometry.setPositions([...sourceNode.position.toArray(), ...targetNode.position.toArray()]);
+            line.geometry.setPositions([
+              ...sourceNode.position.toArray(),
+              ...targetNode.position.toArray()
+            ]);
           }
         }
       });
@@ -11671,7 +12189,11 @@ function XViewScene({
             const startPos = node.position;
             const distance = startPos.distanceTo(endPos);
             bar.scale.y = distance;
-            const midpoint = new THREE3.Vector3().lerpVectors(startPos, endPos, 0.5);
+            const midpoint = new THREE3.Vector3().lerpVectors(
+              startPos,
+              endPos,
+              0.5
+            );
             bar.position.copy(midpoint);
             const direction = new THREE3.Vector3().subVectors(endPos, startPos).normalize();
             const upVector = new THREE3.Vector3(0, 1, 0);
@@ -11682,7 +12204,11 @@ function XViewScene({
       const { ghostElements, creation, connection, relink } = stateRef.current;
       if (creation.isActive && ghostElements.node && ghostElements.line) {
         const srcMesh = stateRef.current.nodeObjects[String(creation.sourceNodeData.id)];
-        if (srcMesh) ghostElements.line.geometry.setPositions([...srcMesh.position.toArray(), ...ghostElements.node.position.toArray()]);
+        if (srcMesh)
+          ghostElements.line.geometry.setPositions([
+            ...srcMesh.position.toArray(),
+            ...ghostElements.node.position.toArray()
+          ]);
       }
       if (connection.isActive && connection.line) {
         const srcMesh = stateRef.current.nodeObjects[String(connection.sourceNodeData.id)];
@@ -11691,7 +12217,11 @@ function XViewScene({
           raycaster2.setFromCamera(mouse, camera);
           camera.getWorldDirection(plane.normal);
           plane.setFromNormalAndCoplanarPoint(plane.normal, srcMesh.position);
-          if (raycaster2.ray.intersectPlane(plane, intersectionPoint)) connection.line.geometry.setPositions([...srcMesh.position.toArray(), ...intersectionPoint.toArray()]);
+          if (raycaster2.ray.intersectPlane(plane, intersectionPoint))
+            connection.line.geometry.setPositions([
+              ...srcMesh.position.toArray(),
+              ...intersectionPoint.toArray()
+            ]);
         }
       }
       if (relink.isActive && relink.line) {
@@ -11701,7 +12231,11 @@ function XViewScene({
           raycaster2.setFromCamera(mouse, camera);
           camera.getWorldDirection(plane.normal);
           plane.setFromNormalAndCoplanarPoint(plane.normal, fixedMesh.position);
-          if (raycaster2.ray.intersectPlane(plane, intersectionPoint)) relink.line.geometry.setPositions([...fixedMesh.position.toArray(), ...intersectionPoint.toArray()]);
+          if (raycaster2.ray.intersectPlane(plane, intersectionPoint))
+            relink.line.geometry.setPositions([
+              ...fixedMesh.position.toArray(),
+              ...intersectionPoint.toArray()
+            ]);
         }
       }
       Object.values(stateRef.current.nodeObjects).forEach((node) => {
@@ -11745,11 +12279,18 @@ function XViewScene({
       renderer.setSize(clientWidth, clientHeight);
       composer.setSize(clientWidth, clientHeight);
       const resVec = new THREE3.Vector2(clientWidth, clientHeight);
-      stateRef.current.allLinks.forEach((line) => line.material.resolution.copy(resVec));
-      stateRef.current.ancestryLinks.forEach((line) => line.material.resolution.copy(resVec));
-      if (stateRef.current.ghostElements.line) stateRef.current.ghostElements.line.material.resolution.copy(resVec);
-      if (stateRef.current.connection.line) stateRef.current.connection.line.material.resolution.copy(resVec);
-      if (stateRef.current.relink.line) stateRef.current.relink.line.material.resolution.copy(resVec);
+      stateRef.current.allLinks.forEach(
+        (line) => line.material.resolution.copy(resVec)
+      );
+      stateRef.current.ancestryLinks.forEach(
+        (line) => line.material.resolution.copy(resVec)
+      );
+      if (stateRef.current.ghostElements.line)
+        stateRef.current.ghostElements.line.material.resolution.copy(resVec);
+      if (stateRef.current.connection.line)
+        stateRef.current.connection.line.material.resolution.copy(resVec);
+      if (stateRef.current.relink.line)
+        stateRef.current.relink.line.material.resolution.copy(resVec);
     }
     window.addEventListener("resize", handleResize);
     return () => {
@@ -11769,14 +12310,16 @@ function XViewScene({
       ancestryGroup.traverse((obj) => {
         if (obj.geometry) obj.geometry.dispose();
         if (obj.material) {
-          if (Array.isArray(obj.material)) obj.material.forEach((m) => m.dispose());
+          if (Array.isArray(obj.material))
+            obj.material.forEach((m) => m.dispose());
           else obj.material.dispose();
         }
       });
       graphGroup.traverse((obj) => {
         if (obj.geometry) obj.geometry.dispose();
         if (obj.material) {
-          if (Array.isArray(obj.material)) obj.material.forEach((m) => m.dispose());
+          if (Array.isArray(obj.material))
+            obj.material.forEach((m) => m.dispose());
           else obj.material.dispose();
         }
       });
@@ -11787,9 +12330,22 @@ function XViewScene({
         currentMount.removeChild(renderer.domElement);
       }
     };
-  }, [isInitialized, tweenToTarget, dbSaveUrl, isNodeInView, addOrUpdateNodeMesh, handleActivateTimeline, get_scene_view_data, save_view_data]);
+  }, [
+    isInitialized,
+    tweenToTarget,
+    dbSaveUrl,
+    isNodeInView,
+    addOrUpdateNodeMesh,
+    handleActivateTimeline,
+    get_scene_view_data,
+    save_view_data
+  ]);
   const handleGhostNodeImageChange = useCallback4((useImage, imageUrl) => {
-    const { node: ghostNode, line: ghostLine, aura: ghostAura } = stateRef.current.ghostElements;
+    const {
+      node: ghostNode,
+      line: ghostLine,
+      aura: ghostAura
+    } = stateRef.current.ghostElements;
     const { graphGroup, glowTexture } = stateRef.current;
     if (!ghostNode || !graphGroup) return;
     const currentData = {
@@ -11800,13 +12356,15 @@ function XViewScene({
     const position = ghostNode.position.clone();
     if (ghostNode.userData.labelObject) {
       graphGroup.remove(ghostNode.userData.labelObject);
-      if (ghostNode.userData.labelObject.material.map) ghostNode.userData.labelObject.material.map.dispose();
+      if (ghostNode.userData.labelObject.material.map)
+        ghostNode.userData.labelObject.material.map.dispose();
       ghostNode.userData.labelObject.material.dispose();
     }
     graphGroup.remove(ghostNode);
     if (ghostNode.geometry) ghostNode.geometry.dispose();
     if (ghostNode.material) {
-      if (Array.isArray(ghostNode.material)) ghostNode.material.forEach((m) => m.dispose());
+      if (Array.isArray(ghostNode.material))
+        ghostNode.material.forEach((m) => m.dispose());
       else ghostNode.material.dispose();
     }
     const newGhostNode = createNodeMesh(currentData, position, glowTexture);
@@ -11851,28 +12409,31 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = useCallback4((nodeId, newIntensity) => {
-    const mesh = stateRef.current.nodeObjects[String(nodeId)];
-    if (!mesh) return;
-    const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
-    mesh.userData.intensity = newIntensity;
-    mesh.userData._baseEmissiveIntensity = adjustedIntensity;
-    const isImageNode = mesh.userData.useImageAsTexture === true;
-    if (isImageNode) {
-      const borderMesh = mesh.getObjectByName("borderRing");
-      if (borderMesh && borderMesh.material) {
-        borderMesh.material.emissiveIntensity = adjustedIntensity;
+  const handleDetailNodeIntensityChange = useCallback4(
+    (nodeId, newIntensity) => {
+      const mesh = stateRef.current.nodeObjects[String(nodeId)];
+      if (!mesh) return;
+      const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
+      mesh.userData.intensity = newIntensity;
+      mesh.userData._baseEmissiveIntensity = adjustedIntensity;
+      const isImageNode = mesh.userData.useImageAsTexture === true;
+      if (isImageNode) {
+        const borderMesh = mesh.getObjectByName("borderRing");
+        if (borderMesh && borderMesh.material) {
+          borderMesh.material.emissiveIntensity = adjustedIntensity;
+        }
+      } else {
+        if (mesh.material) {
+          mesh.material.emissiveIntensity = adjustedIntensity;
+        }
       }
-    } else {
-      if (mesh.material) {
-        mesh.material.emissiveIntensity = adjustedIntensity;
+      const aura = mesh.getObjectByName("aura");
+      if (aura && aura.material) {
+        aura.material.opacity = Math.min(0.8, newIntensity * 0.15);
       }
-    }
-    const aura = mesh.getObjectByName("aura");
-    if (aura && aura.material) {
-      aura.material.opacity = Math.min(0.8, newIntensity * 0.15);
-    }
-  }, []);
+    },
+    []
+  );
   const handleGhostNodeColorChange = (newColor) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
@@ -11983,7 +12544,9 @@ function XViewScene({
     mesh.userData.size = newSize;
   };
   const handleStartAncestryCreation = (nodeData) => {
-    setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+    setContextMenu(
+      (prev) => prev.visible ? { ...prev, visible: false } : prev
+    );
     stateRef.current.maxAncestryRenderIndex = 0;
     setAncestryMode({
       isActive: true,
@@ -12008,9 +12571,12 @@ function XViewScene({
       const newTreeStr = JSON.stringify(newTree);
       let metaChanged = false;
       if (extraData) {
-        if (extraData.ancestryName !== void 0 && extraData.ancestryName !== prev.ancestryName) metaChanged = true;
-        if (extraData.ancestryDescription !== void 0 && extraData.ancestryDescription !== prev.ancestryDescription) metaChanged = true;
-        if (extraData.ancestryDescriptionSections !== void 0 && JSON.stringify(extraData.ancestryDescriptionSections) !== JSON.stringify(prev.ancestryDescriptionSections)) metaChanged = true;
+        if (extraData.ancestryName !== void 0 && extraData.ancestryName !== prev.ancestryName)
+          metaChanged = true;
+        if (extraData.ancestryDescription !== void 0 && extraData.ancestryDescription !== prev.ancestryDescription)
+          metaChanged = true;
+        if (extraData.ancestryDescriptionSections !== void 0 && JSON.stringify(extraData.ancestryDescriptionSections) !== JSON.stringify(prev.ancestryDescriptionSections))
+          metaChanged = true;
       }
       if (prevTreeStr === newTreeStr && !metaChanged) {
         return prev;
@@ -12088,13 +12654,15 @@ function XViewScene({
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
         graphGroup.remove(ghostElements.node.userData.labelObject);
-        if (ghostElements.node.userData.labelObject.material.map) ghostElements.node.userData.labelObject.material.map.dispose();
+        if (ghostElements.node.userData.labelObject.material.map)
+          ghostElements.node.userData.labelObject.material.map.dispose();
         ghostElements.node.userData.labelObject.material.dispose();
       }
       graphGroup.remove(ghostElements.node);
       ghostElements.node.traverse((child) => {
         if (child.material) {
-          if (Array.isArray(child.material)) child.material.forEach((m) => m.dispose());
+          if (Array.isArray(child.material))
+            child.material.forEach((m) => m.dispose());
           else child.material.dispose();
         }
         if (child.geometry) child.geometry.dispose();
@@ -12104,7 +12672,17 @@ function XViewScene({
     setQuestMode({ isActive: false });
   }, []);
   const handleSaveQuestNode = async (context, newQuestData) => {
-    const { graphDataRef, sceneDataRef: sceneDataRef2, stateRef: stateRef2, setters, actions, sceneSaveUrl: sceneSaveUrl2, viewType, sceneConfigId: sceneConfigId2, ownerId: ownerId2 } = context;
+    const {
+      graphDataRef,
+      sceneDataRef: sceneDataRef2,
+      stateRef: stateRef2,
+      setters,
+      actions,
+      sceneSaveUrl: sceneSaveUrl2,
+      viewType,
+      sceneConfigId: sceneConfigId2,
+      ownerId: ownerId2
+    } = context;
     if (!graphDataRef.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
     const currentCounter = sceneDataRef2.current.quest_counter || 1;
     const newNode = {
@@ -12137,7 +12715,8 @@ function XViewScene({
       const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
       const { graphGroup, ghostElements } = stateRef2.current;
       if (ghostElements.node && graphGroup) {
-        if (ghostElements.node.userData.labelObject) graphGroup.remove(ghostElements.node.userData.labelObject);
+        if (ghostElements.node.userData.labelObject)
+          graphGroup.remove(ghostElements.node.userData.labelObject);
         graphGroup.remove(ghostElements.node);
       }
       stateRef2.current.ghostElements = { node: null, line: null, aura: null };
@@ -12151,14 +12730,33 @@ function XViewScene({
     }
   };
   userActionHandlers.handleCompleteConnection = async (context, targetNodeData) => {
-    const { stateRef: stateRef2, graphDataRef, sceneDataRef: sceneDataRef2, sceneConfigId: sceneConfigId2, sceneSaveUrl: sceneSaveUrl2, ownerId: ownerId2 } = context;
+    const {
+      stateRef: stateRef2,
+      graphDataRef,
+      sceneDataRef: sceneDataRef2,
+      sceneConfigId: sceneConfigId2,
+      sceneSaveUrl: sceneSaveUrl2,
+      ownerId: ownerId2
+    } = context;
     const { sourceNodeData } = stateRef2.current.connection;
     if (!graphDataRef.current || !sceneDataRef2.current || !sourceNodeData || !targetNodeData) {
       userActionHandlers.handleCancelConnection(context);
       return;
     }
-    const sourceParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef2.current, sourceNodeData.id, sceneConfigId2, ownerId2);
-    const targetParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef2.current, targetNodeData.id, sceneConfigId2, ownerId2);
+    const sourceParentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef2.current,
+      sourceNodeData.id,
+      sceneConfigId2,
+      ownerId2
+    );
+    const targetParentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef2.current,
+      targetNodeData.id,
+      sceneConfigId2,
+      ownerId2
+    );
     let parentInfoToSave = sourceParentInfo;
     const isSourceQuest = sourceParentInfo.parentFileId === sceneConfigId2;
     const isTargetQuest = targetParentInfo.parentFileId === sceneConfigId2;
@@ -12184,10 +12782,15 @@ function XViewScene({
         };
         await context.actions.save_view_data(sceneSaveUrl2, viewFilePayload);
       } else {
-        const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileIdToSave]));
+        const specificParentData = JSON.parse(
+          JSON.stringify(graphDataRef.current[parentFileIdToSave])
+        );
         specificParentData.links.push(newLink);
         const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
-        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        await context.actions.save_view_data(
+          filenameForSpecificParent,
+          specificParentData
+        );
         graphDataRef.current[parentFileIdToSave] = specificParentData;
       }
       addNewLinkToScene(stateRef2.current, newLink);
@@ -12199,7 +12802,9 @@ function XViewScene({
   };
   const handleClearAncestryVisuals = useCallback4((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
-    const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryId));
+    const renderIndex = renderedAncestries.findIndex(
+      (a) => String(a.id) === String(ancestryId)
+    );
     if (renderIndex !== -1) {
       const toRemove = renderedAncestries[renderIndex];
       toRemove.lines.forEach((line) => {
@@ -12208,12 +12813,16 @@ function XViewScene({
         if (line.material) line.material.dispose();
       });
       renderedAncestries.splice(renderIndex, 1);
-      stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
+      stateRef.current.ancestryLinks = renderedAncestries.flatMap(
+        (a) => a.lines
+      );
     }
   }, []);
   const handleRenderAncestry = useCallback4(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
-      setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+      setContextMenu(
+        (prev) => prev.visible ? { ...prev, visible: false } : prev
+      );
       if (!ancestryObject || !ancestryObject.tree) {
         return;
       }
@@ -12240,14 +12849,16 @@ function XViewScene({
         if (numId !== void 0 && normalizedAllowedIds.has(numId)) return true;
         if (strId && normalizedAllowedIds.has(strId)) return true;
         if (strSecId && normalizedAllowedIds.has(strSecId)) return true;
-        if (numId !== void 0 && normalizedAllowedIds.has(String(numId))) return true;
+        if (numId !== void 0 && normalizedAllowedIds.has(String(numId)))
+          return true;
         return false;
       };
       const checkIsActive = (section, targetId) => {
         if (targetId === null || targetId === void 0) return false;
         const sTarget = String(targetId);
         if (section.id && String(section.id) === sTarget) return true;
-        if (section.section_id && String(section.section_id) === sTarget) return true;
+        if (section.section_id && String(section.section_id) === sTarget)
+          return true;
         if (section.section_numeric_id !== void 0) {
           if (String(section.section_numeric_id) === sTarget) return true;
         }
@@ -12263,7 +12874,9 @@ function XViewScene({
         traverse(sectionTree);
         return ids;
       };
-      const existingIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryObject.ancestry_id));
+      const existingIndex = renderedAncestries.findIndex(
+        (a) => String(a.id) === String(ancestryObject.ancestry_id)
+      );
       let skipGeneration = false;
       let ancestryEntry = null;
       if (existingIndex !== -1) {
@@ -12318,9 +12931,15 @@ function XViewScene({
           if (line.material) line.material.dispose();
         });
       }
-      const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes);
+      const allParentNodes = Object.values(parentDataRef.current).flatMap(
+        (fileData) => fileData.nodes
+      );
       const allAncestries = ancestryDataRef.current || [];
-      const fullTree = buildFullAncestryTree(ancestryObject.tree, allParentNodes, allAncestries);
+      const fullTree = buildFullAncestryTree(
+        ancestryObject.tree,
+        allParentNodes,
+        allAncestries
+      );
       if (!fullTree) return;
       const rootNodeId = String(ancestryObject.ancestral_node);
       let rootNodeMesh = nodeObjects[rootNodeId];
@@ -12363,7 +12982,10 @@ function XViewScene({
         const colorIndex = stateRef.current.ancestryRenderCounter % 3;
         colorHex = ANCESTRY_COLORS[colorIndex];
       }
-      const resolution = new THREE3.Vector2(renderer.domElement.clientWidth, renderer.domElement.clientHeight);
+      const resolution = new THREE3.Vector2(
+        renderer.domElement.clientWidth,
+        renderer.domElement.clientHeight
+      );
       const cleanupLinesForNode = (nodeId) => {
         if (!ancestryEntry || !ancestryEntry.lines) return;
         const linesKeep = [];
@@ -12403,7 +13025,13 @@ function XViewScene({
         }
         if (originMesh && rootNodeMesh) {
           cleanupLinesForNode(rootNodeId);
-          const branchLine = createAncestryLinkLine(originMesh, rootNodeMesh, resolution, {}, colorHex);
+          const branchLine = createAncestryLinkLine(
+            originMesh,
+            rootNodeMesh,
+            resolution,
+            {},
+            colorHex
+          );
           ancestryGroup.add(branchLine);
           ancestryEntry.lines.push(branchLine);
         }
@@ -12414,8 +13042,14 @@ function XViewScene({
           if (!children || children.length === 0) return null;
           let lastRenderedMesh = null;
           const numChildren = children.length;
-          const forwardVec = new THREE3.Vector3(0, 0, 1).applyAxisAngle(new THREE3.Vector3(0, 1, 0), currentAngle);
-          const rightVec = new THREE3.Vector3(1, 0, 0).applyAxisAngle(new THREE3.Vector3(0, 1, 0), currentAngle);
+          const forwardVec = new THREE3.Vector3(0, 0, 1).applyAxisAngle(
+            new THREE3.Vector3(0, 1, 0),
+            currentAngle
+          );
+          const rightVec = new THREE3.Vector3(1, 0, 0).applyAxisAngle(
+            new THREE3.Vector3(0, 1, 0),
+            currentAngle
+          );
           const angleRange = numChildren > 3 ? Math.PI : Math.PI / 1.5;
           children.forEach((childItem, index) => {
             if (childItem.is_section) return;
@@ -12436,14 +13070,30 @@ function XViewScene({
               targetPositionsCache.set(sNodeId, childPosition.clone());
               cleanupLinesForNode(sNodeId);
             }
-            const childMesh = addOrUpdateNodeMesh(childItem.node, childPosition, true);
+            const childMesh = addOrUpdateNodeMesh(
+              childItem.node,
+              childPosition,
+              true
+            );
             allRenderedNodePositions.push(childPosition);
-            const line = createAncestryLinkLine(parentMesh, childMesh, resolution, childItem.relationship, colorHex);
+            const line = createAncestryLinkLine(
+              parentMesh,
+              childMesh,
+              resolution,
+              childItem.relationship,
+              colorHex
+            );
             ancestryGroup.add(line);
             ancestryEntry.lines.push(line);
             lastRenderedMesh = childMesh;
             if (childItem.children && childItem.children.length > 0) {
-              const lastDescendant = renderCluster(childItem.children, childMesh, childPosition, level + 1, currentAngle);
+              const lastDescendant = renderCluster(
+                childItem.children,
+                childMesh,
+                childPosition,
+                level + 1,
+                currentAngle
+              );
               if (lastDescendant) lastRenderedMesh = lastDescendant;
             }
           });
@@ -12457,9 +13107,13 @@ function XViewScene({
             else looseNodes.push(child);
           });
         }
-        sections.sort((a, b) => (a.section_numeric_id || 0) - (b.section_numeric_id || 0));
+        sections.sort(
+          (a, b) => (a.section_numeric_id || 0) - (b.section_numeric_id || 0)
+        );
         let combinedStartNodes = [...looseNodes];
-        let session0Index = sections.findIndex((s) => s.section_numeric_id === 0 || s.name === "Sess\xE3o 0");
+        let session0Index = sections.findIndex(
+          (s) => s.section_numeric_id === 0 || s.name === "Sess\xE3o 0"
+        );
         if (session0Index !== -1) {
           const session0 = sections[session0Index];
           if (checkShouldRender(session0) && session0.children) {
@@ -12468,7 +13122,13 @@ function XViewScene({
           sections.splice(session0Index, 1);
         }
         const rootTargetPos2 = targetPositionsCache.get(rootNodeId) || rootNodeMesh.position;
-        const lastStartMesh = renderCluster(combinedStartNodes, rootNodeMesh, rootTargetPos2, 1, baseRotation);
+        const lastStartMesh = renderCluster(
+          combinedStartNodes,
+          rootNodeMesh,
+          rootTargetPos2,
+          1,
+          baseRotation
+        );
         if (lastStartMesh) {
           currentAnchorMesh = lastStartMesh;
         }
@@ -12479,10 +13139,18 @@ function XViewScene({
             const sectionNodes = section.children || [];
             if (sectionNodes.length > 0) {
               const parentAngle = nodeRotationMap.get(String(currentAnchorMesh.userData.id)) ?? baseRotation;
-              const lastMeshOfThisSection = renderCluster(sectionNodes, currentAnchorMesh, currentAnchorPosition, 1, parentAngle);
+              const lastMeshOfThisSection = renderCluster(
+                sectionNodes,
+                currentAnchorMesh,
+                currentAnchorPosition,
+                1,
+                parentAngle
+              );
               if (lastMeshOfThisSection) {
                 currentAnchorMesh = lastMeshOfThisSection;
-                currentAnchorPosition = targetPositionsCache.get(String(lastMeshOfThisSection.userData.id)) || lastMeshOfThisSection.position;
+                currentAnchorPosition = targetPositionsCache.get(
+                  String(lastMeshOfThisSection.userData.id)
+                ) || lastMeshOfThisSection.position;
               }
             }
           }
@@ -12511,7 +13179,10 @@ function XViewScene({
           } else {
             const directChildren = fullTree.children ? fullTree.children.filter((c) => !c.is_section) : [];
             if (directChildren.length > 0) {
-              targetSectionForZone = { name: "In\xEDcio", children: directChildren };
+              targetSectionForZone = {
+                name: "In\xEDcio",
+                children: directChildren
+              };
             }
           }
         } else {
@@ -12585,7 +13256,10 @@ function XViewScene({
           stateRef.current.ancestryLinks = stateRef.current.renderedAncestries.flatMap((a) => a.lines);
           focusTargetPosition = center;
           focusTargetRotation = baseRotation;
-          const desiredDistance = Math.max(x_view_config.CAMERA_ZOOM_DISTANCE, radius * 2.8);
+          const desiredDistance = Math.max(
+            x_view_config.CAMERA_ZOOM_DISTANCE,
+            radius * 2.8
+          );
           focusZoomFactor = x_view_config.CAMERA_ZOOM_DISTANCE / desiredDistance;
         } else {
           const anchorId = String(currentAnchorMesh.userData.id);
@@ -12600,13 +13274,18 @@ function XViewScene({
       }
       if (!focusTargetPosition && !allowedSectionIds) {
         if (allRenderedNodePositions.length > 0) {
-          const boundingBox = new THREE3.Box3().setFromPoints(allRenderedNodePositions);
+          const boundingBox = new THREE3.Box3().setFromPoints(
+            allRenderedNodePositions
+          );
           const center = new THREE3.Vector3();
           boundingBox.getCenter(center);
           const size = new THREE3.Vector3();
           boundingBox.getSize(size);
           const maxDim = Math.max(size.x, size.y, size.z);
-          const fitZoom = Math.min(1, x_view_config.CAMERA_ZOOM_DISTANCE / (maxDim * 1.5));
+          const fitZoom = Math.min(
+            1,
+            x_view_config.CAMERA_ZOOM_DISTANCE / (maxDim * 1.5)
+          );
           const defaultBase = new THREE3.Vector3(-50, 40, 20);
           const rotatedCinematicAngle = defaultBase.clone().applyAxisAngle(new THREE3.Vector3(0, 1, 0), baseRotation);
           tweenToTarget(center, fitZoom, rotatedCinematicAngle);
@@ -12625,210 +13304,280 @@ function XViewScene({
         tweenToTarget(targetPos, focusZoomFactor, rotatedCinematicAngle);
       }
     },
-    [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, readingMode.isActive, ancestryMode.isActive]
+    [
+      addOrUpdateNodeMesh,
+      tweenToTarget,
+      buildFullAncestryTree,
+      readingMode.isActive,
+      ancestryMode.isActive
+    ]
   );
-  const handleRenderAbstractionTree = useCallback4((ancestryObject, targetNodeId = null) => {
-    setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
-    if (!ancestryObject || !ancestryObject.abstraction_tree) return;
-    const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
-    const allParentNodes = Object.values(parentDataRef.current).flatMap((f) => f.nodes);
-    let fullTree = buildFullAncestryTree(ancestryObject.abstraction_tree, allParentNodes, ancestryDataRef.current);
-    if (!fullTree || !fullTree.node) return;
-    if (targetNodeId) {
-      const pruneTreeToPath = (treeNode, targetId) => {
-        var _a2;
-        if (!treeNode) return null;
-        const currentId = treeNode.is_section ? treeNode.section_id : String((_a2 = treeNode.node) == null ? void 0 : _a2.id);
-        if (String(currentId) === String(targetId)) {
-          return { ...treeNode, children: [] };
-        }
-        if (treeNode.children && treeNode.children.length > 0) {
-          for (let child of treeNode.children) {
-            const prunedChild = pruneTreeToPath(child, targetId);
-            if (prunedChild) {
-              return { ...treeNode, children: [prunedChild] };
-            }
+  const handleRenderAbstractionTree = useCallback4(
+    (ancestryObject, targetNodeId = null) => {
+      setContextMenu(
+        (prev) => prev.visible ? { ...prev, visible: false } : prev
+      );
+      if (!ancestryObject || !ancestryObject.abstraction_tree) return;
+      const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
+      const allParentNodes = Object.values(parentDataRef.current).flatMap(
+        (f) => f.nodes
+      );
+      let fullTree = buildFullAncestryTree(
+        ancestryObject.abstraction_tree,
+        allParentNodes,
+        ancestryDataRef.current
+      );
+      if (!fullTree || !fullTree.node) return;
+      if (targetNodeId) {
+        const pruneTreeToPath = (treeNode, targetId) => {
+          var _a2;
+          if (!treeNode) return null;
+          const currentId = treeNode.is_section ? treeNode.section_id : String((_a2 = treeNode.node) == null ? void 0 : _a2.id);
+          if (String(currentId) === String(targetId)) {
+            return { ...treeNode, children: [] };
           }
-        }
-        return null;
-      };
-      const pruned = pruneTreeToPath(fullTree, targetNodeId);
-      if (pruned) fullTree = pruned;
-    }
-    const absId = ancestryObject.ancestry_id + "_abs";
-    handleClearAncestryVisuals(absId);
-    const colorHex = 9133302;
-    const resolution = new THREE3.Vector2(renderer.domElement.clientWidth, renderer.domElement.clientHeight);
-    const ancestryEntry = { id: absId, lines: [], isFullRender: true };
-    renderedAncestries.push(ancestryEntry);
-    const rootNodeId = String(fullTree.node.id);
-    let rootNodeMesh = nodeObjects[rootNodeId];
-    let rootTargetPos = rootNodeMesh ? rootNodeMesh.position.clone() : new THREE3.Vector3(0, 0, 0);
-    if (!rootNodeMesh) {
-      rootNodeMesh = addOrUpdateNodeMesh(fullTree.node, rootTargetPos, true);
-    }
-    const SPACING_Y = -40;
-    const SPACING_X = 55;
-    const renderVertical = (treeNode, parentMesh, parentPos, level) => {
-      if (!treeNode.children || treeNode.children.length === 0) return;
-      const totalSiblings = treeNode.children.length;
-      treeNode.children.forEach((childItem, i) => {
-        if (!childItem.node) return;
-        const childX = parentPos.x + (i - (totalSiblings - 1) / 2) * (SPACING_X / Math.max(1, level * 0.4));
-        const childY = parentPos.y + SPACING_Y;
-        const childPos = new THREE3.Vector3(childX, childY, parentPos.z);
-        const childMesh = addOrUpdateNodeMesh(childItem.node, childPos, true);
-        const line = createAncestryLinkLine(parentMesh, childMesh, resolution, {}, colorHex);
-        ancestryGroup.add(line);
-        ancestryEntry.lines.push(line);
-        renderVertical(childItem, childMesh, childPos, level + 1);
-      });
-    };
-    renderVertical(fullTree, rootNodeMesh, rootTargetPos, 1);
-    stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
-    tweenToTarget(rootTargetPos, 0.7);
-  }, [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, handleClearAncestryVisuals]);
-  const handleReadModeBranchNav = useCallback4((nodeId, action, direction = "right") => {
-    const { ancestry, branchStack } = readingMode;
-    if (!ancestry || !ancestry.tree) return;
-    const allAncestries = ancestryDataRef.current || [];
-    const fullTree = buildFullAncestryTree(ancestry.tree, Object.values(parentDataRef.current).flatMap((f) => f.nodes), allAncestries);
-    if (action === "open") {
-      let currentPtr = fullTree;
-      for (const step of branchStack) {
-        const found = findNodePath3(currentPtr, step.nodeId);
-        if (found && found.node.parallel_branches) {
-          const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
-          if (branch) currentPtr = branch.tree;
-        }
-      }
-      const foundTarget = findNodePath3(currentPtr, nodeId);
-      if (foundTarget && foundTarget.node && foundTarget.node.parallel_branches && foundTarget.node.parallel_branches.length > 0) {
-        const branchToOpen = foundTarget.node.parallel_branches.find((b) => (b.direction || "right") === direction);
-        if (!branchToOpen) return;
-        if (branchToOpen && branchToOpen.tree) {
-          const parentIndexToSave = stateRef.current.readMode.currentMaxIndex;
-          const savedBranchProgress = 0;
-          stateRef.current.readMode.currentMaxIndex = savedBranchProgress;
-          stateRef.current.maxAncestryRenderIndex = savedBranchProgress;
-          const newStack = [...branchStack, {
-            nodeId,
-            branchId: branchToOpen.id,
-            savedMaxIndex: parentIndexToSave,
-            entryDirection: direction
-          }];
-          setReadingMode((prev) => ({ ...prev, branchStack: newStack, initialSectionId: null }));
-          const branchAncestryObj = {
-            ancestry_id: branchToOpen.id,
-            ancestral_node: branchToOpen.tree.node.id,
-            name: branchToOpen.name,
-            description: branchToOpen.description,
-            description_sections: branchToOpen.description_sections,
-            tree: branchToOpen.tree,
-            _originNodeId: nodeId,
-            _branchDirection: direction
-          };
-          const allowedIds = /* @__PURE__ */ new Set(["preamble", 0, "0"]);
-          const branchSections = parseDescriptionSections(branchToOpen.description || "", branchToOpen.description_sections || []);
-          for (let i = 0; i <= savedBranchProgress; i++) {
-            if (branchSections[i]) {
-              if (branchSections[i].id) allowedIds.add(String(branchSections[i].id));
-              if (branchSections[i].numericId !== void 0 && branchSections[i].numericId !== null) {
-                allowedIds.add(branchSections[i].numericId);
-                allowedIds.add(String(branchSections[i].numericId));
+          if (treeNode.children && treeNode.children.length > 0) {
+            for (let child of treeNode.children) {
+              const prunedChild = pruneTreeToPath(child, targetId);
+              if (prunedChild) {
+                return { ...treeNode, children: [prunedChild] };
               }
             }
           }
-          const rotation = newStack.reduce((acc, step) => {
-            return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
-          }, 0);
-          const initialFocusId = "preamble";
-          handleRenderAncestry(
-            branchAncestryObj,
-            allowedIds,
-            initialFocusId,
-            rotation,
-            false
-          );
-        }
+          return null;
+        };
+        const pruned = pruneTreeToPath(fullTree, targetNodeId);
+        if (pruned) fullTree = pruned;
+      }
+      const absId = ancestryObject.ancestry_id + "_abs";
+      handleClearAncestryVisuals(absId);
+      const colorHex = 9133302;
+      const resolution = new THREE3.Vector2(
+        renderer.domElement.clientWidth,
+        renderer.domElement.clientHeight
+      );
+      const ancestryEntry = { id: absId, lines: [], isFullRender: true };
+      renderedAncestries.push(ancestryEntry);
+      const rootNodeId = String(fullTree.node.id);
+      let rootNodeMesh = nodeObjects[rootNodeId];
+      let rootTargetPos = rootNodeMesh ? rootNodeMesh.position.clone() : new THREE3.Vector3(0, 0, 0);
+      if (!rootNodeMesh) {
+        rootNodeMesh = addOrUpdateNodeMesh(fullTree.node, rootTargetPos, true);
       }
-    } else if (action === "back") {
-      if (branchStack.length === 0) return;
-      const newStack = [...branchStack];
-      const popped = newStack.pop();
-      if (popped && popped.branchId) {
-        stateRef.current.readMode.progressMap[popped.branchId] = stateRef.current.readMode.currentMaxIndex;
-      }
-      const parentSavedIndex = popped.savedMaxIndex !== void 0 ? popped.savedMaxIndex : 0;
-      stateRef.current.readMode.currentMaxIndex = parentSavedIndex;
-      stateRef.current.maxAncestryRenderIndex = parentSavedIndex;
-      let targetTreeToRender = fullTree;
-      let targetAncestryInfo = ancestry;
-      if (newStack.length > 0) {
-        let ptr = fullTree;
-        for (const step of newStack) {
-          const found = findNodePath3(ptr, step.nodeId);
+      const SPACING_Y = -40;
+      const SPACING_X = 55;
+      const renderVertical = (treeNode, parentMesh, parentPos, level) => {
+        if (!treeNode.children || treeNode.children.length === 0) return;
+        const totalSiblings = treeNode.children.length;
+        treeNode.children.forEach((childItem, i) => {
+          if (!childItem.node) return;
+          const childX = parentPos.x + (i - (totalSiblings - 1) / 2) * (SPACING_X / Math.max(1, level * 0.4));
+          const childY = parentPos.y + SPACING_Y;
+          const childPos = new THREE3.Vector3(childX, childY, parentPos.z);
+          const childMesh = addOrUpdateNodeMesh(childItem.node, childPos, true);
+          const line = createAncestryLinkLine(
+            parentMesh,
+            childMesh,
+            resolution,
+            {},
+            colorHex
+          );
+          ancestryGroup.add(line);
+          ancestryEntry.lines.push(line);
+          renderVertical(childItem, childMesh, childPos, level + 1);
+        });
+      };
+      renderVertical(fullTree, rootNodeMesh, rootTargetPos, 1);
+      stateRef.current.ancestryLinks = renderedAncestries.flatMap(
+        (a) => a.lines
+      );
+      tweenToTarget(rootTargetPos, 0.7);
+    },
+    [
+      addOrUpdateNodeMesh,
+      tweenToTarget,
+      buildFullAncestryTree,
+      handleClearAncestryVisuals
+    ]
+  );
+  const handleReadModeBranchNav = useCallback4(
+    (nodeId, action, direction = "right") => {
+      const { ancestry, branchStack } = readingMode;
+      if (!ancestry || !ancestry.tree) return;
+      const allAncestries = ancestryDataRef.current || [];
+      const fullTree = buildFullAncestryTree(
+        ancestry.tree,
+        Object.values(parentDataRef.current).flatMap((f) => f.nodes),
+        allAncestries
+      );
+      if (action === "open") {
+        let currentPtr = fullTree;
+        for (const step of branchStack) {
+          const found = findNodePath3(currentPtr, step.nodeId);
           if (found && found.node.parallel_branches) {
-            const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
-            if (branch) {
-              ptr = branch.tree;
-              targetAncestryInfo = { ...branch, ancestry_id: branch.id, ancestral_node: branch.tree.node.id };
+            const branch = found.node.parallel_branches.find(
+              (b) => b.id === step.branchId
+            );
+            if (branch) currentPtr = branch.tree;
+          }
+        }
+        const foundTarget = findNodePath3(currentPtr, nodeId);
+        if (foundTarget && foundTarget.node && foundTarget.node.parallel_branches && foundTarget.node.parallel_branches.length > 0) {
+          const branchToOpen = foundTarget.node.parallel_branches.find(
+            (b) => (b.direction || "right") === direction
+          );
+          if (!branchToOpen) return;
+          if (branchToOpen && branchToOpen.tree) {
+            const parentIndexToSave = stateRef.current.readMode.currentMaxIndex;
+            const savedBranchProgress = 0;
+            stateRef.current.readMode.currentMaxIndex = savedBranchProgress;
+            stateRef.current.maxAncestryRenderIndex = savedBranchProgress;
+            const newStack = [
+              ...branchStack,
+              {
+                nodeId,
+                branchId: branchToOpen.id,
+                savedMaxIndex: parentIndexToSave,
+                entryDirection: direction
+              }
+            ];
+            setReadingMode((prev) => ({
+              ...prev,
+              branchStack: newStack,
+              initialSectionId: null
+            }));
+            const branchAncestryObj = {
+              ancestry_id: branchToOpen.id,
+              ancestral_node: branchToOpen.tree.node.id,
+              name: branchToOpen.name,
+              description: branchToOpen.description,
+              description_sections: branchToOpen.description_sections,
+              tree: branchToOpen.tree,
+              _originNodeId: nodeId,
+              _branchDirection: direction
+            };
+            const allowedIds = /* @__PURE__ */ new Set(["preamble", 0, "0"]);
+            const branchSections = parseDescriptionSections(
+              branchToOpen.description || "",
+              branchToOpen.description_sections || []
+            );
+            for (let i = 0; i <= savedBranchProgress; i++) {
+              if (branchSections[i]) {
+                if (branchSections[i].id)
+                  allowedIds.add(String(branchSections[i].id));
+                if (branchSections[i].numericId !== void 0 && branchSections[i].numericId !== null) {
+                  allowedIds.add(branchSections[i].numericId);
+                  allowedIds.add(String(branchSections[i].numericId));
+                }
+              }
             }
+            const rotation = newStack.reduce((acc, step) => {
+              return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
+            }, 0);
+            const initialFocusId = "preamble";
+            handleRenderAncestry(
+              branchAncestryObj,
+              allowedIds,
+              initialFocusId,
+              rotation,
+              false
+            );
           }
         }
-        targetTreeToRender = ptr;
-      }
-      const activeParentStackItem = newStack.length > 0 ? newStack[newStack.length - 1] : null;
-      const parentAncestryObj = {
-        ...targetAncestryInfo,
-        tree: targetTreeToRender,
-        _originNodeId: activeParentStackItem ? activeParentStackItem.nodeId : null,
-        _branchDirection: activeParentStackItem ? activeParentStackItem.entryDirection : null
-      };
-      const descriptionText = targetAncestryInfo.description || "";
-      const savedSections = targetAncestryInfo.description_sections || [];
-      const sections = parseDescriptionSections(descriptionText, savedSections);
-      let focusTargetId = null;
-      if (popped && popped.nodeId) {
-        const mentionTag = `[[MENTION:node:${popped.nodeId}]]`;
-        for (let i = 0; i < sections.length; i++) {
-          if (sections[i].content && sections[i].content.includes(mentionTag)) {
-            const section = sections[i];
-            focusTargetId = section.numericId !== void 0 ? section.numericId : section.id;
-            break;
+      } else if (action === "back") {
+        if (branchStack.length === 0) return;
+        const newStack = [...branchStack];
+        const popped = newStack.pop();
+        if (popped && popped.branchId) {
+          stateRef.current.readMode.progressMap[popped.branchId] = stateRef.current.readMode.currentMaxIndex;
+        }
+        const parentSavedIndex = popped.savedMaxIndex !== void 0 ? popped.savedMaxIndex : 0;
+        stateRef.current.readMode.currentMaxIndex = parentSavedIndex;
+        stateRef.current.maxAncestryRenderIndex = parentSavedIndex;
+        let targetTreeToRender = fullTree;
+        let targetAncestryInfo = ancestry;
+        if (newStack.length > 0) {
+          let ptr = fullTree;
+          for (const step of newStack) {
+            const found = findNodePath3(ptr, step.nodeId);
+            if (found && found.node.parallel_branches) {
+              const branch = found.node.parallel_branches.find(
+                (b) => b.id === step.branchId
+              );
+              if (branch) {
+                ptr = branch.tree;
+                targetAncestryInfo = {
+                  ...branch,
+                  ancestry_id: branch.id,
+                  ancestral_node: branch.tree.node.id
+                };
+              }
+            }
+          }
+          targetTreeToRender = ptr;
+        }
+        const activeParentStackItem = newStack.length > 0 ? newStack[newStack.length - 1] : null;
+        const parentAncestryObj = {
+          ...targetAncestryInfo,
+          tree: targetTreeToRender,
+          _originNodeId: activeParentStackItem ? activeParentStackItem.nodeId : null,
+          _branchDirection: activeParentStackItem ? activeParentStackItem.entryDirection : null
+        };
+        const descriptionText = targetAncestryInfo.description || "";
+        const savedSections = targetAncestryInfo.description_sections || [];
+        const sections = parseDescriptionSections(
+          descriptionText,
+          savedSections
+        );
+        let focusTargetId = null;
+        if (popped && popped.nodeId) {
+          const mentionTag = `[[MENTION:node:${popped.nodeId}]]`;
+          for (let i = 0; i < sections.length; i++) {
+            if (sections[i].content && sections[i].content.includes(mentionTag)) {
+              const section = sections[i];
+              focusTargetId = section.numericId !== void 0 ? section.numericId : section.id;
+              break;
+            }
           }
         }
-      }
-      const allowedIds = /* @__PURE__ */ new Set();
-      allowedIds.add("preamble");
-      allowedIds.add(0);
-      allowedIds.add("0");
-      for (let i = 0; i <= parentSavedIndex; i++) {
-        if (sections[i]) {
-          if (sections[i].id) allowedIds.add(String(sections[i].id));
-          if (sections[i].numericId !== void 0 && sections[i].numericId !== null) {
-            allowedIds.add(sections[i].numericId);
-            allowedIds.add(String(sections[i].numericId));
+        const allowedIds = /* @__PURE__ */ new Set();
+        allowedIds.add("preamble");
+        allowedIds.add(0);
+        allowedIds.add("0");
+        for (let i = 0; i <= parentSavedIndex; i++) {
+          if (sections[i]) {
+            if (sections[i].id) allowedIds.add(String(sections[i].id));
+            if (sections[i].numericId !== void 0 && sections[i].numericId !== null) {
+              allowedIds.add(sections[i].numericId);
+              allowedIds.add(String(sections[i].numericId));
+            }
           }
         }
-      }
-      const rotation = newStack.reduce((acc, step) => {
-        return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
-      }, 0);
-      handleRenderAncestry(parentAncestryObj, allowedIds, focusTargetId, rotation, false);
-      if (popped && popped.nodeId) {
-        const nodeMesh = stateRef.current.nodeObjects[String(popped.nodeId)];
-        if (nodeMesh) {
-          tweenToTarget(nodeMesh);
+        const rotation = newStack.reduce((acc, step) => {
+          return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
+        }, 0);
+        handleRenderAncestry(
+          parentAncestryObj,
+          allowedIds,
+          focusTargetId,
+          rotation,
+          false
+        );
+        if (popped && popped.nodeId) {
+          const nodeMesh = stateRef.current.nodeObjects[String(popped.nodeId)];
+          if (nodeMesh) {
+            tweenToTarget(nodeMesh);
+          }
         }
+        setReadingMode((prev) => ({
+          ...prev,
+          branchStack: newStack,
+          initialSectionId: focusTargetId
+        }));
       }
-      setReadingMode((prev) => ({
-        ...prev,
-        branchStack: newStack,
-        initialSectionId: focusTargetId
-      }));
-    }
-  }, [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]);
+    },
+    [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]
+  );
   const handleReadModeHighlight = useCallback4((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
@@ -12836,7 +13585,8 @@ function XViewScene({
     setHighlightedNodeId(nodeId);
   }, []);
   const activeNodeBranches = useMemo12(() => {
-    if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree) return null;
+    if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree)
+      return null;
     const fullTree = buildFullAncestryTree(
       readingMode.ancestry.tree,
       Object.values(parentDataRef.current).flatMap((f) => f.nodes),
@@ -12871,7 +13621,13 @@ function XViewScene({
       };
     }
     return null;
-  }, [highlightedNodeId, readingMode.ancestry, buildFullAncestryTree, readingMode.branchStack, ancestryDataRef.current]);
+  }, [
+    highlightedNodeId,
+    readingMode.ancestry,
+    buildFullAncestryTree,
+    readingMode.branchStack,
+    ancestryDataRef.current
+  ]);
   const backNavigationInfo = useMemo12(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
@@ -12907,7 +13663,9 @@ function XViewScene({
     for (const step of branchStack) {
       const found = findNodePath3(currentPtr, step.nodeId);
       if (found && found.node.parallel_branches) {
-        const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
+        const branch = found.node.parallel_branches.find(
+          (b) => b.id === step.branchId
+        );
         if (branch) {
           currentPtr = branch.tree;
           currentMeta = branch;
@@ -12928,17 +13686,26 @@ function XViewScene({
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
-    const allNodes = Object.values(parentDataRef.current || {}).flatMap((f) => f.nodes || []);
+    const allNodes = Object.values(parentDataRef.current || {}).flatMap(
+      (f) => f.nodes || []
+    );
     const allAncestries = ancestryDataRef.current || [];
     return buildFullAncestryTree(
       readingMode.ancestry.abstraction_tree,
       allNodes,
       allAncestries
     );
-  }, [readingMode.isActive, readingMode.ancestry, buildFullAncestryTree, sceneVersion]);
+  }, [
+    readingMode.isActive,
+    readingMode.ancestry,
+    buildFullAncestryTree,
+    sceneVersion
+  ]);
   const handleStartReadingAncestry = useCallback4(
-    async (ancestryObject) => {
-      setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+    async (ancestryObject, renderMode = "full") => {
+      setContextMenu(
+        (prev) => prev.visible ? { ...prev, visible: false } : prev
+      );
       if (!ancestryObject || !ancestryObject.tree) {
         console.warn("Ancestralidade inv\xE1lida para leitura.");
         return;
@@ -12951,14 +13718,20 @@ function XViewScene({
       const hasDescription = ancestryObject.description && ancestryObject.description.trim() !== "";
       const hasMainTreeNodes = ancestryObject.tree.children && ancestryObject.tree.children.length > 0;
       const hasAbstractionNodes = ancestryObject.abstraction_tree && ancestryObject.abstraction_tree.children && ancestryObject.abstraction_tree.children.length > 0;
-      const shouldAutoRenderAbstraction = !hasDescription && !hasMainTreeNodes && hasAbstractionNodes;
+      const isFull = renderMode === "full";
+      const isAncestryOnly = renderMode === "ancestry_only";
+      const isAbstractionOnly = renderMode === "abstraction_only";
+      let shouldRenderAbstraction = isAbstractionOnly;
+      if (isFull) {
+        shouldRenderAbstraction = !hasDescription && !hasMainTreeNodes && hasAbstractionNodes;
+      }
       setReadingMode({
-        isActive: true,
+        isActive: isFull ? hasDescription : false,
         ancestry: ancestryObject,
         branchStack: [],
-        autoAbstraction: shouldAutoRenderAbstraction
+        autoAbstraction: shouldRenderAbstraction
       });
-      if (shouldAutoRenderAbstraction) {
+      if (shouldRenderAbstraction) {
         handleRenderAbstractionTree(ancestryObject, null);
       } else {
         const initialSections = /* @__PURE__ */ new Set(["preamble", 0, "0"]);
@@ -12971,148 +13744,190 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = useCallback4((activeSectionId) => {
-    const { ancestry, branchStack } = readingMode;
-    if (!ancestry || !readingMode.isActive) return;
-    let targetObj = ancestry;
-    let targetTree = ancestry.tree;
-    if (branchStack.length > 0) {
-      const allNodes = Object.values(parentDataRef.current).flatMap((f) => f.nodes);
-      const fullTree = buildFullAncestryTree(
-        ancestry.tree,
-        allNodes,
-        ancestryDataRef.current
-      );
-      let currentPtr = fullTree;
-      for (const step of branchStack) {
-        const found = findNodePath3(currentPtr, step.nodeId);
-        if (found && found.node && found.node.parallel_branches) {
-          const branch = found.node.parallel_branches.find((b) => b.id === step.branchId);
-          if (branch) {
-            targetObj = branch;
-            targetTree = branch.tree;
-            currentPtr = branch.tree;
+  const handleReadModeSectionChange = useCallback4(
+    (activeSectionId) => {
+      const { ancestry, branchStack } = readingMode;
+      if (!ancestry || !readingMode.isActive) return;
+      let targetObj = ancestry;
+      let targetTree = ancestry.tree;
+      if (branchStack.length > 0) {
+        const allNodes = Object.values(parentDataRef.current).flatMap(
+          (f) => f.nodes
+        );
+        const fullTree = buildFullAncestryTree(
+          ancestry.tree,
+          allNodes,
+          ancestryDataRef.current
+        );
+        let currentPtr = fullTree;
+        for (const step of branchStack) {
+          const found = findNodePath3(currentPtr, step.nodeId);
+          if (found && found.node && found.node.parallel_branches) {
+            const branch = found.node.parallel_branches.find(
+              (b) => b.id === step.branchId
+            );
+            if (branch) {
+              targetObj = branch;
+              targetTree = branch.tree;
+              currentPtr = branch.tree;
+            }
           }
         }
       }
-    }
-    const descriptionText = targetObj.description || "";
-    const savedSections = targetObj.description_sections || [];
-    const sections = parseDescriptionSections(descriptionText, savedSections);
-    let activeIndex = sections.findIndex((s) => String(s.id) === String(activeSectionId));
-    if (activeIndex === -1 && !isNaN(parseInt(activeSectionId))) {
-      activeIndex = sections.findIndex((s) => s.numericId === parseInt(activeSectionId));
-    }
-    if (activeIndex === -1) activeIndex = 0;
-    stateRef.current.readMode.currentMaxIndex = activeIndex;
-    stateRef.current.maxAncestryRenderIndex = activeIndex;
-    const renderLimitIndex = stateRef.current.maxAncestryRenderIndex;
-    const allowedIds = /* @__PURE__ */ new Set();
-    allowedIds.add("preamble");
-    allowedIds.add(0);
-    allowedIds.add("0");
-    for (let i = 0; i <= renderLimitIndex; i++) {
-      if (sections[i]) {
-        if (sections[i].id) allowedIds.add(String(sections[i].id));
-        if (sections[i].numericId !== void 0 && sections[i].numericId !== null) {
-          allowedIds.add(sections[i].numericId);
-          allowedIds.add(String(sections[i].numericId));
+      const descriptionText = targetObj.description || "";
+      const savedSections = targetObj.description_sections || [];
+      const sections = parseDescriptionSections(descriptionText, savedSections);
+      let activeIndex = sections.findIndex(
+        (s) => String(s.id) === String(activeSectionId)
+      );
+      if (activeIndex === -1 && !isNaN(parseInt(activeSectionId))) {
+        activeIndex = sections.findIndex(
+          (s) => s.numericId === parseInt(activeSectionId)
+        );
+      }
+      if (activeIndex === -1) activeIndex = 0;
+      stateRef.current.readMode.currentMaxIndex = activeIndex;
+      stateRef.current.maxAncestryRenderIndex = activeIndex;
+      const renderLimitIndex = stateRef.current.maxAncestryRenderIndex;
+      const allowedIds = /* @__PURE__ */ new Set();
+      allowedIds.add("preamble");
+      allowedIds.add(0);
+      allowedIds.add("0");
+      for (let i = 0; i <= renderLimitIndex; i++) {
+        if (sections[i]) {
+          if (sections[i].id) allowedIds.add(String(sections[i].id));
+          if (sections[i].numericId !== void 0 && sections[i].numericId !== null) {
+            allowedIds.add(sections[i].numericId);
+            allowedIds.add(String(sections[i].numericId));
+          }
         }
       }
-    }
-    const activeSection = sections[activeIndex];
-    let focusTargetId = activeSectionId;
-    if (activeSection && activeSection.numericId !== void 0 && activeSection.numericId !== null) {
-      focusTargetId = activeSection.numericId;
-    }
-    const currentStackItem = branchStack.length > 0 ? branchStack[branchStack.length - 1] : null;
-    const renderPayload = {
-      ...targetObj,
-      ancestry_id: targetObj.ancestry_id || targetObj.id,
-      ancestral_node: targetTree.node ? targetTree.node.id : targetTree.node_id,
-      tree: targetTree,
-      _originNodeId: currentStackItem ? currentStackItem.nodeId : null,
-      _branchDirection: currentStackItem ? currentStackItem.entryDirection : null,
-      _forceUpdate: true
-    };
-    const rotation = branchStack.reduce((acc, step) => {
-      return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
-    }, 0);
-    handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
-  }, [readingMode, handleRenderAncestry, buildFullAncestryTree, ancestryDataRef.current]);
+      const activeSection = sections[activeIndex];
+      let focusTargetId = activeSectionId;
+      if (activeSection && activeSection.numericId !== void 0 && activeSection.numericId !== null) {
+        focusTargetId = activeSection.numericId;
+      }
+      const currentStackItem = branchStack.length > 0 ? branchStack[branchStack.length - 1] : null;
+      const renderPayload = {
+        ...targetObj,
+        ancestry_id: targetObj.ancestry_id || targetObj.id,
+        ancestral_node: targetTree.node ? targetTree.node.id : targetTree.node_id,
+        tree: targetTree,
+        _originNodeId: currentStackItem ? currentStackItem.nodeId : null,
+        _branchDirection: currentStackItem ? currentStackItem.entryDirection : null,
+        _forceUpdate: true
+      };
+      const rotation = branchStack.reduce((acc, step) => {
+        return acc + (step.entryDirection === "left" ? -Math.PI / 2 : Math.PI / 2);
+      }, 0);
+      handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
+    },
+    [
+      readingMode,
+      handleRenderAncestry,
+      buildFullAncestryTree,
+      ancestryDataRef.current
+    ]
+  );
   const handleCloseReadMode = useCallback4(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = useCallback4((activeSectionId, ancestryOverride = null, rotation = 0) => {
-    var _a2, _b2;
-    const currentMode = stateRef.current.ancestry;
-    let targetObj = ancestryOverride;
-    if (!targetObj) {
-      const currentAncestryId = currentMode.currentAncestryId;
-      const ancestryObj = (ancestryDataRef.current || []).find((a) => String(a.ancestry_id) === String(currentAncestryId));
-      targetObj = ancestryObj || (currentMode.isActive ? {
-        ...currentMode,
-        ancestry_id: "temp_creating",
-        ancestral_node: (_b2 = (_a2 = currentMode.tree) == null ? void 0 : _a2.node) == null ? void 0 : _b2.id
-      } : null);
-    }
-    if (!targetObj) return;
-    const targetId = targetObj.ancestry_id || targetObj.id;
-    if (stateRef.current.lastRenderedAncestryId !== targetId) {
-      stateRef.current.maxAncestryRenderIndex = 0;
-      stateRef.current.lastRenderedAncestryId = targetId;
-    }
-    const descriptionText = (ancestryOverride ? targetObj.description : currentMode.ancestryDescription) || targetObj.description || "";
-    const savedSections = (ancestryOverride ? targetObj.description_sections : currentMode.ancestryDescriptionSections) || targetObj.description_sections || [];
-    const sections = parseDescriptionSections(descriptionText, savedSections);
-    let activeIndex = sections.findIndex((s) => String(s.id) === String(activeSectionId));
-    if (activeIndex === -1 && !isNaN(parseInt(activeSectionId))) {
-      activeIndex = sections.findIndex((s) => s.numericId === parseInt(activeSectionId));
-    }
-    if (activeIndex === -1) activeIndex = 0;
-    if (stateRef.current.maxAncestryRenderIndex === void 0) stateRef.current.maxAncestryRenderIndex = 0;
-    stateRef.current.maxAncestryRenderIndex = activeIndex;
-    const renderLimitIndex = stateRef.current.maxAncestryRenderIndex;
-    const allowedIds = /* @__PURE__ */ new Set();
-    allowedIds.add("preamble");
-    allowedIds.add(0);
-    allowedIds.add("0");
-    for (let i = 0; i <= renderLimitIndex; i++) {
-      if (sections[i]) {
-        if (sections[i].id) allowedIds.add(String(sections[i].id));
-        if (sections[i].numericId !== void 0 && sections[i].numericId !== null) {
-          allowedIds.add(sections[i].numericId);
-          allowedIds.add(String(sections[i].numericId));
+  const handleAncestrySectionChange = useCallback4(
+    (activeSectionId, ancestryOverride = null, rotation = 0) => {
+      var _a2, _b2;
+      const currentMode = stateRef.current.ancestry;
+      let targetObj = ancestryOverride;
+      if (!targetObj) {
+        const currentAncestryId = currentMode.currentAncestryId;
+        const ancestryObj = (ancestryDataRef.current || []).find(
+          (a) => String(a.ancestry_id) === String(currentAncestryId)
+        );
+        targetObj = ancestryObj || (currentMode.isActive ? {
+          ...currentMode,
+          ancestry_id: "temp_creating",
+          ancestral_node: (_b2 = (_a2 = currentMode.tree) == null ? void 0 : _a2.node) == null ? void 0 : _b2.id
+        } : null);
+      }
+      if (!targetObj) return;
+      const targetId = targetObj.ancestry_id || targetObj.id;
+      if (stateRef.current.lastRenderedAncestryId !== targetId) {
+        stateRef.current.maxAncestryRenderIndex = 0;
+        stateRef.current.lastRenderedAncestryId = targetId;
+      }
+      const descriptionText = (ancestryOverride ? targetObj.description : currentMode.ancestryDescription) || targetObj.description || "";
+      const savedSections = (ancestryOverride ? targetObj.description_sections : currentMode.ancestryDescriptionSections) || targetObj.description_sections || [];
+      const sections = parseDescriptionSections(descriptionText, savedSections);
+      let activeIndex = sections.findIndex(
+        (s) => String(s.id) === String(activeSectionId)
+      );
+      if (activeIndex === -1 && !isNaN(parseInt(activeSectionId))) {
+        activeIndex = sections.findIndex(
+          (s) => s.numericId === parseInt(activeSectionId)
+        );
+      }
+      if (activeIndex === -1) activeIndex = 0;
+      if (stateRef.current.maxAncestryRenderIndex === void 0)
+        stateRef.current.maxAncestryRenderIndex = 0;
+      stateRef.current.maxAncestryRenderIndex = activeIndex;
+      const renderLimitIndex = stateRef.current.maxAncestryRenderIndex;
+      const allowedIds = /* @__PURE__ */ new Set();
+      allowedIds.add("preamble");
+      allowedIds.add(0);
+      allowedIds.add("0");
+      for (let i = 0; i <= renderLimitIndex; i++) {
+        if (sections[i]) {
+          if (sections[i].id) allowedIds.add(String(sections[i].id));
+          if (sections[i].numericId !== void 0 && sections[i].numericId !== null) {
+            allowedIds.add(sections[i].numericId);
+            allowedIds.add(String(sections[i].numericId));
+          }
         }
       }
-    }
-    const activeSection = sections[activeIndex];
-    let focusTargetId = activeSectionId;
-    if (activeSection && activeSection.numericId !== void 0 && activeSection.numericId !== null) {
-      focusTargetId = activeSection.numericId;
-    }
-    const treeToRender = ancestryOverride ? ancestryOverride.tree : currentMode.isActive && currentMode.tree ? currentMode.tree : targetObj.tree;
-    const renderPayload = { ...targetObj, tree: treeToRender };
-    handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
-  }, [handleRenderAncestry]);
+      const activeSection = sections[activeIndex];
+      let focusTargetId = activeSectionId;
+      if (activeSection && activeSection.numericId !== void 0 && activeSection.numericId !== null) {
+        focusTargetId = activeSection.numericId;
+      }
+      const treeToRender = ancestryOverride ? ancestryOverride.tree : currentMode.isActive && currentMode.tree ? currentMode.tree : targetObj.tree;
+      const renderPayload = { ...targetObj, tree: treeToRender };
+      handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
+    },
+    [handleRenderAncestry]
+  );
   const handleEditAncestry = useCallback4(
     async (ancestryObject) => {
-      setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+      setContextMenu(
+        (prev) => prev.visible ? { ...prev, visible: false } : prev
+      );
       if (!ancestryObject || !ancestryObject.tree) {
-        alert("N\xE3o foi poss\xEDvel carregar os dados desta ancestralidade para edi\xE7\xE3o.");
+        alert(
+          "N\xE3o foi poss\xEDvel carregar os dados desta ancestralidade para edi\xE7\xE3o."
+        );
         return;
       }
       stateRef.current.maxAncestryRenderIndex = 0;
       const initialSections = /* @__PURE__ */ new Set(["preamble", 0]);
       await handleRenderAncestry(ancestryObject, initialSections);
-      const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes);
+      const allParentNodes = Object.values(parentDataRef.current).flatMap(
+        (fileData) => fileData.nodes
+      );
       const allAncestries = ancestryDataRef.current || [];
-      const fullTree = buildFullAncestryTree(ancestryObject.tree, allParentNodes, allAncestries);
+      const fullTree = buildFullAncestryTree(
+        ancestryObject.tree,
+        allParentNodes,
+        allAncestries
+      );
       if (!fullTree) {
-        alert("Falha ao reconstruir a \xE1rvore de ancestralidade. Alguns Nodes podem estar faltando.");
+        alert(
+          "Falha ao reconstruir a \xE1rvore de ancestralidade. Alguns Nodes podem estar faltando."
+        );
         return;
       }
-      const fullAbstractionTree = ancestryObject.abstraction_tree ? buildFullAncestryTree(ancestryObject.abstraction_tree, allParentNodes, allAncestries) : { node: fullTree.node, children: [] };
+      const fullAbstractionTree = ancestryObject.abstraction_tree ? buildFullAncestryTree(
+        ancestryObject.abstraction_tree,
+        allParentNodes,
+        allAncestries
+      ) : { node: fullTree.node, children: [] };
       setAncestryMode({
         isActive: true,
         ...ancestryObject,
@@ -13164,7 +13979,9 @@ function XViewScene({
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
       if (!treeToUse || !treeToUse.node) {
-        alert("Erro: A estrutura da ancestralidade \xE9 inv\xE1lida (Node raiz ausente).");
+        alert(
+          "Erro: A estrutura da ancestralidade \xE9 inv\xE1lida (Node raiz ausente)."
+        );
         return;
       }
       if (!save_view_data || !stateRef.current.nodeIdToParentFileMap) return;
@@ -13197,14 +14014,18 @@ function XViewScene({
         };
       };
       const treeWithIds = convertTreeToIds(treeToUse);
-      const abstractionTreeWithIds = convertTreeToIds(ancestryMode.abstraction_tree);
+      const abstractionTreeWithIds = convertTreeToIds(
+        ancestryMode.abstraction_tree
+      );
       if (!treeWithIds) {
         alert("Erro ao processar a \xE1rvore da ancestralidade.");
         return;
       }
       let originalAncestryObj = null;
       if (isEditMode && currentAncestryId) {
-        originalAncestryObj = (ancestryDataRef.current || []).find((anc) => String(anc.ancestry_id) === String(currentAncestryId));
+        originalAncestryObj = (ancestryDataRef.current || []).find(
+          (anc) => String(anc.ancestry_id) === String(currentAncestryId)
+        );
       }
       const ancestryObjectToSave = {
         ancestry_id: isEditMode && currentAncestryId ? currentAncestryId : `${short2.generate()}`,
@@ -13287,14 +14108,20 @@ function XViewScene({
       try {
         if (isExternalSave) {
           try {
-            const remoteResponse = await get_ancestry_file(targetFileIdForCache, targetOwnerIdForCache);
+            const remoteResponse = await get_ancestry_file(
+              targetFileIdForCache,
+              targetOwnerIdForCache
+            );
             if (remoteResponse.success && Array.isArray(remoteResponse.data)) {
               masterAncestryList = remoteResponse.data;
             } else {
               masterAncestryList = [];
             }
           } catch (fetchErr) {
-            console.warn("Arquivo de destino n\xE3o existe ou erro ao buscar, criando novo:", fetchErr);
+            console.warn(
+              "Arquivo de destino n\xE3o existe ou erro ao buscar, criando novo:",
+              fetchErr
+            );
             masterAncestryList = [];
           }
         } else {
@@ -13314,7 +14141,9 @@ function XViewScene({
         const result = await save_view_data(finalSaveUrl, masterAncestryList);
         if (result.success) {
           const localList = [...ancestryDataRef.current || []];
-          const localIndex = localList.findIndex((a) => String(a.ancestry_id) === String(ancestryObjectToSave.ancestry_id));
+          const localIndex = localList.findIndex(
+            (a) => String(a.ancestry_id) === String(ancestryObjectToSave.ancestry_id)
+          );
           if (localIndex !== -1) {
             localList[localIndex] = ancestryObjectToSave;
           } else {
@@ -13342,11 +14171,29 @@ function XViewScene({
         return;
       }
       if (!keepOpen) {
-        setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+        setAncestryMode({
+          isActive: false,
+          tree: null,
+          selectedParentId: null,
+          isEditMode: false,
+          currentAncestryId: null,
+          ancestryName: "",
+          ancestryDescription: "",
+          ancestryDescriptionSections: [],
+          isAddingNodes: false
+        });
         if (mountRef.current) mountRef.current.style.cursor = "grab";
       }
     },
-    [ancestryMode, ancestry_save_url, handleRenderAncestry, save_view_data, sceneConfigId, ownerId, get_ancestry_file]
+    [
+      ancestryMode,
+      ancestry_save_url,
+      handleRenderAncestry,
+      save_view_data,
+      sceneConfigId,
+      ownerId,
+      get_ancestry_file
+    ]
   );
   const handleOpenAncestryRelEditor = (path, currentData) => {
     setEditingAncestryRel({ visible: true, data: currentData, path });
@@ -13376,7 +14223,9 @@ function XViewScene({
       if (ancestryToDelete && delete_file_action) {
         const urls = extractFileUrlsFromProperties(ancestryToDelete);
         if (urls.length > 0) {
-          Promise.all(urls.map((url) => delete_file_action(url))).catch((err) => console.error("Erro ao deletar arquivos da ancestralidade:", err));
+          Promise.all(urls.map((url) => delete_file_action(url))).catch(
+            (err) => console.error("Erro ao deletar arquivos da ancestralidade:", err)
+          );
         }
       }
       if (!ancestryToDelete) {
@@ -13386,7 +14235,9 @@ function XViewScene({
       const sourceFileId = ancestryToDelete._source_file_id;
       const sourceOwnerId = ancestryToDelete._source_owner_id;
       if (!sourceFileId || !sourceOwnerId) {
-        alert("N\xE3o foi poss\xEDvel identificar o arquivo de origem desta ancestralidade.");
+        alert(
+          "N\xE3o foi poss\xEDvel identificar o arquivo de origem desta ancestralidade."
+        );
         return;
       }
       const finalSaveUrl = `x_view_ancestry/${sourceOwnerId}/${sourceFileId}`;
@@ -13394,13 +14245,18 @@ function XViewScene({
         (anc) => anc._source_file_id === sourceFileId && String(anc.ancestry_id) !== String(ancestryIdToDelete)
       );
       try {
-        const result = await save_view_data(finalSaveUrl, updatedAncestriesForFile);
+        const result = await save_view_data(
+          finalSaveUrl,
+          updatedAncestriesForFile
+        );
         if (result.success) {
           ancestryDataRef.current = (ancestryDataRef.current || []).filter(
             (ancestry) => String(ancestry.ancestry_id) !== String(ancestryIdToDelete)
           );
           const { renderedAncestries, ancestryGroup } = stateRef.current;
-          const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryIdToDelete));
+          const renderIndex = renderedAncestries.findIndex(
+            (a) => String(a.id) === String(ancestryIdToDelete)
+          );
           if (renderIndex !== -1) {
             const toRemove = renderedAncestries[renderIndex];
             toRemove.lines.forEach((line) => {
@@ -13409,18 +14265,29 @@ function XViewScene({
               if (line.material) line.material.dispose();
             });
             renderedAncestries.splice(renderIndex, 1);
-            stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
+            stateRef.current.ancestryLinks = renderedAncestries.flatMap(
+              (a) => a.lines
+            );
           }
           setSceneVersion((v) => v + 1);
         } else {
-          throw new Error(result.error || "Ocorreu um erro desconhecido ao excluir.");
+          throw new Error(
+            result.error || "Ocorreu um erro desconhecido ao excluir."
+          );
         }
       } catch (error) {
         console.error("Falha ao excluir a ancestralidade:", error);
         alert(`Erro ao excluir a ancestralidade: ${error.message}`);
         return;
       }
-      setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "" });
+      setAncestryMode({
+        isActive: false,
+        tree: null,
+        selectedParentId: null,
+        isEditMode: false,
+        currentAncestryId: null,
+        ancestryName: ""
+      });
       if (mountRef.current) mountRef.current.style.cursor = "grab";
     },
     [save_view_data, delete_file_action]
@@ -13428,24 +14295,38 @@ function XViewScene({
   const handleOpenAncestryBoard = useCallback4(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = useCallback4((ancestry) => {
-    setIsAncestryBoardOpen(false);
-    setIsSidebarOpen(false);
-    handleStartReadingAncestry(ancestry);
-  }, [handleStartReadingAncestry]);
-  const handleSaveAncestryBoard = useCallback4(async (groups) => {
-    if (!sceneConfigId || !viewParams || !session) return;
-    const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
-    await save_ancestry_board_action(sceneConfigId, sceneType, groups, session, ownerId);
-  }, [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]);
+  const handleSelectAncestryFromBoard = useCallback4(
+    (ancestry) => {
+      setIsAncestryBoardOpen(false);
+      setIsSidebarOpen(false);
+      handleStartReadingAncestry(ancestry);
+    },
+    [handleStartReadingAncestry]
+  );
+  const handleSaveAncestryBoard = useCallback4(
+    async (groups) => {
+      if (!sceneConfigId || !viewParams || !session) return;
+      const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
+      await save_ancestry_board_action(
+        sceneConfigId,
+        sceneType,
+        groups,
+        session,
+        ownerId
+      );
+    },
+    [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]
+  );
   const existingNodeTypes = useMemo12(() => {
     if (!parentDataRef.current) {
       return [];
     }
-    const allTypes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes.flatMap((node) => {
-      if (Array.isArray(node.type)) return node.type;
-      return [node.type];
-    })).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
+    const allTypes = Object.values(parentDataRef.current).flatMap(
+      (fileData) => fileData.nodes.flatMap((node) => {
+        if (Array.isArray(node.type)) return node.type;
+        return [node.type];
+      })
+    ).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
   const searchableDbNodes = useMemo12(() => {
@@ -13459,7 +14340,10 @@ function XViewScene({
   }, [parentDataRef.current, sceneVersion]);
   const handleAddExistingNode = useCallback4(
     (nodeId) => {
-      return userActionHandlers.handleAddExistingNodeById(actionHandlerContext, nodeId);
+      return userActionHandlers.handleAddExistingNodeById(
+        actionHandlerContext,
+        nodeId
+      );
     },
     [actionHandlerContext]
   );
@@ -13467,7 +14351,9 @@ function XViewScene({
     var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
-      console.warn("N\xE3o \xE9 poss\xEDvel salvar a cena: estado n\xE3o inicializado ou URL de salvamento ausente.");
+      console.warn(
+        "N\xE3o \xE9 poss\xEDvel salvar a cena: estado n\xE3o inicializado ou URL de salvamento ausente."
+      );
       return;
     }
     if (!save_view_data) return;
@@ -13504,48 +14390,68 @@ function XViewScene({
   }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
   const allAvailableNodes = useMemo12(() => {
     if (!parentDataRef.current) return [];
-    return Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
+    return Object.values(parentDataRef.current).flatMap(
+      (fileData) => fileData.nodes || []
+    );
   }, [sceneVersion, isInitialized]);
   const allAvailableAncestries = useMemo12(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = useCallback4((referenceData) => {
-    const { type, id } = referenceData;
-    if (type === "node") {
-      const targetNode = allAvailableNodes.find((n) => String(n.id) === String(id));
-      if (targetNode) {
-        setAncestryLinkDetails(null);
-        setDetailsLink(null);
-        setDetailsNode(targetNode);
-        const sceneMesh = stateRef.current.nodeObjects[String(id)];
-        if (sceneMesh) {
-          tweenToTarget(sceneMesh);
+  const handleOpenReference = useCallback4(
+    (referenceData) => {
+      const { type, id } = referenceData;
+      if (type === "node") {
+        const targetNode = allAvailableNodes.find(
+          (n) => String(n.id) === String(id)
+        );
+        if (targetNode) {
+          setAncestryLinkDetails(null);
+          setDetailsLink(null);
+          setDetailsNode(targetNode);
+          const sceneMesh = stateRef.current.nodeObjects[String(id)];
+          if (sceneMesh) {
+            tweenToTarget(sceneMesh);
+          }
+        } else {
+          alert("Node original n\xE3o encontrado neste contexto.");
+        }
+      } else if (type === "ancestry") {
+        const targetAncestry = allAvailableAncestries.find(
+          (a) => String(a.ancestry_id) === String(id)
+        );
+        if (targetAncestry) {
+          setDetailsNode(null);
+          setDetailsLink(null);
+          setAncestryLinkDetails(null);
+          handleEditAncestry(targetAncestry);
+        } else {
+          alert("Ancestralidade original n\xE3o encontrada neste contexto.");
         }
-      } else {
-        alert("Node original n\xE3o encontrado neste contexto.");
-      }
-    } else if (type === "ancestry") {
-      const targetAncestry = allAvailableAncestries.find((a) => String(a.ancestry_id) === String(id));
-      if (targetAncestry) {
-        setDetailsNode(null);
-        setDetailsLink(null);
-        setAncestryLinkDetails(null);
-        handleEditAncestry(targetAncestry);
-      } else {
-        alert("Ancestralidade original n\xE3o encontrada neste contexto.");
       }
-    }
-  }, [allAvailableNodes, allAvailableAncestries, handleEditAncestry, tweenToTarget]);
+    },
+    [
+      allAvailableNodes,
+      allAvailableAncestries,
+      handleEditAncestry,
+      tweenToTarget
+    ]
+  );
   const handleToggleAncestryAddMode = useCallback4(() => {
-    setAncestryMode((prev) => ({ ...prev, isAddingNodes: !prev.isAddingNodes }));
+    setAncestryMode((prev) => ({
+      ...prev,
+      isAddingNodes: !prev.isAddingNodes
+    }));
   }, []);
-  const handleFocusNode = useCallback4((nodeData) => {
-    if (!nodeData) return;
-    const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
-    if (nodeMesh) {
-      tweenToTarget(nodeMesh, 1.2);
-    }
-  }, [tweenToTarget]);
+  const handleFocusNode = useCallback4(
+    (nodeData) => {
+      if (!nodeData) return;
+      const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
+      if (nodeMesh) {
+        tweenToTarget(nodeMesh, 1.2);
+      }
+    },
+    [tweenToTarget]
+  );
   const availableDatasets = useMemo12(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
@@ -13556,7 +14462,9 @@ function XViewScene({
       };
     });
   }, [sceneVersion, isInitialized]);
-  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(String(creationMode.sourceNodeData.id))) == null ? void 0 : _b.parentFileId : null;
+  const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(
+    String(creationMode.sourceNodeData.id)
+  )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   useEffect22(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
@@ -13569,13 +14477,24 @@ function XViewScene({
         }, 300);
       } else {
         setHasFocusedInitial(true);
+        setInvalidTargetError(
+          "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
+        );
       }
     }
-  }, [isInitialized, sceneVersion, focusNodeId, hasFocusedInitial, tweenToTarget]);
+  }, [
+    isInitialized,
+    sceneVersion,
+    focusNodeId,
+    hasFocusedInitial,
+    tweenToTarget
+  ]);
   useEffect22(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
-      const targetAncestry = ancestries.find((a) => String(a.ancestry_id) === String(focusAncestryId));
+      const targetAncestry = ancestries.find(
+        (a) => String(a.ancestry_id) === String(focusAncestryId)
+      );
       if (targetAncestry) {
         setTimeout(() => {
           handleStartReadingAncestry(targetAncestry);
@@ -13583,20 +14502,43 @@ function XViewScene({
         }, 300);
       } else {
         setHasOpenedInitialAncestry(true);
+        setInvalidTargetError(
+          "O link aponta para uma ancestralidade que n\xE3o foi encontrada ou foi exclu\xEDda."
+        );
       }
     }
-  }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
+  }, [
+    isInitialized,
+    sceneVersion,
+    focusAncestryId,
+    hasOpenedInitialAncestry,
+    handleStartReadingAncestry
+  ]);
   useEffect22(() => {
     function handleKeyDown(event) {
       var _a2, _b2, _c2;
       const context = actionHandlerContext;
       if (event.key === "Escape") {
-        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
-        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
-        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
-        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
+        if (stateRef.current.connection.isActive)
+          userActionHandlers.handleCancelConnection(context);
+        if (stateRef.current.relink.isActive)
+          userActionHandlers.handleCancelRelink(context);
+        if (stateRef.current.creation.isActive)
+          userActionHandlers.handleCancelCreation(context);
+        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive)
+          userActionHandlers.handleCancelVersioning(context);
         if (stateRef.current.ancestry.isActive) {
-          setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+          setAncestryMode({
+            isActive: false,
+            tree: null,
+            selectedParentId: null,
+            isEditMode: false,
+            currentAncestryId: null,
+            ancestryName: "",
+            ancestryDescription: "",
+            ancestryDescriptionSections: [],
+            isAddingNodes: false
+          });
           if (mountRef.current) mountRef.current.style.cursor = "grab";
         }
         if (questMode.isActive) {
@@ -13605,7 +14547,9 @@ function XViewScene({
         if (stateRef.current.selectedNodes.size > 0) {
           stateRef.current.selectedNodes.clear();
         }
-        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+        setContextMenu(
+          (prev) => prev.visible ? { ...prev, visible: false } : prev
+        );
         setMultiContextMenu((prev) => ({ ...prev, visible: false }));
         setRelationshipMenu((prev) => ({ ...prev, visible: false }));
       }
@@ -13624,7 +14568,9 @@ function XViewScene({
             let attempts = 0;
             const MIN_CLEARANCE = 15;
             while (isOccupied && attempts < 30) {
-              isOccupied = existingNodes.some((mesh) => mesh.position.distanceTo(ghostPosition) < MIN_CLEARANCE);
+              isOccupied = existingNodes.some(
+                (mesh) => mesh.position.distanceTo(ghostPosition) < MIN_CLEARANCE
+              );
               if (isOccupied) {
                 ghostPosition.x = controls.target.x + Math.cos(angle) * radius;
                 ghostPosition.y = controls.target.y + (Math.random() - 0.5) * 8;
@@ -13643,7 +14589,11 @@ function XViewScene({
               intensity: 0,
               type: ["quest"]
             };
-            const ghostNode = createNodeMesh(ghostData, ghostPosition, glowTexture);
+            const ghostNode = createNodeMesh(
+              ghostData,
+              ghostPosition,
+              glowTexture
+            );
             ghostNode.traverse((child) => {
               if (child.isMesh) {
                 child.material.transparent = true;
@@ -13690,13 +14640,49 @@ function XViewScene({
     return /* @__PURE__ */ React25.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React25.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React25.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React25.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-16 h-16 mx-auto" }, /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", 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__ */ React25.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React25.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__ */ React25.createElement(
+    return /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React25.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React25.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React25.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        strokeWidth: 1.5,
+        stroke: "currentColor",
+        className: "w-16 h-16 mx-auto"
+      },
+      /* @__PURE__ */ React25.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          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__ */ React25.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React25.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__ */ React25.createElement(
       "button",
       {
         onClick: () => router.push("/dashboard/scenes"),
         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__ */ React25.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-5 h-5" }, /* @__PURE__ */ React25.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
+      /* @__PURE__ */ React25.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          strokeWidth: 2,
+          stroke: "currentColor",
+          className: "w-5 h-5"
+        },
+        /* @__PURE__ */ React25.createElement(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"
+          }
+        )
+      ),
       "Voltar para Scenes"
     )));
   }
@@ -13743,7 +14729,14 @@ function XViewScene({
         onImageChange: handleGhostNodeImageChange,
         onOpenImageViewer: handleOpenImageViewer,
         onMentionClick: handleAddExistingNode,
-        style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
+        style: {
+          position: "absolute",
+          left: `${formPosition.left}px`,
+          top: `${formPosition.top}px`,
+          opacity: formPosition.opacity,
+          zIndex: 20,
+          transition: "opacity 200ms ease-out"
+        },
         refEl: formRef,
         existingTypes: existingNodeTypes,
         initialColor: (_c = creationMode.sourceNodeData) == null ? void 0 : _c.color,
@@ -13767,7 +14760,14 @@ function XViewScene({
         onImageChange: handleGhostNodeImageChange,
         onOpenImageViewer: handleOpenImageViewer,
         onMentionClick: handleAddExistingNode,
-        style: { position: "absolute", left: `${formPosition.left}px`, top: `${formPosition.top}px`, opacity: formPosition.opacity, zIndex: 20, transition: "opacity 200ms ease-out" },
+        style: {
+          position: "absolute",
+          left: `${formPosition.left}px`,
+          top: `${formPosition.top}px`,
+          opacity: formPosition.opacity,
+          zIndex: 20,
+          transition: "opacity 200ms ease-out"
+        },
         refEl: formRef,
         fixedType: (_e = versionMode.sourceNodeData) == null ? void 0 : _e.type,
         fixedColor: (_f = versionMode.sourceNodeData) == null ? void 0 : _f.color,
@@ -13784,7 +14784,13 @@ function XViewScene({
         onNameChange: handleGhostNodeNameChange,
         onColorChange: handleGhostNodeColorChange,
         onSizeChange: handleGhostNodeSizeChange,
-        style: { position: "absolute", left: `16px`, top: `16px`, zIndex: 20, transition: "opacity 200ms ease-out" },
+        style: {
+          position: "absolute",
+          left: `16px`,
+          top: `16px`,
+          zIndex: 20,
+          transition: "opacity 200ms ease-out"
+        },
         refEl: formRef,
         onOpenImageViewer: handleOpenImageViewer,
         onMentionClick: handleAddExistingNode,
@@ -13799,7 +14805,14 @@ function XViewScene({
       "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"}`,
-        style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${readModeWidth}px`, maxWidth: "92vw" }
+        style: {
+          top: 16,
+          right: 16,
+          zIndex: 1100,
+          maxHeight: "calc(100vh - 32px)",
+          width: `${readModeWidth}px`,
+          maxWidth: "92vw"
+        }
       },
       /* @__PURE__ */ React25.createElement(
         "div",
@@ -13857,7 +14870,16 @@ function XViewScene({
         onSave: handleSaveAncestry,
         onEditRelationship: handleOpenAncestryRelEditor,
         onClose: () => {
-          setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", isAddingNodes: false });
+          setAncestryMode({
+            isActive: false,
+            tree: null,
+            selectedParentId: null,
+            isEditMode: false,
+            currentAncestryId: null,
+            ancestryName: "",
+            ancestryDescription: "",
+            isAddingNodes: false
+          });
           if (mountRef.current) mountRef.current.style.cursor = "grab";
         },
         availableNodes: allAvailableNodes,
@@ -13922,7 +14944,12 @@ function XViewScene({
         onOpenImageViewer: handleOpenImageViewer,
         existingTypes: existingNodeTypes,
         onImageChange: (useImage, url, currentColorOverride) => {
-          const updatedNode = { ...detailsNode, useImageAsTexture: useImage, textureImageUrl: url, color: currentColorOverride || detailsNode.color };
+          const updatedNode = {
+            ...detailsNode,
+            useImageAsTexture: useImage,
+            textureImageUrl: url,
+            color: currentColorOverride || detailsNode.color
+          };
           updateExistingNodeVisuals(stateRef.current, updatedNode);
           setDetailsNode(updatedNode);
         },
@@ -13996,7 +15023,9 @@ function XViewScene({
         parentData: parentDataRef.current,
         sceneData: sceneDataRef.current,
         ancestryData: ancestryDataRef.current,
-        onClose: () => setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev),
+        onClose: () => setContextMenu(
+          (prev) => prev.visible ? { ...prev, visible: false } : prev
+        ),
         onStartCreation: (data) => userActionHandlers.handleStartCreation(actionHandlerContext, data),
         onStartConnection: (data) => userActionHandlers.handleStartConnection(actionHandlerContext, data),
         onStartVersioning: handleStartVersioning,
@@ -14004,7 +15033,11 @@ function XViewScene({
         onDeleteNode: (data) => userActionHandlers.handleDeleteNode(actionHandlerContext, data),
         onDismissNode: (data) => userActionHandlers.handleDismissNode(actionHandlerContext, data),
         onDismissOtherNodes: (data) => userActionHandlers.handleDismissOtherNodes(actionHandlerContext, data),
-        onExpandConnections: (sourceNode, links) => userActionHandlers.handleExpandConnections(actionHandlerContext, sourceNode, links),
+        onExpandConnections: (sourceNode, links) => userActionHandlers.handleExpandConnections(
+          actionHandlerContext,
+          sourceNode,
+          links
+        ),
         onRenderAncestry: handleStartReadingAncestry,
         onEditAncestry: handleEditAncestry,
         onDeleteAncestry: (ancestryId) => handleDeleteAncestry(ancestryId),
@@ -14017,9 +15050,18 @@ function XViewScene({
         data: multiContextMenu,
         userRole: userPermissionRole,
         onClose: () => setMultiContextMenu((prev) => ({ ...prev, visible: false })),
-        onDismissNodes: (ids) => userActionHandlers.handleDismissMultipleNodes(actionHandlerContext, ids),
-        onDismissOtherNodes: (ids) => userActionHandlers.handleDismissOtherMultipleNodes(actionHandlerContext, ids),
-        onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(actionHandlerContext, ids)
+        onDismissNodes: (ids) => userActionHandlers.handleDismissMultipleNodes(
+          actionHandlerContext,
+          ids
+        ),
+        onDismissOtherNodes: (ids) => userActionHandlers.handleDismissOtherMultipleNodes(
+          actionHandlerContext,
+          ids
+        ),
+        onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(
+          actionHandlerContext,
+          ids
+        )
       }
     ),
     /* @__PURE__ */ React25.createElement(
@@ -14040,7 +15082,13 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React25.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
+    /* @__PURE__ */ React25.createElement(
+      ImageViewer,
+      {
+        data: imageViewer,
+        onClose: () => setImageViewer({ ...imageViewer, visible: false })
+      }
+    ),
     /* @__PURE__ */ React25.createElement(
       AncestryBoard,
       {
@@ -14066,6 +15114,83 @@ function XViewScene({
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
       }
+    ),
+    invalidTargetError && /* @__PURE__ */ React25.createElement(
+      "div",
+      {
+        className: "ui-overlay",
+        style: {
+          position: "fixed",
+          top: "24px",
+          left: "50%",
+          transform: "translateX(-50%)",
+          zIndex: 1e4,
+          padding: "16px 24px",
+          background: "rgba(30, 20, 20, 0.85)",
+          backdropFilter: "blur(12px)",
+          WebkitBackdropFilter: "blur(12px)",
+          border: "1px solid rgba(255, 70, 70, 0.35)",
+          borderRadius: "16px",
+          boxShadow: "0 12px 40px rgba(0,0,0,0.5), 0 0 30px rgba(255, 50, 50, 0.1)",
+          color: "#ffa0a0",
+          display: "flex",
+          alignItems: "center",
+          gap: "16px",
+          fontFamily: "Inter, sans-serif",
+          animation: "fadeInDown 0.5s cubic-bezier(0.16, 1, 0.3, 1)"
+        }
+      },
+      /* @__PURE__ */ React25.createElement("style", null, `
+            @keyframes fadeInDown {
+              from { opacity: 0; transform: translate(-50%, -20px); }
+              to { opacity: 1; transform: translate(-50%, 0); }
+            }
+          `),
+      /* @__PURE__ */ React25.createElement(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React25.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React25.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React25.createElement("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+      ),
+      /* @__PURE__ */ React25.createElement("span", { style: { fontSize: "14px", fontWeight: 500 } }, invalidTargetError),
+      /* @__PURE__ */ React25.createElement(
+        "button",
+        {
+          onClick: () => setInvalidTargetError(null),
+          style: {
+            background: "rgba(255, 255, 255, 0.1)",
+            border: "none",
+            color: "white",
+            padding: "4px 10px",
+            borderRadius: "8px",
+            cursor: "pointer",
+            fontSize: "12px",
+            fontWeight: 600,
+            transition: "all 0.2s",
+            marginLeft: "8px",
+            border: "1px solid rgba(255,255,255,0.1)"
+          },
+          onMouseOver: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.15)";
+            e.currentTarget.style.transform = "translateY(-1px)";
+          },
+          onMouseOut: (e) => {
+            e.currentTarget.style.background = "rgba(255, 255, 255, 0.1)";
+            e.currentTarget.style.transform = "translateY(0)";
+          }
+        },
+        "Fechar"
+      )
     )
   );
 }