@lv-x-software-house/x_view 1.2.5-dev.1 → 1.2.5-dev.11

package/dist/index.mjs

@@ -111,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]);
@@ -119,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]);
@@ -134,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) => {
@@ -186,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;
@@ -314,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",
@@ -330,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",
@@ -408,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: () => {
@@ -659,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,
@@ -668,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",
@@ -725,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;
@@ -3101,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;
@@ -3113,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) {
@@ -3432,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 = () => {
@@ -3488,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 });
@@ -4343,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",
       {
@@ -5472,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,
@@ -5794,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();
@@ -5861,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;
@@ -5884,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 };
     });
@@ -5942,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.");
       }
@@ -6014,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" });
@@ -6022,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(() => {
@@ -6136,6 +6206,7 @@ function CreateAncestryPanel({
       updateGlobalTree(rootTreeClone);
       setBranchStack([...branchStack]);
       setIsPickerOpen(false);
+      setHasUnsavedChanges(true);
       try {
         setIsSaving(true);
         const rootProps = extractCustomPropsFromNode(ancestryMode);
@@ -6149,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",
@@ -6191,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);
@@ -6212,6 +6285,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6244,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);
@@ -6265,6 +6340,7 @@ function CreateAncestryPanel({
             isPrivate,
             ancestryMode.abstraction_tree
           ));
+          setHasUnsavedChanges(false);
           if (onClearAncestryVisuals) {
             onClearAncestryVisuals(currentStep.branchId);
           }
@@ -6526,6 +6602,7 @@ function CreateAncestryPanel({
     }
     setBranchStack(parentStack);
     setTargetScrollSectionId(targetFocusId);
+    setHasUnsavedChanges(true);
     if (onRenderFullAncestry) {
       const parentStack2 = currentStack;
       const rotation = parentStack2.reduce((acc, step) => {
@@ -6587,7 +6664,6 @@ function CreateAncestryPanel({
           direction,
           tree: {
             node: nodeData,
-            node_id: nodeId,
             children: [],
             relationship: {}
           }
@@ -6609,6 +6685,7 @@ function CreateAncestryPanel({
         savedMaxIndex: parentIndexToSave,
         entryDirection: direction
       }]);
+      setHasUnsavedChanges(true);
       if (branch && branch.tree && onRenderFullAncestry) {
         const branchAncestryObj = {
           ancestry_id: branch.id,
@@ -6659,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;
@@ -6666,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
@@ -6712,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);
@@ -6763,6 +6841,7 @@ function CreateAncestryPanel({
           updatedRootTree,
           extrasObj
         );
+        setHasUnsavedChanges(false);
         setLastSavedSnapshot(takeSnapshot(
           updatedRootTree,
           currentInputName,
@@ -6785,6 +6864,7 @@ function CreateAncestryPanel({
     const newTreeString = JSON.stringify(newRootTree);
     if (currentTreeString !== newTreeString) {
       updateGlobalTree(newRootTree);
+      setHasUnsavedChanges(true);
     }
   }, [description, existingSections]);
   const handleTriggerFullRender = () => {
@@ -6807,6 +6887,7 @@ function CreateAncestryPanel({
   };
   const handleSaveDescriptionInline = (newDesc) => {
     setDescription(newDesc);
+    setHasUnsavedChanges(true);
     handleLocalSave(true, { description: newDesc });
   };
   const swallow = (e) => e.stopPropagation();
@@ -6936,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"
       }
@@ -7585,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;
@@ -7885,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;
@@ -8307,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,
@@ -8344,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));
@@ -8370,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;
@@ -8387,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();
@@ -8402,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") {
@@ -8418,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" });
@@ -8426,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");
@@ -8460,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,
@@ -8470,6 +8567,7 @@ function NodeDetailsPanel({
   };
   const handleSaveDescriptionInline = (newDescription) => {
     setDescription(newDescription);
+    setHasUnsavedChanges(true);
     onDataUpdate({ ...node, description: newDescription });
     triggerAutoSave({ description: newDescription });
   };
@@ -8480,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;
@@ -8504,6 +8606,7 @@ function NodeDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -8570,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,
@@ -8578,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",
@@ -8740,6 +8843,7 @@ function NodeDetailsPanel({
       initialValue: description,
       onSave: (newDescription) => {
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -8799,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,
@@ -8830,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(() => {
@@ -8861,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();
@@ -8878,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") {
@@ -8895,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" });
@@ -8903,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 });
   };
@@ -8926,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;
@@ -8955,6 +9074,7 @@ function QuestDetailsPanel({
       };
       await onSave(dataToSave, keepOpen);
       onDataUpdate(dataToSave);
+      setHasUnsavedChanges(false);
       if (!keepOpen) {
         onClose();
       }
@@ -9012,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",
@@ -9186,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);
@@ -9199,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" });
@@ -9216,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));
@@ -9231,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();
       }
@@ -9246,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 });
     }
@@ -9305,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,
@@ -9387,6 +9559,7 @@ function RelationshipDetailsPanel({
       onSave: (newDescription) => {
         if (!canEdit) return;
         setDescription(newDescription);
+        setHasUnsavedChanges(true);
         onDataUpdate((prev) => ({ ...prev, description: newDescription }));
         triggerAutoSave({ description: newDescription });
       },
@@ -9834,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),
@@ -10627,6 +10800,7 @@ function XViewScene({
   });
   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([]);
@@ -11288,6 +11462,7 @@ function XViewScene({
           boardPromise
         ]);
         if ((sceneResponse == null ? void 0 : sceneResponse.success) && ((_a2 = sceneResponse.data) == null ? void 0 : _a2.scene) && ((_b2 = sceneResponse.data) == null ? void 0 : _b2.parent)) {
+          console.log("XViewScene - View Members:", sceneResponse.data.scene.members);
           if (focusNodeId) {
             let targetNode = sceneResponse.data.scene.nodes.find(
               (n) => String(n.id) === String(focusNodeId)
@@ -13528,7 +13703,7 @@ function XViewScene({
     sceneVersion
   ]);
   const handleStartReadingAncestry = useCallback4(
-    async (ancestryObject) => {
+    async (ancestryObject, renderMode = "full") => {
       setContextMenu(
         (prev) => prev.visible ? { ...prev, visible: false } : prev
       );
@@ -13544,14 +13719,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: hasDescription,
+        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"]);
@@ -14297,6 +14478,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasFocusedInitial(true);
+        setInvalidTargetError(
+          "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
+        );
       }
     }
   }, [
@@ -14319,6 +14503,9 @@ function XViewScene({
         }, 300);
       } else {
         setHasOpenedInitialAncestry(true);
+        setInvalidTargetError(
+          "O link aponta para uma ancestralidade que n\xE3o foi encontrada ou foi exclu\xEDda."
+        );
       }
     }
   }, [
@@ -14928,6 +15115,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"
+      )
     )
   );
 }