@lv-x-software-house/x_view 1.2.2-dev.8 → 1.2.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/XViewScene.jsx
-import React23, { useCallback as useCallback3, useEffect as useEffect21, useRef as useRef17, useState as useState22, useMemo as useMemo12 } from "react";
+import React23, { useCallback as useCallback4, useEffect as useEffect21, useRef as useRef17, useState as useState23, useMemo as useMemo12 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
 import CryptoJS from "crypto-js";
@@ -246,7 +246,7 @@ function ContextMenu({
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__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: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", null, "Conectar")), ability.can("create", "Node") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__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: "10" }), /* @__PURE__ */ React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ React.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ React.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar 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: "M10 20.5c.5-.5.8-1.2.8-2s-.3-1.5-.8-2c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8c-.5.5-.8 1.2-.8 2s.3 1.5.8 2c.5.5 1.2-.8 2 .8s1.5-.3 2-.8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M14 3.5c.5.5.8 1.2.8 2s-.3 1.5-.8 2c-.5-.5-1.2-.8-2 .8s1.5.3-2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ React.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__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: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ React.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__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 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" }), /* @__PURE__ */ React.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ React.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => {
       onFocusNode == null ? void 0 : onFocusNode(data.nodeData);
       onClose();
-    }, className: baseButtonClass, title: "Focar na c\xE2mera" }, /* @__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: "10" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ React.createElement("span", null, "Focar neste Node")), /* @__PURE__ */ React.createElement("button", { onClick: (e) => handleCopyLink(e, data.nodeData), className: baseButtonClass, title: "Copiar Link para Compartilhar" }, isLinkCopied ? /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#4ade80", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__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: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", { className: isLinkCopied ? "text-green-400" : "" }, isLinkCopied ? "Copiado!" : "Copiar Link")), ability.can("dismiss", "Node") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissNode == null ? void 0 : onDismissNode(data.nodeData), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__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: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss")), /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissOtherNodes == null ? void 0 : onDismissOtherNodes(data.nodeData), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__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: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss other nodes"))), ability.can("delete", "Node") && /* @__PURE__ */ React.createElement("button", { onClick: () => onDeleteNode == null ? void 0 : onDeleteNode(data.nodeData), className: deleteButtonClass, title: "Excluir Node" }, /* @__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("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React.createElement("span", null, "Excluir Node"))));
+    }, className: baseButtonClass, title: "Focar na c\xE2mera" }, /* @__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: "10" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ React.createElement("span", null, "Focar neste Node")), /* @__PURE__ */ React.createElement("button", { onClick: (e) => handleCopyLink(e, data.nodeData), className: baseButtonClass, title: "Copiar Link para Compartilhar" }, isLinkCopied ? /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#4ade80", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__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: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", { className: isLinkCopied ? "text-green-400" : "" }, isLinkCopied ? "Copiado!" : "Copiar Link")), ability.can("dismiss", "Node") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissNode == null ? void 0 : onDismissNode(data.nodeData), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__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: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss")), /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissOtherNodes == null ? void 0 : onDismissOtherNodes(data.nodeData), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__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: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss other nodes"))), ability.can("delete", "Node") && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("deleteConfirmation"), className: deleteButtonClass, title: "Excluir Node" }, /* @__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("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React.createElement("span", null, "Excluir Node"))));
   };
   const renderVersionSubMenuView = () => {
     const group = versionSubMenu;
@@ -338,6 +338,24 @@ function ContextMenu({
       /* @__PURE__ */ React.createElement("span", { className: "flex-1 truncate" }, version.name)
     ))));
   };
+  const renderDeleteConfirmationView = () => {
+    var _a2;
+    return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ React.createElement("strong", null, (_a2 = data.nodeData) == null ? void 0 : _a2.name), "?"), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] text-slate-400 leading-tight" }, "Todas as conex\xF5es associadas tamb\xE9m ser\xE3o apagadas.")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => setMenuView("main"),
+        className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
+      },
+      "Cancelar"
+    ), /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        onClick: () => onDeleteNode == null ? void 0 : onDeleteNode(data.nodeData),
+        className: "flex-1 px-2 py-2 text-xs font-medium bg-red-500 hover:bg-red-600 rounded-md text-white transition-colors"
+      },
+      "Excluir"
+    )));
+  };
   return /* @__PURE__ */ React.createElement(
     "div",
     {
@@ -353,7 +371,7 @@ function ContextMenu({
       onDoubleClick: swallow
     },
     /* @__PURE__ */ React.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
-    /* @__PURE__ */ React.createElement("div", { className: "p-1.5" }, menuView === "main" && renderMainView(), menuView === "connections" && renderConnectionsView(), menuView === "ancestryActions" && renderAncestryActionsView(), menuView === "versioning" && renderVersioningView())
+    /* @__PURE__ */ React.createElement("div", { className: "p-1.5" }, menuView === "main" && renderMainView(), menuView === "connections" && renderConnectionsView(), menuView === "ancestryActions" && renderAncestryActionsView(), menuView === "versioning" && renderVersioningView(), menuView === "deleteConfirmation" && renderDeleteConfirmationView())
   );
 }
 
@@ -735,7 +753,7 @@ function XViewSidebar({
 }
 
 // src/components/AncestryRelationshipPanel.jsx
-import React8, { useState as useState8, useEffect as useEffect8, useRef as useRef7 } from "react";
+import React8, { useState as useState9, useEffect as useEffect8, useRef as useRef7 } from "react";
 
 // node_modules/uuid/dist/esm-node/rng.js
 import crypto from "crypto";
@@ -785,6 +803,7 @@ function v4(options, buf, offset) {
 var v4_default = v4;
 
 // src/logic/x_view_utils.js
+import { useState as useState3, useCallback } from "react";
 import * as THREE2 from "three";
 
 // src/logic/x_view_config.js
@@ -1534,7 +1553,6 @@ var userActionHandlers = {
       color: ghostColor,
       emissive: ghostEmissive,
       emissiveIntensity: MIN_VISIBILITY_INTENSITY,
-      // <-- Forçamos o brilho mínimo
       roughness: 0.6,
       metalness: 0,
       transparent: true,
@@ -1691,7 +1709,6 @@ var userActionHandlers = {
       color: ghostColor,
       emissive: ghostEmissive,
       emissiveIntensity: MIN_VISIBILITY_INTENSITY,
-      // <-- Forçamos o brilho mínimo
       roughness: 0.6,
       metalness: 0,
       transparent: true,
@@ -1988,9 +2005,7 @@ var userActionHandlers = {
     linkObject.visible = false;
     controls.enabled = false;
     if (mountRef.current) mountRef.current.style.cursor = "crosshair";
-    const tempMat = new LineMaterial({
-      /* ... material tracejado ... */
-    });
+    const tempMat = new LineMaterial({});
     const tempGeom = new LineGeometry().setPositions([
       ...fixedNode.position.toArray(),
       ...fixedNode.position.toArray()
@@ -2119,9 +2134,6 @@ var userActionHandlers = {
     const { parentFileId, ownerId } = parentInfo;
     const srcName = ((_c = (_b = (_a = linkObject.userData) == null ? void 0 : _a.sourceNode) == null ? void 0 : _b.userData) == null ? void 0 : _c.name) ?? linkObject.userData.source;
     const tgtName = ((_f = (_e = (_d = linkObject.userData) == null ? void 0 : _d.targetNode) == null ? void 0 : _e.userData) == null ? void 0 : _f.name) ?? linkObject.userData.target;
-    if (!window.confirm(`Tem certeza que deseja excluir a conex\xE3o entre "${srcName}" \u2192 "${tgtName}"?`)) {
-      return;
-    }
     const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
     const newLinks = (specificParentData.links || []).filter((l) => String(l.id) !== String(linkIdToDelete));
     specificParentData.links = newLinks;
@@ -2275,9 +2287,6 @@ var userActionHandlers = {
     const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !graphDataRef.current || !sceneDataRef.current) return;
-    if (!window.confirm(`Tem certeza que deseja excluir ${nodeIds.size} Nodes e todas as suas conex\xF5es? Esta a\xE7\xE3o \xE9 irrevers\xEDvel.`)) {
-      return;
-    }
     const strNodeIdsToDelete = Array.from(nodeIds).map(String);
     if (actions.delete_file) {
       strNodeIdsToDelete.forEach((id) => {
@@ -2358,9 +2367,6 @@ var userActionHandlers = {
     }
     setters.setContextMenu({ visible: false });
     if (!nodeData || !graphDataRef.current || !sceneDataRef.current) return;
-    if (!window.confirm(`Tem certeza que deseja excluir o Node "${nodeData.name}" e todas as sua conex\xF5es?`)) {
-      return;
-    }
     const nodeIdToDelete = nodeData.id;
     const strNodeId = String(nodeIdToDelete);
     const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeIdToDelete);
@@ -2999,9 +3005,36 @@ var extractFileUrlsFromProperties = (dataObject) => {
   });
   return urlsToDelete;
 };
+function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
+  const [width, setWidth] = useState3(initialWidth);
+  const [isResizing, setIsResizing] = useState3(false);
+  const handlePointerDown = useCallback((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsResizing(true);
+    const startX = e.clientX;
+    const startWidth = width;
+    const originalUserSelect = document.body.style.userSelect;
+    document.body.style.userSelect = "none";
+    const handlePointerMove = (moveEvent) => {
+      const deltaX = startX - moveEvent.clientX;
+      const newWidth = Math.min(Math.max(startWidth + deltaX, minWidth), maxWidth);
+      setWidth(newWidth);
+    };
+    const handlePointerUp = () => {
+      setIsResizing(false);
+      document.body.style.userSelect = originalUserSelect;
+      document.removeEventListener("pointermove", handlePointerMove);
+      document.removeEventListener("pointerup", handlePointerUp);
+    };
+    document.addEventListener("pointermove", handlePointerMove);
+    document.addEventListener("pointerup", handlePointerUp);
+  }, [width, minWidth, maxWidth]);
+  return { width, isResizing, handlePointerDown, setWidth };
+}
 
 // src/components/CustomPropertyDisplay.jsx
-import React3, { useState as useState3, useRef as useRef3, useEffect as useEffect3 } from "react";
+import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
 import { FiCheck, FiX, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
 function CustomPropertyDisplay({
   prop,
@@ -3016,12 +3049,12 @@ function CustomPropertyDisplay({
   },
   onUploadFile
 }) {
-  const [isEditing, setIsEditing] = useState3(prop.isEditing ?? false);
-  const [tempProp, setTempProp] = useState3(prop);
-  const [isHovered, setIsHovered] = useState3(false);
-  const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState3(false);
+  const [isEditing, setIsEditing] = useState4(prop.isEditing ?? false);
+  const [tempProp, setTempProp] = useState4(prop);
+  const [isHovered, setIsHovered] = useState4(false);
+  const [isTypeDropdownOpen, setIsTypeDropdownOpen] = useState4(false);
   const dropdownRef = useRef3(null);
-  const [uploadingItemIndex, setUploadingItemIndex] = useState3(null);
+  const [uploadingItemIndex, setUploadingItemIndex] = useState4(null);
   const fileInputRef = useRef3(null);
   const currentUploadTargetRef = useRef3(null);
   useEffect3(() => {
@@ -3144,8 +3177,8 @@ function CustomPropertyDisplay({
     const availableOptions = [
       { value: "links", label: "Links", unique: true },
       { value: "images", label: "Images", unique: true },
-      { value: "documents", label: "Documents", unique: true },
       { value: "date", label: "Data", unique: true },
+      { value: "documents", label: "Documents", unique: true },
       { value: "text", label: "Texto", unique: false },
       { value: "number", label: "N\xFAmero", unique: false },
       { value: "list", label: "Lista", unique: false }
@@ -3367,15 +3400,15 @@ function CustomPropertyDisplay({
 import { FiPlus, FiEdit2 as FiEdit22, FiBookOpen } from "react-icons/fi";
 
 // src/components/DescriptionEditModal.jsx
-import React5, { useState as useState5, useEffect as useEffect5, useRef as useRef5, useMemo as useMemo4 } from "react";
-import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage } from "react-icons/fi";
+import React5, { useState as useState6, useEffect as useEffect5, useRef as useRef5, useMemo as useMemo4 } from "react";
+import { FiType, FiList, FiCode, FiLink as FiLink2, FiAtSign, FiSearch as FiSearch2, FiHexagon as FiHexagon2, FiGlobe, FiImage, FiCheckSquare } from "react-icons/fi";
 
 // src/components/SectionImportModal.jsx
-import React4, { useState as useState4, useMemo as useMemo3, useRef as useRef4, useEffect as useEffect4 } from "react";
+import React4, { useState as useState5, useMemo as useMemo3, useRef as useRef4, useEffect as useEffect4 } from "react";
 import { FiSearch, FiLayers as FiLayers2, FiHexagon, FiClock, FiCheck as FiCheck2, FiCopy, FiTerminal, FiChevronDown as FiChevronDown2, FiChevronRight, FiDownload, FiLink } from "react-icons/fi";
 var CodeBlock = ({ content, isActive, onClick }) => {
-  const [isExpanded, setIsExpanded] = useState4(false);
-  const [copied, setCopied] = useState4(false);
+  const [isExpanded, setIsExpanded] = useState5(false);
+  const [copied, setCopied] = useState5(false);
   const cleanContent = content.replace(/^```|```$/g, "").trim();
   const isLongCode = cleanContent.split("\n").length > 4;
   const handleCopy = (e) => {
@@ -3438,12 +3471,14 @@ var formatLineContent = (line) => {
   return /* @__PURE__ */ React4.createElement("span", { className: "break-words" }, line);
 };
 function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], availableAncestries = [] }) {
-  const [searchTerm, setSearchTerm] = useState4("");
-  const [selectedItem, setSelectedItem] = useState4(null);
-  const [searchHistory, setSearchHistory] = useState4([]);
-  const [activeIndex, setActiveIndex] = useState4(0);
+  const [searchTerm, setSearchTerm] = useState5("");
+  const [selectedItem, setSelectedItem] = useState5(null);
+  const [searchHistory, setSearchHistory] = useState5([]);
+  const [activeIndex, setActiveIndex] = useState5(0);
+  const [selectedIndices, setSelectedIndices] = useState5(/* @__PURE__ */ new Set([0]));
+  const [lastSelectedIndex, setLastSelectedIndex] = useState5(0);
   const sectionRefs = useRef4([]);
-  const [isDropdownOpen, setIsDropdownOpen] = useState4(false);
+  const [isDropdownOpen, setIsDropdownOpen] = useState5(false);
   const inputRef = useRef4(null);
   useEffect4(() => {
     if (!selectedItem) return;
@@ -3490,6 +3525,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
   }, [selectedItem]);
   useEffect4(() => {
     setActiveIndex(0);
+    setSelectedIndices(/* @__PURE__ */ new Set([0]));
+    setLastSelectedIndex(0);
   }, [selectedItem]);
   useEffect4(() => {
     if (selectedItem && sectionRefs.current[activeIndex]) {
@@ -3506,22 +3543,64 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
       if (document.activeElement === inputRef.current) return;
       if (e.key === "ArrowDown" || e.key === "ArrowRight") {
         e.preventDefault();
-        setActiveIndex((prev) => Math.min(prev + 1, itemSections.length - 1));
+        setActiveIndex((prev) => {
+          const next = Math.min(prev + 1, itemSections.length - 1);
+          if (e.shiftKey) {
+            setSelectedIndices((old) => /* @__PURE__ */ new Set([...old, next]));
+          } else if (!e.ctrlKey && !e.metaKey) {
+            setSelectedIndices(/* @__PURE__ */ new Set([next]));
+            setLastSelectedIndex(next);
+          }
+          return next;
+        });
       }
       if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
         e.preventDefault();
-        setActiveIndex((prev) => Math.max(prev - 1, 0));
+        setActiveIndex((prev) => {
+          const next = Math.max(prev - 1, 0);
+          if (e.shiftKey) {
+            setSelectedIndices((old) => /* @__PURE__ */ new Set([...old, next]));
+          } else if (!e.ctrlKey && !e.metaKey) {
+            setSelectedIndices(/* @__PURE__ */ new Set([next]));
+            setLastSelectedIndex(next);
+          }
+          return next;
+        });
       }
       if (e.key === "Enter") {
         e.preventDefault();
-        if (itemSections[activeIndex]) {
-          handleConfirmImport(itemSections[activeIndex]);
-        }
+        handleConfirmImport();
       }
     };
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [itemSections, activeIndex, selectedItem]);
+  }, [itemSections, selectedItem]);
+  const handleSectionClick = (index, e) => {
+    e.stopPropagation();
+    if (e.shiftKey && lastSelectedIndex !== null) {
+      const start = Math.min(lastSelectedIndex, index);
+      const end = Math.max(lastSelectedIndex, index);
+      const newSelection = new Set(selectedIndices);
+      for (let i = start; i <= end; i++) {
+        newSelection.add(i);
+      }
+      setSelectedIndices(newSelection);
+    } else if (e.ctrlKey || e.metaKey) {
+      const newSelection = new Set(selectedIndices);
+      if (newSelection.has(index)) {
+        newSelection.delete(index);
+        if (newSelection.size === 0) newSelection.add(index);
+      } else {
+        newSelection.add(index);
+      }
+      setSelectedIndices(newSelection);
+      setLastSelectedIndex(index);
+    } else {
+      setSelectedIndices(/* @__PURE__ */ new Set([index]));
+      setLastSelectedIndex(index);
+    }
+    setActiveIndex(index);
+  };
   const handleSelectItem = (item) => {
     setSelectedItem(item);
     setSearchHistory((prev) => {
@@ -3535,16 +3614,22 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
     setSearchTerm("");
     setIsDropdownOpen(false);
   };
-  const handleConfirmImport = (sectionToImport = null) => {
-    const section = sectionToImport || itemSections[activeIndex];
-    if (!section) return;
+  const handleConfirmImport = () => {
+    if (selectedIndices.size === 0) return;
     const type = selectedItem._type;
     const itemId = selectedItem.id || selectedItem.ancestry_id;
-    if (section.id) {
-      const tag = `[[REF:${type}:${itemId}:${section.id}]]`;
-      onSelect(tag);
+    const indicesToImport = Array.from(selectedIndices).sort((a, b) => a - b);
+    const tagsToImport = [];
+    indicesToImport.forEach((idx) => {
+      const section = itemSections[idx];
+      if (section && section.id) {
+        tagsToImport.push(`[[REF:${type}:${itemId}:${section.id}]]`);
+      }
+    });
+    if (tagsToImport.length > 0) {
+      onSelect(tagsToImport);
     } else {
-      alert("Esta se\xE7\xE3o n\xE3o possui um ID \xFAnico salvo. Salve o node de origem primeiro.");
+      alert("Nenhuma se\xE7\xE3o v\xE1lida selecionada.");
     }
   };
   const renderSectionContent = (content) => {
@@ -3615,7 +3700,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
         /* @__PURE__ */ React4.createElement("div", { className: "truncate" }, /* @__PURE__ */ React4.createElement("div", { className: "text-sm font-medium text-slate-200 truncate" }, item.name), /* @__PURE__ */ React4.createElement("div", { className: "text-[10px] text-slate-500 uppercase tracking-wider" }, isNode ? ((_a = item.version_node) == null ? void 0 : _a.is_version) ? "Vers\xE3o" : "Node" : "Ancestralidade"))
       );
     }))), /* @__PURE__ */ React4.createElement("div", { className: "flex-1 flex flex-col bg-black/20 relative z-10" }, selectedItem ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pr-8" }, /* @__PURE__ */ React4.createElement("div", { className: "w-full text-sm leading-relaxed text-slate-300 break-words whitespace-pre-wrap" }, itemSections.map((section, index) => {
-      const isActive = index === activeIndex;
+      const isSelected = selectedIndices.has(index);
+      const isFocused = index === activeIndex;
       const match = section.content.match(/^(\s*)([\s\S]*?)(\s*)$/);
       let leadingSpace = match ? match[1] : "";
       const bodyText = match ? match[2] : section.content;
@@ -3633,10 +3719,11 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
               refAssigned = true;
             }
           },
-          onClick: () => setActiveIndex(index),
+          onClick: (e) => handleSectionClick(index, e),
           className: `
                                                                 transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone
-                                                                ${isActive ? "bg-indigo-500/20 ring-1 ring-indigo-500/30" : "hover:bg-white/5"}
+                                                                ${isSelected ? "bg-indigo-500/30 ring-1 ring-indigo-500/50" : "hover:bg-white/5"}
+                                                                ${isFocused && !isSelected ? "ring-1 ring-white/20" : ""}
                                                             `
         },
         renderSectionContent(bodyText)
@@ -3657,8 +3744,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
               CodeBlock,
               {
                 content: part,
-                isActive,
-                onClick: () => setActiveIndex(index)
+                isActive: isSelected,
+                onClick: (e) => handleSectionClick(index, e)
               }
             )
           );
@@ -3668,7 +3755,7 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
           const isLastLine = lineIndex === lines.length - 1;
           const isEmptyLine = line.trim() === "";
           if (isEmptyLine) {
-            return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: `${index}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React4.createElement("br", null));
+            return /* @__PURE__ */ React4.createElement("br", { key: `${index}-${partIndex}-${lineIndex}` });
           }
           return /* @__PURE__ */ React4.createElement(React4.Fragment, { key: `${index}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React4.createElement(
             "span",
@@ -3679,10 +3766,11 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
                   refAssigned = true;
                 }
               },
-              onClick: () => setActiveIndex(index),
+              onClick: (e) => handleSectionClick(index, e),
               className: `
-                                                                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone
-                                                                                        ${isActive ? "bg-indigo-500/20 text-white ring-1 ring-indigo-500/30" : "hover:bg-white/5 hover:text-slate-200"}
+                                                                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone select-none
+                                                                                        ${isSelected ? "bg-indigo-500/30 text-white ring-1 ring-indigo-500/50 shadow-sm" : "hover:bg-white/5 hover:text-slate-200"}
+                                                                                        ${isFocused && !isSelected ? "ring-1 ring-white/20" : ""}
                                                                                     `
             },
             formatLineContent(line)
@@ -3696,7 +3784,8 @@ function SectionImportModal({ isOpen, onClose, onSelect, availableNodes = [], av
         className: "flex items-center gap-2 px-6 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-semibold rounded-lg shadow-lg shadow-indigo-500/20 transition-all transform active:scale-95"
       },
       /* @__PURE__ */ React4.createElement(FiDownload, { className: "text-indigo-200" }),
-      "Importar Se\xE7\xE3o"
+      "Importar ",
+      selectedIndices.size > 1 ? `${selectedIndices.size} Se\xE7\xF5es` : "Se\xE7\xE3o"
     ))) : /* @__PURE__ */ React4.createElement("div", { className: "flex-1 flex flex-col items-center justify-center text-slate-500" }, /* @__PURE__ */ React4.createElement("div", { className: "w-16 h-16 rounded-full bg-white/5 flex items-center justify-center mb-4" }, /* @__PURE__ */ React4.createElement(FiSearch, { size: 24, className: "opacity-50" })), /* @__PURE__ */ React4.createElement("p", null, "Selecione um item \xE0 esquerda para visualizar suas se\xE7\xF5es."))))
   ));
 }
@@ -3728,16 +3817,22 @@ function DescriptionEditModal({
   availableAncestries = [],
   availableImages = []
 }) {
-  const [text, setText] = useState5(initialValue || "");
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.9 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize } = useResizablePanel({
+    initialWidth: 700,
+    minWidth: 400,
+    maxWidth: maxPanelW
+  });
+  const [text, setText] = useState6(initialValue || "");
   const textareaRef = useRef5(null);
-  const [isImportModalOpen, setIsImportModalOpen] = useState5(false);
-  const [isMentionModalOpen, setIsMentionModalOpen] = useState5(false);
-  const [mentionSearch, setMentionSearch] = useState5("");
-  const [mentionTriggerIndex, setMentionTriggerIndex] = useState5(null);
-  const [isImageModalOpen, setIsImageModalOpen] = useState5(false);
-  const [manualImageUrl, setManualImageUrl] = useState5("");
+  const [isImportModalOpen, setIsImportModalOpen] = useState6(false);
+  const [isMentionModalOpen, setIsMentionModalOpen] = useState6(false);
+  const [mentionSearch, setMentionSearch] = useState6("");
+  const [mentionTriggerIndex, setMentionTriggerIndex] = useState6(null);
+  const [isImageModalOpen, setIsImageModalOpen] = useState6(false);
+  const [manualImageUrl, setManualImageUrl] = useState6("");
   const hoverTimeoutRef = useRef5(null);
-  const [tooltipData, setTooltipData] = useState5(null);
+  const [tooltipData, setTooltipData] = useState6(null);
   useEffect5(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -3830,12 +3925,28 @@ function DescriptionEditModal({
     const uniqueSuffix = v4_default().slice(0, 4);
     insertAtCursor(`*/${nextNum}:${uniqueSuffix}/ `);
   };
-  const handleImportSelect = (tag) => {
-    const nextNum = getNextSectionNumber(text);
-    const uniqueSuffix = v4_default().slice(0, 4);
-    insertAtCursor(`
-*/${nextNum}:${uniqueSuffix}/ ${tag}
-`);
+  const handleImportSelect = (tags) => {
+    const tagsArray = Array.isArray(tags) ? tags : [tags];
+    const el = textareaRef.current;
+    if (!el) return;
+    let currentText = text;
+    let currentNum = getNextSectionNumber(currentText);
+    let blockToInsert = "";
+    tagsArray.forEach((tag) => {
+      const uniqueSuffix = v4_default().slice(0, 4);
+      blockToInsert += `
+*/${currentNum}:${uniqueSuffix}/ ${tag}
+`;
+      currentNum++;
+    });
+    const start = el.selectionStart;
+    const end = el.selectionEnd;
+    const newText = currentText.substring(0, start) + blockToInsert + currentText.substring(end);
+    el.value = newText;
+    el.setSelectionRange(start + blockToInsert.length, start + blockToInsert.length);
+    el.dispatchEvent(new Event("input", { bubbles: true }));
+    el.focus();
+    setText(newText);
     setIsImportModalOpen(false);
   };
   const handleMentionSelect = (node) => {
@@ -3871,6 +3982,70 @@ function DescriptionEditModal({
       setIsMentionModalOpen(true);
     }
   };
+  const handleKeyDownTextarea = (e) => {
+    const el = textareaRef.current;
+    if (!el) return;
+    if (e.key === "Enter") {
+      const cursorPosition = el.selectionStart;
+      const textBeforeCursor = text.substring(0, cursorPosition);
+      const linesBeforeCursor = textBeforeCursor.split("\n");
+      const currentLine = linesBeforeCursor[linesBeforeCursor.length - 1];
+      const numberMatch = currentLine.match(/^(\s*)(\d+)\.\s(.*)/);
+      if (numberMatch) {
+        e.preventDefault();
+        const space = numberMatch[1];
+        const number = parseInt(numberMatch[2], 10);
+        const content = numberMatch[3];
+        if (content.trim() === "") {
+          const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
+          const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
+          el.value = newText;
+          el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
+          setText(newText);
+          return;
+        }
+        const nextNumber = number + 1;
+        insertAtCursor(`
+${space}${nextNumber}. `);
+        return;
+      }
+      const checklistMatch = currentLine.match(/^(\s*)- \[[ xX]\]\s(.*)/);
+      if (checklistMatch) {
+        e.preventDefault();
+        const space = checklistMatch[1];
+        const content = checklistMatch[2];
+        if (content.trim() === "") {
+          const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
+          const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
+          el.value = newText;
+          el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
+          setText(newText);
+          return;
+        }
+        insertAtCursor(`
+${space}- [ ] `);
+        return;
+      }
+      const bulletMatch = currentLine.match(/^(\s*)([-*])\s(.*)/);
+      if (bulletMatch) {
+        e.preventDefault();
+        const space = bulletMatch[1];
+        const bullet = bulletMatch[2];
+        const content = bulletMatch[3];
+        if (content.trim() === "") {
+          const newTextBeforeCursor = textBeforeCursor.substring(0, textBeforeCursor.length - currentLine.length);
+          const newText = newTextBeforeCursor + "\n" + text.substring(el.selectionEnd);
+          el.value = newText;
+          el.setSelectionRange(newTextBeforeCursor.length + 1, newTextBeforeCursor.length + 1);
+          setText(newText);
+          return;
+        }
+        insertAtCursor(`
+${space}${bullet} `);
+        return;
+      }
+    }
+  };
   const openMentionModalViaButton = () => {
     setMentionTriggerIndex(null);
     setIsMentionModalOpen(true);
@@ -3880,7 +4055,8 @@ function DescriptionEditModal({
   return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "fixed inset-0 z-[2000] flex justify-end pointer-events-none bg-transparent" }, /* @__PURE__ */ React5.createElement(
     "div",
     {
-      className: "ui-overlay pointer-events-auto relative group h-full w-[min(90vw,700px)] border-l border-white/10 bg-slate-950/95 shadow-2xl text-white flex flex-col",
+      className: `ui-overlay pointer-events-auto relative group h-full border-l border-white/10 bg-slate-950/95 shadow-2xl text-white flex flex-col ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { width: `${panelWidth}px`, maxWidth: "90vw" },
       onClick: swallow,
       onPointerDown: swallow,
       onPointerMove: swallow,
@@ -3889,13 +4065,24 @@ function DescriptionEditModal({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
+    /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        onPointerDown: (e) => {
+          e.stopPropagation();
+          handleResize(e);
+        },
+        className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+        title: "Arraste para redimensionar"
+      }
+    ),
     /* @__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 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 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React5.createElement(
+    /* @__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",
       {
         onClick: () => insertAtCursor("# "),
-        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "T\xEDtulo Principal"
       },
       /* @__PURE__ */ React5.createElement(FiType, { size: 12 }),
@@ -3904,7 +4091,7 @@ function DescriptionEditModal({
       "button",
       {
         onClick: () => insertAtCursor("## "),
-        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Subt\xEDtulo"
       },
       /* @__PURE__ */ React5.createElement(FiType, { size: 10 }),
@@ -3913,16 +4100,34 @@ function DescriptionEditModal({
       "button",
       {
         onClick: () => insertAtCursor("- "),
-        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Lista com bullets"
       },
       /* @__PURE__ */ React5.createElement(FiList, { size: 12 }),
       " Lista"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        onClick: () => insertAtCursor("1. "),
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
+        title: "Lista Numerada"
+      },
+      /* @__PURE__ */ React5.createElement("span", { className: "text-[10px] font-bold" }, "1."),
+      " Numerada"
+    ), /* @__PURE__ */ React5.createElement(
+      "button",
+      {
+        onClick: () => insertAtCursor("- [ ] "),
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
+        title: "Checklist (Checkbox)"
+      },
+      /* @__PURE__ */ React5.createElement(FiCheckSquare, { size: 12 }),
+      " Checklist"
     ), /* @__PURE__ */ React5.createElement(
       "button",
       {
         onClick: () => insertAtCursor("```  ```"),
-        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Inserir Code Block"
       },
       /* @__PURE__ */ React5.createElement(FiCode, { size: 12 }),
@@ -3931,21 +4136,21 @@ function DescriptionEditModal({
       "button",
       {
         onClick: () => insertAtCursor("[Link Texto](https://)"),
-        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Inserir Link Web [Texto](Url)"
       },
       /* @__PURE__ */ React5.createElement(FiGlobe, { size: 12 }),
       " Link"
-    ), /* @__PURE__ */ React5.createElement(
+    )), /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 flex-wrap" }, /* @__PURE__ */ React5.createElement(
       "button",
       {
         onClick: () => setIsImageModalOpen(true),
-        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-slate-800 hover:bg-slate-700 border border-white/10 text-xs font-medium transition-colors whitespace-nowrap",
+        className: "flex items-center gap-1 px-3 py-1.5 rounded bg-indigo-600/30 hover:bg-indigo-600/50 border border-indigo-500/30 text-indigo-200 text-xs font-medium transition-colors whitespace-nowrap",
         title: "Inserir Imagem (Propriedade ou URL)"
       },
       /* @__PURE__ */ React5.createElement(FiImage, { size: 12 }),
       " Imagem"
-    )), /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2 overflow-x-auto custom-scrollbar" }, /* @__PURE__ */ React5.createElement(
+    ), /* @__PURE__ */ React5.createElement(
       "button",
       {
         onClick: openMentionModalViaButton,
@@ -3978,6 +4183,7 @@ function DescriptionEditModal({
         ref: textareaRef,
         value: text,
         onChange: handleTextChange,
+        onKeyDown: handleKeyDownTextarea,
         placeholder: "Escreva aqui... Use *// para dividir o texto em 'Sess\xF5es'... Digite @ para mencionar...",
         autoFocus: true,
         className: "w-full flex-1 h-full bg-slate-800/70 p-4 text-sm leading-relaxed rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 custom-scrollbar font-mono resize-none"
@@ -4080,11 +4286,11 @@ function DescriptionEditModal({
 }
 
 // src/components/DescriptionDisplay.jsx
-import React6, { useMemo as useMemo5, useState as useState6, useEffect as useEffect6, useRef as useRef6 } from "react";
-import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage2 } from "react-icons/fi";
+import React6, { useMemo as useMemo5, useState as useState7, useEffect as useEffect6, useRef as useRef6 } from "react";
+import { FiCopy as FiCopy2, FiCheck as FiCheck3, FiChevronDown as FiChevronDown3, FiChevronRight as FiChevronRight2, FiTerminal as FiTerminal2, FiCornerDownRight, FiExternalLink as FiExternalLink2, FiImage as FiImage2, FiSave } from "react-icons/fi";
 var CodeBlock2 = ({ content, isActive, onClick }) => {
-  const [isExpanded, setIsExpanded] = useState6(false);
-  const [copied, setCopied] = useState6(false);
+  const [isExpanded, setIsExpanded] = useState7(false);
+  const [copied, setCopied] = useState7(false);
   const cleanContent = content.replace(/^```|```$/g, "").trim();
   const isLongCode = cleanContent.split("\n").length > 4;
   const handleCopy = (e) => {
@@ -4118,8 +4324,7 @@ var CodeBlock2 = ({ content, isActive, onClick }) => {
       "button",
       {
         onClick: handleCopy,
-        className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white",
-        title: "Copiar c\xF3digo"
+        className: "flex items-center gap-1.5 px-2 py-1 rounded hover:bg-white/10 transition-colors text-xs text-slate-400 hover:text-white"
       },
       copied ? /* @__PURE__ */ React6.createElement(FiCheck3, { size: 12, className: "text-emerald-400" }) : /* @__PURE__ */ React6.createElement(FiCopy2, { size: 12 }),
       copied ? /* @__PURE__ */ React6.createElement("span", { className: "text-emerald-400" }, "Copiado") : /* @__PURE__ */ React6.createElement("span", null, "Copiar")
@@ -4148,8 +4353,7 @@ var renderLinks = (text) => {
           target: "_blank",
           rel: "noopener noreferrer",
           className: "inline-flex items-center gap-0.5 text-cyan-400 hover:text-cyan-300 hover:underline decoration-cyan-500/50 underline-offset-2 transition-colors cursor-pointer",
-          onClick: (e) => e.stopPropagation(),
-          title: `Abrir link externo: ${url}`
+          onClick: (e) => e.stopPropagation()
         },
         part,
         /* @__PURE__ */ React6.createElement(FiExternalLink2, { size: 10, className: "opacity-70 mb-0.5" })
@@ -4178,8 +4382,7 @@ var renderTextWithImages = (text, onImageClick) => {
             e.stopPropagation();
             onImageClick == null ? void 0 : onImageClick(url, name);
           },
-          className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5",
-          title: `Ver imagem: ${name}`
+          className: "inline-flex items-center gap-1 text-emerald-400 hover:text-emerald-300 hover:underline decoration-emerald-500/50 underline-offset-2 transition-colors cursor-pointer align-baseline mx-0.5"
         },
         /* @__PURE__ */ React6.createElement(FiImage2, { size: 11 }),
         /* @__PURE__ */ React6.createElement("span", null, name)
@@ -4216,15 +4419,14 @@ var renderTextWithMentions = (text, availableNodes, onMentionClick, activeMentio
         className: `
                     inline-flex items-center gap-0.5 align-baseline font-medium px-1.5 rounded-md mx-0.5 select-none transition-all cursor-pointer text-[0.95em]
                     ${isMentionActive ? "text-white bg-indigo-500 ring-2 ring-yellow-400 shadow-[0_0_10px_rgba(250,204,21,0.5)] z-10 relative" : "text-indigo-200 bg-indigo-600/30 border border-indigo-500/30 hover:bg-indigo-600/50 hover:text-white"}
-                `,
-        title: `Clique para focar no Node: ${displayName}`
+                `
       },
       /* @__PURE__ */ React6.createElement("span", { className: "opacity-60 text-[0.8em]" }, "@"),
       displayName
     );
   });
 };
-var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionIndex, mentionCounterRef, setRef, onImageClick) => {
+var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionIndex, mentionCounterRef, setRef, onImageClick, onToggleCheckbox, globalCheckboxCounterRef) => {
   const trimmedLine = line.replace(/\r$/, "");
   const processContent = (content) => renderTextWithMentions(content, availableNodes, onMentionClick, activeMentionIndex, mentionCounterRef, setRef, onImageClick);
   if (line.startsWith("# ")) {
@@ -4235,9 +4437,46 @@ var formatLineContent2 = (line, availableNodes, onMentionClick, activeMentionInd
     const content = line.replace("## ", "");
     return /* @__PURE__ */ React6.createElement("span", { className: "text-sm sm:text-base font-semibold text-indigo-200 leading-tight break-words" }, processContent(content));
   }
+  const checkboxMatch = trimmedLine.match(/^(\s*)- \[([ xX])\]\s+(.*)/);
+  if (checkboxMatch) {
+    const [_, space, state, content] = checkboxMatch;
+    const isChecked = state.toLowerCase() === "x";
+    const currentIdx = globalCheckboxCounterRef.current;
+    globalCheckboxCounterRef.current += 1;
+    return /* @__PURE__ */ React6.createElement("span", { className: "flex items-start gap-2.5 my-1 break-words ml-1 group/checkbox" }, /* @__PURE__ */ React6.createElement(
+      "div",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          if (onToggleCheckbox) onToggleCheckbox(currentIdx);
+        },
+        className: `mt-1 cursor-pointer w-4 h-4 rounded border flex-shrink-0 flex items-center justify-center transition-all duration-200
+                        ${isChecked ? "bg-indigo-500 border-indigo-500 shadow-[0_0_8px_rgba(99,102,241,0.4)]" : "border-slate-500 bg-slate-900/50 hover:border-slate-400 group-hover/checkbox:border-slate-400"}
+                    `
+      },
+      isChecked && /* @__PURE__ */ React6.createElement(FiCheck3, { size: 12, className: "text-white" })
+    ), /* @__PURE__ */ React6.createElement(
+      "span",
+      {
+        className: `transition-all duration-200 cursor-pointer pt-[1px]
+                        ${isChecked ? "line-through text-slate-500" : "text-slate-200 group-hover/checkbox:text-white"}
+                    `,
+        onClick: (e) => {
+          e.stopPropagation();
+          if (onToggleCheckbox) onToggleCheckbox(currentIdx);
+        }
+      },
+      processContent(content)
+    ));
+  }
+  const numberMatch = trimmedLine.match(/^(\s*)(\d+\.)\s+(.*)/);
+  if (numberMatch) {
+    const [_, space, numberStr, content] = numberMatch;
+    return /* @__PURE__ */ React6.createElement("span", { className: "flex items-start gap-2 my-0.5 break-words ml-1" }, /* @__PURE__ */ React6.createElement("span", { className: "text-indigo-400 font-mono font-bold text-xs mt-[3px] shrink-0" }, numberStr), /* @__PURE__ */ React6.createElement("span", { className: "text-slate-200" }, processContent(content)));
+  }
   if (trimmedLine.trim().startsWith("- ") || trimmedLine.trim().startsWith("* ")) {
     const content = trimmedLine.trim().substring(2);
-    return /* @__PURE__ */ React6.createElement("span", { className: "pl-2 text-slate-200 break-words" }, /* @__PURE__ */ React6.createElement("span", { className: "text-indigo-400 font-bold mr-1.5" }, "\u2022"), processContent(content));
+    return /* @__PURE__ */ React6.createElement("span", { className: "flex items-start gap-2 my-0.5 break-words ml-1 text-slate-200" }, /* @__PURE__ */ React6.createElement("span", { className: "text-indigo-400 font-bold shrink-0 mt-[2px] text-xs" }, "\u2022"), /* @__PURE__ */ React6.createElement("span", null, processContent(content)));
   }
   return /* @__PURE__ */ React6.createElement("span", { className: "break-words" }, processContent(line));
 };
@@ -4249,14 +4488,33 @@ function DescriptionDisplay({
   onOpenReference,
   onMentionClick,
   onImageClick,
-  // <--- NOVA PROP RECEBIDA
   onSectionChange,
   onBranchNav,
   onHighlightNode,
   initialSectionId,
-  currentBranchDirection = null
+  currentBranchDirection = null,
+  onSaveDescription,
+  onStepChange
+  // 1. Adicione a nova prop aqui
 }) {
-  const sections = useMemo5(() => parseDescriptionSections(description, savedSections), [description, savedSections]);
+  const [localDescription, setLocalDescription] = useState7(description || "");
+  useEffect6(() => {
+    setLocalDescription(description || "");
+  }, [description]);
+  const sections = useMemo5(() => parseDescriptionSections(localDescription, savedSections), [localDescription, savedSections]);
+  const globalCheckboxCounterRef = useRef6(0);
+  const handleToggleCheckbox = (targetIndex) => {
+    let currentIndex = 0;
+    const newDesc = localDescription.replace(/^(\s*)- \[([ xX])\]/gm, (match, space, state) => {
+      if (currentIndex === targetIndex) {
+        currentIndex++;
+        return state === " " ? `${space}- [x]` : `${space}- [ ]`;
+      }
+      currentIndex++;
+      return match;
+    });
+    setLocalDescription(newDesc);
+  };
   const flatNavigation = useMemo5(() => {
     const navItems = [];
     sections.forEach((section, sIdx) => {
@@ -4283,7 +4541,12 @@ function DescriptionDisplay({
     });
     return navItems;
   }, [sections]);
-  const [currentStepIndex, setCurrentStepIndex] = useState6(0);
+  const [currentStepIndex, setCurrentStepIndex] = useState7(0);
+  useEffect6(() => {
+    if (onStepChange) {
+      onStepChange(currentStepIndex);
+    }
+  }, [currentStepIndex, onStepChange]);
   const activeRef = useRef6(null);
   const lastNotifiedSectionId = useRef6(null);
   const isInitialMount = useRef6(true);
@@ -4397,26 +4660,27 @@ function DescriptionDisplay({
       }
       const lines = part.replace(/\n$/, "").split("\n");
       return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `text-${parentIndex}-${partIndex}` }, lines.map((line, lineIndex) => {
-        const isLastLine = lineIndex === lines.length - 1;
         const isEmptyLine = line.trim() === "";
         if (isEmptyLine) {
           return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `${parentIndex}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React6.createElement("br", null));
         }
         return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: `${parentIndex}-${partIndex}-${lineIndex}` }, /* @__PURE__ */ React6.createElement(
-          "span",
+          "div",
           {
             ref: isActiveSection && activeMentionIndex === -1 && partIndex === 0 && lineIndex === 0 ? setRef : null,
-            onClick: () => {
-              const idx = flatNavigation.findIndex((item) => item.type === "section" && item.sectionIndex === parentIndex);
-              if (idx !== -1) setCurrentStepIndex(idx);
+            onClick: (e) => {
+              if (e.target.type !== "checkbox") {
+                const idx = flatNavigation.findIndex((item) => item.type === "section" && item.sectionIndex === parentIndex);
+                if (idx !== -1) setCurrentStepIndex(idx);
+              }
             },
             className: `
-                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone
-                                        ${isActiveSection ? "bg-indigo-500/20 text-white ring-1 ring-indigo-500/30" : "hover:bg-white/5 hover:text-slate-200"}
+                                        transition-colors duration-200 cursor-pointer rounded-md px-1 py-0.5 -mx-1 box-decoration-clone inline-block w-full
+                                        ${isActiveSection ? "bg-indigo-500/10 text-white ring-1 ring-indigo-500/30" : "hover:bg-white/5 hover:text-slate-200"}
                                     `
           },
-          formatLineContent2(line, availableNodes, onMentionClick, isActiveSection ? activeMentionIndex : -1, mentionCounterRef, setRef, onImageClick)
-        ), !isLastLine && /* @__PURE__ */ React6.createElement("br", null));
+          formatLineContent2(line, availableNodes, onMentionClick, isActiveSection ? activeMentionIndex : -1, mentionCounterRef, setRef, onImageClick, handleToggleCheckbox, globalCheckboxCounterRef)
+        ));
       }));
     });
   };
@@ -4434,8 +4698,7 @@ function DescriptionDisplay({
           if (onOpenReference) {
             onOpenReference({ type: resolved.type, id: resolved.sourceId });
           }
-        },
-        title: `Ir para ${resolved.type === "node" ? "Node" : "Ancestralidade"}: ${resolved.sourceName}`
+        }
       },
       /* @__PURE__ */ React6.createElement(FiCornerDownRight, { size: 12, className: "text-indigo-400" }),
       /* @__PURE__ */ React6.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wide flex items-center gap-1" }, "Importado de ", /* @__PURE__ */ React6.createElement("span", { className: "font-semibold text-indigo-300 hover:underline" }, resolved.sourceName), /* @__PURE__ */ React6.createElement(FiExternalLink2, { size: 10, className: "text-slate-600" }))
@@ -4444,7 +4707,9 @@ function DescriptionDisplay({
                     ${isActiveSection ? "opacity-100" : "opacity-90"}
                 ` }, renderMixedContent(resolved.content, index, isActiveSection, -1, setRef)));
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: "w-full text-sm leading-relaxed text-slate-300 break-words whitespace-pre-wrap px-3 pt-1 pb-2 pr-9" }, sections.map((section, index) => {
+  globalCheckboxCounterRef.current = 0;
+  const hasUnsavedChanges = localDescription !== (description || "");
+  return /* @__PURE__ */ React6.createElement("div", { className: "relative w-full h-full min-h-[100px]" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full text-sm leading-relaxed text-slate-300 break-words whitespace-pre-wrap px-3 pt-1 pb-16 pr-9" }, sections.map((section, index) => {
     const currentNavItem = flatNavigation[currentStepIndex];
     const isSectionContextActive = currentNavItem && currentNavItem.sectionIndex === index;
     const activeMentionIndex = isSectionContextActive && currentNavItem.type === "mention" ? currentNavItem.mentionIndex : -1;
@@ -4460,11 +4725,22 @@ function DescriptionDisplay({
     if (index === 0) leadingSpace = "";
     const isRef = bodyText.trim().match(/^\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]$/);
     return /* @__PURE__ */ React6.createElement(React6.Fragment, { key: index }, /* @__PURE__ */ React6.createElement("span", null, leadingSpace), isRef ? renderReferenceSection(bodyText, index, isSectionContextActive, setRef) : renderMixedContent(bodyText, index, isSectionContextActive, activeMentionIndex, setRef), /* @__PURE__ */ React6.createElement("span", null, trailingSpace));
-  }));
+  })), hasUnsavedChanges && onSaveDescription && /* @__PURE__ */ React6.createElement("div", { className: "absolute bottom-2 left-2 z-[100] animate-in slide-in-from-bottom-2 fade-in duration-300" }, /* @__PURE__ */ React6.createElement(
+    "button",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        onSaveDescription(localDescription);
+      },
+      className: "flex items-center gap-1.5 px-3 py-1.5 bg-indigo-600/90 hover:bg-indigo-500 text-white rounded-md shadow-[0_4px_12px_rgba(99,102,241,0.3)] text-xs font-medium transition-all hover:scale-105 active:scale-95 border border-indigo-400/20 backdrop-blur-sm"
+    },
+    /* @__PURE__ */ React6.createElement(FiSave, { size: 12 }),
+    " Salvar Checklist"
+  )));
 }
 
 // src/components/DescriptionReadModePanel.jsx
-import React7, { useState as useState7, useMemo as useMemo6, useEffect as useEffect7 } from "react";
+import React7, { useState as useState8, useMemo as useMemo6, useEffect as useEffect7 } from "react";
 import {
   FiArrowLeft,
   FiEdit2,
@@ -4543,7 +4819,6 @@ function DescriptionReadModePanel({
   title,
   description,
   ancestryId,
-  // <-- NOVO: Prop recebida do XViewScene
   savedSections,
   onBack,
   onEdit,
@@ -4565,12 +4840,14 @@ function DescriptionReadModePanel({
   userRole,
   abstractionTree = null,
   onRenderAbstractionTree = null,
-  initialShowAbstraction = false
+  initialShowAbstraction = false,
+  onSaveDescription
 }) {
-  const [showProperties, setShowProperties] = useState7(false);
-  const [showAbstraction, setShowAbstraction] = useState7(false);
-  const [targetRenderNodeId, setTargetRenderNodeId] = useState7(null);
-  const [isLinkCopied, setIsLinkCopied] = useState7(false);
+  const [showProperties, setShowProperties] = useState8(false);
+  const [showAbstraction, setShowAbstraction] = useState8(false);
+  const [targetRenderNodeId, setTargetRenderNodeId] = useState8(null);
+  const [isLinkCopied, setIsLinkCopied] = useState8(false);
+  const [isAtStartOfBranch, setIsAtStartOfBranch] = useState8(true);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!ancestryId) return;
@@ -4623,7 +4900,7 @@ function DescriptionReadModePanel({
         onClick: () => onBranchNav(activeNodeBranches.nodeId, "open", "left")
       };
     }
-    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "left") {
+    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "left" && isAtStartOfBranch) {
       return {
         type: "back",
         name: backNavigationInfo.name,
@@ -4631,7 +4908,7 @@ function DescriptionReadModePanel({
       };
     }
     return null;
-  }, [activeNodeBranches, backNavigationInfo, onBranchNav]);
+  }, [activeNodeBranches, backNavigationInfo, onBranchNav, isAtStartOfBranch]);
   const rightAction = useMemo6(() => {
     if (activeNodeBranches == null ? void 0 : activeNodeBranches.right) {
       return {
@@ -4640,7 +4917,7 @@ function DescriptionReadModePanel({
         onClick: () => onBranchNav(activeNodeBranches.nodeId, "open", "right")
       };
     }
-    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "right") {
+    if ((backNavigationInfo == null ? void 0 : backNavigationInfo.trigger) === "right" && isAtStartOfBranch) {
       return {
         type: "back",
         name: backNavigationInfo.name,
@@ -4648,11 +4925,11 @@ function DescriptionReadModePanel({
       };
     }
     return null;
-  }, [activeNodeBranches, backNavigationInfo, onBranchNav]);
+  }, [activeNodeBranches, backNavigationInfo, onBranchNav, isAtStartOfBranch]);
   return /* @__PURE__ */ React7.createElement(
     "div",
     {
-      className: "flex flex-col h-full w-full bg-slate-950/50 relative overflow-hidden group",
+      className: "flex flex-col h-full max-h-full w-full bg-slate-950/50 relative overflow-hidden group min-h-0",
       onPointerDown: swallow,
       onClick: swallow
     },
@@ -4724,7 +5001,7 @@ function DescriptionReadModePanel({
       },
       "\xD7"
     ))),
-    /* @__PURE__ */ React7.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ React7.createElement(
+    /* @__PURE__ */ React7.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 bg-slate-900/20 relative z-10 min-h-0", onClick: () => setTargetRenderNodeId(null) }, showAbstraction ? /* @__PURE__ */ React7.createElement("div", { className: "space-y-4 animate-in fade-in slide-in-from-bottom-2 duration-300", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React7.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-4" }, /* @__PURE__ */ React7.createElement("h3", { className: "text-sm font-semibold text-purple-300 uppercase tracking-wider" }, "Explorar Hierarquia"), /* @__PURE__ */ React7.createElement("div", { className: "flex flex-wrap gap-2" }, targetRenderNodeId && onRenderAbstractionTree && /* @__PURE__ */ React7.createElement(
       "button",
       {
         onClick: (e) => {
@@ -4783,7 +5060,9 @@ function DescriptionReadModePanel({
         onHighlightNode,
         initialSectionId,
         currentBranchDirection,
-        onImageClick
+        onImageClick,
+        onSaveDescription,
+        onStepChange: (stepIndex) => setIsAtStartOfBranch(stepIndex === 0)
       }
     )),
     leftAction && !showAbstraction && !showProperties && /* @__PURE__ */ React7.createElement(
@@ -4825,11 +5104,11 @@ function AncestryRelationshipPanel({
   onMentionClick,
   onUploadFile
 }) {
-  const [description, setDescription] = useState8((data == null ? void 0 : data.description) ?? "");
-  const [customProps, setCustomProps] = useState8(() => extractCustomPropsFromNode(data || {}));
-  const [existingSections, setExistingSections] = useState8((data == null ? void 0 : data.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState8(false);
-  const [isReadMode, setIsReadMode] = useState8(false);
+  const [description, setDescription] = useState9((data == null ? void 0 : data.description) ?? "");
+  const [customProps, setCustomProps] = useState9(() => extractCustomPropsFromNode(data || {}));
+  const [existingSections, setExistingSections] = useState9((data == null ? void 0 : data.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState9(false);
+  const [isReadMode, setIsReadMode] = useState9(false);
   const propsEndRef = useRef7(null);
   useEffect8(() => {
     setDescription((data == null ? void 0 : data.description) ?? "");
@@ -4853,6 +5132,17 @@ function AncestryRelationshipPanel({
       return newProps;
     });
   };
+  const handleSaveDescriptionInline = (newDescription) => {
+    setDescription(newDescription);
+    const extrasObj = toObjectFromCustomProps(customProps.filter((p) => !p.isEditing));
+    const processedSections = processDescriptionForSave(newDescription, existingSections);
+    const dataToSave = {
+      description: newDescription,
+      description_sections: processedSections,
+      ...extrasObj
+    };
+    onSave(dataToSave);
+  };
   const handleSave = () => {
     const extrasObj = toObjectFromCustomProps(customProps.filter((p) => !p.isEditing));
     const processedSections = processDescriptionForSave(description, existingSections);
@@ -4902,7 +5192,8 @@ function AncestryRelationshipPanel({
           availableAncestries,
           onOpenReference,
           onMentionClick,
-          onImageClick: handleImageClickFromText
+          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(
         DescriptionDisplay,
@@ -4913,7 +5204,8 @@ function AncestryRelationshipPanel({
           availableAncestries,
           onOpenReference,
           onMentionClick,
-          onImageClick: handleImageClickFromText
+          onImageClick: handleImageClickFromText,
+          onSaveDescription: handleSaveDescriptionInline
         }
       ), /* @__PURE__ */ React8.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React8.createElement(
         "button",
@@ -4971,7 +5263,7 @@ function AncestryRelationshipPanel({
 }
 
 // src/components/CreateAncestryPanel.jsx
-import React10, { useState as useState10, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef8, useCallback } from "react";
+import React10, { useState as useState11, useEffect as useEffect10, useMemo as useMemo8, useRef as useRef8, useCallback as useCallback2 } from "react";
 import {
   FiEdit2 as FiEdit23,
   FiBookOpen as FiBookOpen2,
@@ -4987,11 +5279,12 @@ import {
   FiGitBranch as FiGitBranch2,
   FiPlus as FiPlus2,
   FiLock,
-  FiLink as FiLink4
+  FiLink as FiLink4,
+  FiTrash2 as FiTrash22
 } from "react-icons/fi";
 
 // src/components/AncestryPickerModal.jsx
-import React9, { useState as useState9, useMemo as useMemo7, useEffect as useEffect9 } from "react";
+import React9, { useState as useState10, useMemo as useMemo7, useEffect as useEffect9 } from "react";
 import { FiSearch as FiSearch3, FiLayers as FiLayers4, FiCornerUpRight as FiCornerUpRight2 } from "react-icons/fi";
 function AncestryPickerModal({
   isOpen,
@@ -5001,7 +5294,7 @@ function AncestryPickerModal({
   availableNodes = [],
   currentAncestryId
 }) {
-  const [searchTerm, setSearchTerm] = useState9("");
+  const [searchTerm, setSearchTerm] = useState10("");
   useEffect9(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -5086,7 +5379,7 @@ var NodeItem = ({ nodeData, onSelectParent, onViewSelect, highlightedPathIds = [
   var _a, _b;
   const itemId = nodeData.is_section ? nodeData.id : (_a = nodeData.node) == null ? void 0 : _a.id;
   const itemName = nodeData.is_section ? nodeData.name : (_b = nodeData.node) == null ? void 0 : _b.name;
-  const [isDragOver, setIsDragOver] = useState10(false);
+  const [isDragOver, setIsDragOver] = useState11(false);
   const isSelectedParent = String(selectedParentId) === String(itemId);
   const isTargetViewNode = String(targetRenderNodeId) === String(itemId);
   const isHighlightedPath = highlightedPathIds.includes(String(itemId));
@@ -5222,8 +5515,9 @@ function CreateAncestryPanel({
     isAddingNodes,
     currentAncestryId
   } = ancestryMode;
-  const [isSaving, setIsSaving] = useState10(false);
-  const [isLinkCopied, setIsLinkCopied] = useState10(false);
+  const [isSaving, setIsSaving] = useState11(false);
+  const [isLinkCopied, setIsLinkCopied] = useState11(false);
+  const [showDeleteBranchConfirm, setShowDeleteBranchConfirm] = useState11(false);
   const handleCopyLink = (e) => {
     e.stopPropagation();
     if (!currentAncestryId || currentAncestryId === "temp_root" || currentAncestryId === "temp_creating") {
@@ -5237,11 +5531,14 @@ function CreateAncestryPanel({
       setTimeout(() => setIsLinkCopied(false), 2e3);
     }).catch((err) => console.error("Erro ao copiar link:", err));
   };
-  const [isPickerOpen, setIsPickerOpen] = useState10(false);
-  const [customProps, setCustomProps] = useState10([]);
+  const [isPickerOpen, setIsPickerOpen] = useState11(false);
+  const [customProps, setCustomProps] = useState11([]);
   const propsEndRef = useRef8(null);
-  const [branchStack, setBranchStack] = useState10([]);
-  const [targetRenderNodeId, setTargetRenderNodeId] = useState10(null);
+  const [branchStack, setBranchStack] = useState11([]);
+  useEffect10(() => {
+    setShowDeleteBranchConfirm(false);
+  }, [branchStack]);
+  const [targetRenderNodeId, setTargetRenderNodeId] = useState11(null);
   const highlightedPathIds = useMemo8(() => {
     var _a, _b;
     if (!targetRenderNodeId || !ancestryMode.abstraction_tree) return [];
@@ -5255,17 +5552,27 @@ function CreateAncestryPanel({
     }
     return ids;
   }, [targetRenderNodeId, ancestryMode.abstraction_tree]);
-  const [targetScrollSectionId, setTargetScrollSectionId] = useState10(null);
-  const [internalHighlightedNodeId, setInternalHighlightedNodeId] = useState10(null);
-  const [ancestryName, setAncestryName] = useState10(initialName);
-  const [description, setDescription] = useState10(initialDescription || "");
-  const [existingSections, setExistingSections] = useState10(initialSections || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState10(false);
-  const [isReadMode, setIsReadMode] = useState10(false);
+  const [targetScrollSectionId, setTargetScrollSectionId] = useState11(null);
+  const [internalHighlightedNodeId, setInternalHighlightedNodeId] = useState11(null);
+  const [isAtStartOfBranch, setIsAtStartOfBranch] = useState11(true);
+  const [ancestryName, setAncestryName] = useState11(initialName);
+  const [description, setDescription] = useState11(initialDescription || "");
+  const [existingSections, setExistingSections] = useState11(initialSections || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState11(false);
+  const [isReadMode, setIsReadMode] = useState11(false);
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
+    initialWidth: isReadMode ? 700 : 440,
+    minWidth: 320,
+    maxWidth: maxPanelW
+  });
+  useEffect10(() => {
+    setWidth(isReadMode ? 700 : 440);
+  }, [isReadMode, setWidth]);
   const currentMaxRenderIndexRef = useRef8(0);
   const branchProgressMapRef = useRef8({});
-  const [lastSavedSnapshot, setLastSavedSnapshot] = useState10(null);
-  const [isPrivate, setIsPrivate] = useState10(ancestryMode.is_private || false);
+  const [lastSavedSnapshot, setLastSavedSnapshot] = useState11(null);
+  const [isPrivate, setIsPrivate] = useState11(ancestryMode.is_private || false);
   const initializedContextIdRef = useRef8(null);
   const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
   const handleImageClickFromText = (url, name) => {
@@ -5284,7 +5591,7 @@ function CreateAncestryPanel({
     }
     setAncestryMode((prev) => isAbstraction ? { ...prev, isAddingAbstractionNodes: !prev.isAddingAbstractionNodes } : { ...prev, isAddingNodes: !prev.isAddingNodes });
   };
-  const handleRemoveNode = useCallback((pathToRemove, isAbstraction = false) => {
+  const handleRemoveNode = useCallback2((pathToRemove, isAbstraction = false) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) return;
     const treeKey = isAbstraction ? "abstraction_tree" : "tree";
     setAncestryMode((prev) => {
@@ -5641,6 +5948,59 @@ function CreateAncestryPanel({
       }
     }
   };
+  const handleDeleteBranch = async () => {
+    if (branchStack.length === 0) return;
+    const rootTreeClone = JSON.parse(JSON.stringify(ancestryMode.tree));
+    let ptr = rootTreeClone;
+    for (let i = 0; i < branchStack.length - 1; i++) {
+      const step = branchStack[i];
+      const found = findNodePath2(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;
+      }
+    }
+    const currentStep = branchStack[branchStack.length - 1];
+    const foundParentPath = findNodePath2(ptr, currentStep.nodeId);
+    if (foundParentPath && foundParentPath.node && foundParentPath.node.parallel_branches) {
+      const branchIndex = foundParentPath.node.parallel_branches.findIndex((b) => b.id === currentStep.branchId);
+      if (branchIndex !== -1) {
+        foundParentPath.node.parallel_branches.splice(branchIndex, 1);
+        updateGlobalTree(rootTreeClone);
+        try {
+          setIsSaving(true);
+          const currentRootProps = extractCustomPropsFromNode(ancestryMode);
+          const rootExtras = toObjectFromCustomProps(currentRootProps);
+          await onSave(
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            true,
+            rootTreeClone,
+            rootExtras
+          );
+          setLastSavedSnapshot(takeSnapshot(
+            rootTreeClone,
+            ancestryMode.ancestryName,
+            ancestryMode.ancestryDescription,
+            ancestryMode.ancestryDescriptionSections,
+            currentRootProps,
+            isPrivate,
+            ancestryMode.abstraction_tree
+          ));
+          if (onClearAncestryVisuals) {
+            onClearAncestryVisuals(currentStep.branchId);
+          }
+          handleNavigateUp();
+        } catch (err) {
+          console.error("Erro ao remover a ramifica\xE7\xE3o:", err);
+          alert("Erro ao remover a ramifica\xE7\xE3o.");
+        } finally {
+          setIsSaving(false);
+        }
+      }
+    }
+  };
   const sideActions = useMemo8(() => {
     const actions = { left: null, right: null };
     const isInBranch = branchStack.length > 0;
@@ -5679,7 +6039,7 @@ function CreateAncestryPanel({
       }
       return actions;
     }
-    if (isInBranch) {
+    if (isInBranch && isAtStartOfBranch) {
       const lastStep = branchStack[branchStack.length - 1];
       const entryDir = lastStep.entryDirection || "right";
       const backSide = entryDir === "right" ? "left" : "right";
@@ -5690,7 +6050,7 @@ function CreateAncestryPanel({
       };
     }
     return actions;
-  }, [internalHighlightedNodeId, branchStack, activeTree]);
+  }, [internalHighlightedNodeId, branchStack, activeTree, isAtStartOfBranch]);
   const applyDescriptionToTree = (baseTree, descText, descSections) => {
     const rootTreeClone = JSON.parse(JSON.stringify(baseTree));
     let targetTree = rootTreeClone;
@@ -6168,6 +6528,10 @@ function CreateAncestryPanel({
     setInternalHighlightedNodeId(id);
     if (onHighlightNode) onHighlightNode(id);
   };
+  const handleSaveDescriptionInline = (newDesc) => {
+    setDescription(newDesc);
+    handleLocalSave(true, { description: newDesc });
+  };
   const swallow = (e) => e.stopPropagation();
   const getSelectedParentName = () => {
     if (!activeTree || !selectedParentId) return "";
@@ -6240,10 +6604,8 @@ function CreateAncestryPanel({
   return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(
     "div",
     {
-      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col transition-all duration-300 ease-out 
-                    ${isReadMode ? "w-[min(92vw,700px)]" : "w-[min(92vw,440px)]"}
-                `,
-      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)" },
+      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 ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${panelWidth}px`, maxWidth: "92vw" },
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,
@@ -6252,6 +6614,17 @@ function CreateAncestryPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
+    /* @__PURE__ */ React10.createElement(
+      "div",
+      {
+        onPointerDown: (e) => {
+          e.stopPropagation();
+          handleResize(e);
+        },
+        className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+        title: "Arraste para redimensionar"
+      }
+    ),
     isReadMode ? /* @__PURE__ */ React10.createElement(
       DescriptionReadModePanel,
       {
@@ -6270,7 +6643,8 @@ function CreateAncestryPanel({
         onMentionClick,
         onSectionChange: handleSectionChangeWrapper,
         onHighlightNode,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0 flex-shrink-0" }), /* @__PURE__ */ React10.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4 flex-shrink-0" }, /* @__PURE__ */ React10.createElement("div", { className: "w-full" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React10.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__ */ React10.createElement("p", { className: "text-xs/relaxed text-slate-300" }, branchStack.length > 0 ? `Ramifica\xE7\xE3o (N\xEDvel ${branchStack.length})` : isEditMode ? "Editar Ancestralidade" : "Criar Ancestralidade"), currentAncestryId && currentAncestryId !== "temp_creating" && currentAncestryId !== "temp_root" && /* @__PURE__ */ React10.createElement(
       "button",
@@ -6289,7 +6663,7 @@ function CreateAncestryPanel({
         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"
       }
-    )), /* @__PURE__ */ React10.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 flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-2" }, /* @__PURE__ */ React10.createElement(
+    )), /* @__PURE__ */ React10.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 flex-shrink-0", title: "Cancelar" }, "\xD7")), branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-2 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement(
       "button",
       {
         onClick: handleNavigateUp,
@@ -6297,7 +6671,33 @@ function CreateAncestryPanel({
       },
       /* @__PURE__ */ React10.createElement(FiArrowLeft2, null),
       " Voltar para Principal / N\xEDvel Anterior"
-    )), /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ React10.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React10.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ React10.createElement(FiLayers5, null)), /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ React10.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ React10.createElement(
+    ), !isContextLinked && /* @__PURE__ */ React10.createElement("div", { className: "relative animate-in fade-in duration-200" }, showDeleteBranchConfirm ? /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-3 bg-rose-500/10 border border-rose-500/30 px-3 py-1 rounded-md shadow-inner" }, /* @__PURE__ */ React10.createElement("span", { className: "text-xs text-rose-300 font-medium" }, "Excluir?"), /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: () => {
+          setShowDeleteBranchConfirm(false);
+          handleDeleteBranch();
+        },
+        className: "text-xs font-bold text-rose-400 hover:text-rose-200 transition-colors"
+      },
+      "Sim"
+    ), /* @__PURE__ */ React10.createElement("span", { className: "text-slate-600/50" }, "|"), /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: () => setShowDeleteBranchConfirm(false),
+        className: "text-xs text-slate-400 hover:text-white transition-colors"
+      },
+      "N\xE3o"
+    ))) : /* @__PURE__ */ React10.createElement(
+      "button",
+      {
+        onClick: () => setShowDeleteBranchConfirm(true),
+        className: "flex items-center gap-1.5 text-xs text-rose-400/80 hover:text-white hover:bg-rose-500/20 px-2 py-1 rounded transition-colors",
+        title: "Excluir permanentemente esta ramifica\xE7\xE3o e seu conte\xFAdo"
+      },
+      /* @__PURE__ */ React10.createElement(FiTrash22, null),
+      " Excluir Ramifica\xE7\xE3o"
+    ))), /* @__PURE__ */ React10.createElement("div", { className: "px-6 pb-4 pt-2 overflow-y-auto flex-grow custom-scrollbar" }, branchStack.length > 0 && /* @__PURE__ */ React10.createElement("div", { className: "mb-4" }, isContextLinked ? /* @__PURE__ */ React10.createElement("div", { className: "p-3 rounded-lg bg-indigo-500/10 border border-indigo-500/30 flex items-center justify-between" }, /* @__PURE__ */ React10.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React10.createElement("div", { className: "w-8 h-8 rounded bg-indigo-500/20 text-indigo-300 grid place-content-center" }, /* @__PURE__ */ React10.createElement(FiLayers5, null)), /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement("div", { className: "text-xs text-indigo-200 font-semibold uppercase tracking-wider" }, "Ancestralidade Vinculada"), /* @__PURE__ */ React10.createElement("div", { className: "text-sm text-white font-medium truncate max-w-[200px]" }, currentContext.name.replace("[REF] ", "")))), /* @__PURE__ */ React10.createElement(
       "button",
       {
         onClick: handleUnlinkAncestry,
@@ -6327,7 +6727,9 @@ function CreateAncestryPanel({
         onHighlightNode: handleHighlightWrapper,
         initialSectionId: targetScrollSectionId,
         currentBranchDirection: currentContext ? currentContext.direction : null,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline,
+        onStepChange: (stepIndex) => setIsAtStartOfBranch(stepIndex === 0)
       }
     ), /* @__PURE__ */ React10.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5 z-30" }, /* @__PURE__ */ React10.createElement(
       "button",
@@ -6548,25 +6950,25 @@ function CreateAncestryPanel({
 }
 
 // src/components/ImageViewer.jsx
-import React11, { useState as useState11, useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useCallback as useCallback2 } from "react";
+import React11, { useState as useState12, useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useCallback as useCallback3 } from "react";
 import { FiX as FiX2, FiChevronLeft as FiChevronLeft3, FiChevronRight as FiChevronRight5 } from "react-icons/fi";
 function ImageViewer({ data, onClose }) {
   var _a;
   const { images = [], startIndex = 0, visible } = data;
-  const [currentIndex, setCurrentIndex] = useState11(startIndex);
-  const [isLoading, setIsLoading] = useState11(false);
-  const [loadedSrc, setLoadedSrc] = useState11(null);
+  const [currentIndex, setCurrentIndex] = useState12(startIndex);
+  const [isLoading, setIsLoading] = useState12(false);
+  const [loadedSrc, setLoadedSrc] = useState12(null);
   useLayoutEffect2(() => {
     if (visible) {
       setCurrentIndex(startIndex);
     }
   }, [visible, startIndex]);
-  const handleNext = useCallback2(() => {
+  const handleNext = useCallback3(() => {
     if (images.length > 1) {
       setCurrentIndex((prev) => (prev + 1) % images.length);
     }
   }, [images.length]);
-  const handlePrev = useCallback2(() => {
+  const handlePrev = useCallback3(() => {
     if (images.length > 1) {
       setCurrentIndex((prev) => (prev - 1 + images.length) % images.length);
     }
@@ -6671,10 +7073,10 @@ function ImageViewer({ data, onClose }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import React13, { useState as useState13, useEffect as useEffect13, useRef as useRef10 } from "react";
+import React13, { useState as useState14, useEffect as useEffect13, useRef as useRef10 } from "react";
 
 // src/components/ColorPicker.jsx
-import React12, { useState as useState12, useEffect as useEffect12, useRef as useRef9 } from "react";
+import React12, { useState as useState13, useEffect as useEffect12, useRef as useRef9 } from "react";
 import { HexColorPicker } from "react-colorful";
 import { FiHash, FiCheck as FiCheck6 } from "react-icons/fi";
 var PRESET_COLORS = [
@@ -6695,7 +7097,7 @@ var PRESET_COLORS = [
   "#000000"
 ];
 function ColorPicker({ color, onChange, disabled }) {
-  const [isOpen, setIsOpen] = useState12(false);
+  const [isOpen, setIsOpen] = useState13(false);
   const popoverRef = useRef9(null);
   useEffect12(() => {
     const handleClickOutside = (event) => {
@@ -6770,7 +7172,7 @@ function ColorPicker({ color, onChange, disabled }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun } from "react-icons/fi";
+import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun, FiChevronDown as FiChevronDown4 } from "react-icons/fi";
 function InSceneCreationForm({
   onSave,
   onCancel,
@@ -6789,28 +7191,43 @@ function InSceneCreationForm({
   onMentionClick,
   sourceTypes,
   onUploadFile,
-  // Props do Dataset adicionadas
   availableDatasets = [],
   sourceNodeDatasetId,
   viewType
 }) {
-  const [name, setName] = useState13("");
-  const [types, setTypes] = useState13([]);
-  const [typeInput, setTypeInput] = useState13("");
-  const [color, setColor] = useState13(initialColor || "#cccccc");
-  const [size, setSize] = useState13("medium");
-  const [intensity, setIntensity] = useState13(0);
-  const [description, setDescription] = useState13("");
-  const [customProps, setCustomProps] = useState13([]);
-  const [showTypeSuggestions, setShowTypeSuggestions] = useState13(false);
-  const [filteredTypes, setFilteredTypes] = useState13([]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState13(false);
-  const [useImageAsTexture, setUseImageAsTexture] = useState13(false);
-  const [selectedImageUrl, setSelectedImageUrl] = useState13(null);
-  const [targetDatasetId, setTargetDatasetId] = useState13(sourceNodeDatasetId || "");
+  var _a;
+  const [name, setName] = useState14("");
+  const [types, setTypes] = useState14([]);
+  const [typeInput, setTypeInput] = useState14("");
+  const [color, setColor] = useState14(initialColor || "#cccccc");
+  const [size, setSize] = useState14("medium");
+  const [intensity, setIntensity] = useState14(0);
+  const [description, setDescription] = useState14("");
+  const [customProps, setCustomProps] = useState14([]);
+  const [showTypeSuggestions, setShowTypeSuggestions] = useState14(false);
+  const [filteredTypes, setFilteredTypes] = useState14([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState14(false);
+  const [useImageAsTexture, setUseImageAsTexture] = useState14(false);
+  const [selectedImageUrl, setSelectedImageUrl] = useState14(null);
+  const [targetDatasetId, setTargetDatasetId] = useState14(sourceNodeDatasetId || "");
+  const [isDatasetDropdownOpen, setIsDatasetDropdownOpen] = useState14(false);
+  const datasetDropdownRef = useRef10(null);
   useEffect13(() => {
     if (sourceNodeDatasetId) setTargetDatasetId(sourceNodeDatasetId);
   }, [sourceNodeDatasetId]);
+  useEffect13(() => {
+    function handleClickOutside(event) {
+      if (datasetDropdownRef.current && !datasetDropdownRef.current.contains(event.target)) {
+        setIsDatasetDropdownOpen(false);
+      }
+    }
+    if (isDatasetDropdownOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isDatasetDropdownOpen]);
   const propsEndRef = useRef10(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   useEffect13(() => {
@@ -6856,8 +7273,8 @@ function InSceneCreationForm({
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
     setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
     }, 100);
   };
   const handleRemoveProp = (index) => setCustomProps(customProps.filter((_, i) => i !== index));
@@ -6890,12 +7307,12 @@ function InSceneCreationForm({
     onSizeChange == null ? void 0 : onSizeChange(newSize);
   };
   const handleToggleImageMode = () => {
-    var _a, _b;
+    var _a2, _b;
     const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
     if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
-      if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
+      if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
         setSelectedImageUrl(url);
         onImageChange == null ? void 0 : onImageChange(true, url);
@@ -6929,7 +7346,6 @@ function InSceneCreationForm({
       useImageAsTexture,
       textureImageUrl: useImageAsTexture ? selectedImageUrl : null,
       targetDatasetId,
-      // Alvo do Dataset adicionado no onSave
       ...additionalData
     });
   };
@@ -6950,6 +7366,7 @@ function InSceneCreationForm({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
+  const selectedDatasetName = ((_a = availableDatasets.find((ds) => ds.id === targetDatasetId)) == null ? void 0 : _a.name) || "Selecione um Dataset...";
   return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     "div",
     {
@@ -7007,15 +7424,27 @@ function InSceneCreationForm({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ React13.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), viewType === "view" && availableDatasets.length > 0 && /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ React13.createElement(
-      "select",
+    ))))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Nome do Node"), /* @__PURE__ */ React13.createElement("input", { required: true, type: "text", placeholder: "Ex.: Cliente XPTO", value: name, onChange: handleNameInputChange, className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60" })), viewType === "view" && availableDatasets.length > 0 && /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative", ref: datasetDropdownRef }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Criar Node no Dataset:"), /* @__PURE__ */ React13.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsDatasetDropdownOpen(!isDatasetDropdownOpen),
+        className: "w-full flex items-center justify-between bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 hover:bg-slate-700/70 transition-colors text-slate-200 text-left"
+      },
+      /* @__PURE__ */ React13.createElement("span", { className: "truncate pr-2" }, selectedDatasetName),
+      /* @__PURE__ */ React13.createElement(FiChevronDown4, { className: `flex-shrink-0 text-slate-400 transition-transform ${isDatasetDropdownOpen ? "rotate-180" : ""}` })
+    ), isDatasetDropdownOpen && /* @__PURE__ */ React13.createElement("ul", { className: "custom-scrollbar absolute top-[66px] left-0 z-20 w-full max-h-48 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-xl py-1" }, availableDatasets.map((ds) => /* @__PURE__ */ React13.createElement(
+      "li",
       {
-        value: targetDatasetId,
-        onChange: (e) => setTargetDatasetId(e.target.value),
-        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 text-slate-200 cursor-pointer appearance-none"
+        key: ds.id,
+        onClick: () => {
+          setTargetDatasetId(ds.id);
+          setIsDatasetDropdownOpen(false);
+        },
+        className: `px-3 py-2 text-sm cursor-pointer transition-colors ${targetDatasetId === ds.id ? "bg-indigo-600/40 text-indigo-200 font-medium" : "text-slate-300 hover:bg-white/5"}`
       },
-      availableDatasets.map((ds) => /* @__PURE__ */ React13.createElement("option", { key: ds.id, value: ds.id }, ds.name))
-    )), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
+      ds.name
+    )))), /* @__PURE__ */ React13.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React13.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React13.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ React13.createElement(
       DescriptionDisplay,
       {
         description,
@@ -7023,7 +7452,8 @@ function InSceneCreationForm({
         availableNodes,
         availableAncestries,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: (newDesc) => setDescription(newDesc)
       }
     ), /* @__PURE__ */ React13.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React13.createElement(
       "button",
@@ -7114,7 +7544,7 @@ function InSceneCreationForm({
 }
 
 // src/components/InSceneVersionForm.jsx
-import React14, { useState as useState14, useEffect as useEffect14, useRef as useRef11 } from "react";
+import React14, { useState as useState15, useEffect as useEffect14, useRef as useRef11 } from "react";
 import { FiPlus as FiPlus4, FiMaximize2 as FiMaximize22, FiCheck as FiCheck8, FiEdit2 as FiEdit25 } from "react-icons/fi";
 function InSceneVersionForm({
   onSave,
@@ -7132,14 +7562,14 @@ function InSceneVersionForm({
   onMentionClick,
   onUploadFile
 }) {
-  const [name, setName] = useState14("");
-  const [size, setSize] = useState14("medium");
-  const [description, setDescription] = useState14("");
-  const [customProps, setCustomProps] = useState14([{ id: v4_default(), key: "Date", type: "date", value: { type: "Data", value: "" }, isEditing: true }]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState14(false);
+  const [name, setName] = useState15("");
+  const [size, setSize] = useState15("medium");
+  const [description, setDescription] = useState15("");
+  const [customProps, setCustomProps] = useState15([{ id: v4_default(), key: "Date", type: "date", value: { type: "Data", value: "" }, isEditing: true }]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState15(false);
   const propsEndRef = useRef11(null);
-  const [useImageAsTexture, setUseImageAsTexture] = useState14(false);
-  const [selectedImageUrl, setSelectedImageUrl] = useState14(null);
+  const [useImageAsTexture, setUseImageAsTexture] = useState15(false);
+  const [selectedImageUrl, setSelectedImageUrl] = useState15(null);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
   useEffect14(() => {
     if (!hasImages && useImageAsTexture) {
@@ -7260,7 +7690,8 @@ function InSceneVersionForm({
         availableNodes,
         availableAncestries,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: (newDesc) => setDescription(newDesc)
       }
     ), /* @__PURE__ */ React14.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React14.createElement(
       "button",
@@ -7332,7 +7763,7 @@ function InSceneVersionForm({
 }
 
 // src/components/NodeDetailsPanel.jsx
-import React15, { useState as useState15, useEffect as useEffect15, useRef as useRef12 } from "react";
+import React15, { useState as useState16, useEffect as useEffect15, useRef as useRef12 } from "react";
 import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize23, FiX as FiX4, FiCheck as FiCheck9, FiImage as FiImage3, FiEdit2 as FiEdit26, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
@@ -7353,29 +7784,37 @@ function NodeDetailsPanel({
   onUploadFile,
   userRole,
   currentDatasetName
-  // Prop currentDatasetName adicionada
 }) {
-  const [name, setName] = useState15((node == null ? void 0 : node.name) ?? "");
-  const [types, setTypes] = useState15([]);
-  const [typeInput, setTypeInput] = useState15("");
-  const [color, setColor] = useState15((node == null ? void 0 : node.color) ?? "#8b5cf6");
-  const [size, setSize] = useState15((node == null ? void 0 : node.size) ?? "medium");
-  const [description, setDescription] = useState15((node == null ? void 0 : node.description) ?? "");
-  const [intensity, setIntensity] = useState15((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
-  const [customProps, setCustomProps] = useState15(() => extractCustomPropsFromNode(node || {}));
-  const [showTypeSuggestions, setShowTypeSuggestions] = useState15(false);
-  const [filteredTypes, setFilteredTypes] = useState15([]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState15(false);
-  const [isReadMode, setIsReadMode] = useState15(false);
-  const [existingSections, setExistingSections] = useState15((node == null ? void 0 : node.description_sections) || []);
-  const [isSaving, setIsSaving] = useState15(false);
-  const [isLinkCopied, setIsLinkCopied] = useState15(false);
-  const [useImageAsTexture, setUseImageAsTexture] = useState15(() => {
+  const [name, setName] = useState16((node == null ? void 0 : node.name) ?? "");
+  const [types, setTypes] = useState16([]);
+  const [typeInput, setTypeInput] = useState16("");
+  const [color, setColor] = useState16((node == null ? void 0 : node.color) ?? "#8b5cf6");
+  const [size, setSize] = useState16((node == null ? void 0 : node.size) ?? "medium");
+  const [description, setDescription] = useState16((node == null ? void 0 : node.description) ?? "");
+  const [intensity, setIntensity] = useState16((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [customProps, setCustomProps] = useState16(() => extractCustomPropsFromNode(node || {}));
+  const [showTypeSuggestions, setShowTypeSuggestions] = useState16(false);
+  const [filteredTypes, setFilteredTypes] = useState16([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
+  const [isReadMode, setIsReadMode] = useState16(false);
+  const [existingSections, setExistingSections] = useState16((node == null ? void 0 : node.description_sections) || []);
+  const [isSaving, setIsSaving] = useState16(false);
+  const [isLinkCopied, setIsLinkCopied] = useState16(false);
+  const [useImageAsTexture, setUseImageAsTexture] = useState16(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
     if ((node == null ? void 0 : node.useImageAsTexture) === "false") return false;
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
-  const [selectedImageUrl, setSelectedImageUrl] = useState15((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [selectedImageUrl, setSelectedImageUrl] = useState16((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
+    initialWidth: isReadMode ? 700 : 440,
+    minWidth: 320,
+    maxWidth: maxPanelW
+  });
+  useEffect15(() => {
+    setWidth(isReadMode ? 700 : 440);
+  }, [isReadMode, setWidth]);
   const prevNodeIdRef = useRef12(null);
   const propsEndRef = useRef12(null);
   const canEdit = userRole !== "viewer";
@@ -7528,6 +7967,11 @@ function NodeDetailsPanel({
       textureImageUrl: url
     });
   };
+  const handleSaveDescriptionInline = (newDescription) => {
+    setDescription(newDescription);
+    onDataUpdate({ ...node, description: newDescription });
+    triggerAutoSave({ description: newDescription });
+  };
   const handleSave = async (keepOpen = false, overrides = {}) => {
     const currentName = overrides.name !== void 0 ? overrides.name : name;
     const currentTypes = overrides.types !== void 0 ? overrides.types : types;
@@ -7583,10 +8027,8 @@ function NodeDetailsPanel({
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
     "div",
     {
-      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden transition-all duration-300 ease-out
-            ${isReadMode ? "w-[min(92vw,700px)]" : "w-[min(92vw,440px)]"}
-        `,
-      style: { top: 16, right: 16, zIndex: 1100 },
+      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 ${isResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
+      style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${panelWidth}px`, maxWidth: "92vw" },
       onPointerDown: swallow,
       onPointerMove: swallow,
       onPointerUp: swallow,
@@ -7595,6 +8037,17 @@ function NodeDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
+    /* @__PURE__ */ React15.createElement(
+      "div",
+      {
+        onPointerDown: (e) => {
+          e.stopPropagation();
+          handleResize(e);
+        },
+        className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+        title: "Arraste para redimensionar"
+      }
+    ),
     isReadMode ? /* @__PURE__ */ React15.createElement(
       DescriptionReadModePanel,
       {
@@ -7613,7 +8066,8 @@ function NodeDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React15.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React15.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__ */ React15.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React15.createElement(
       "button",
@@ -7681,7 +8135,8 @@ function NodeDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ), /* @__PURE__ */ React15.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React15.createElement(
       "button",
@@ -7764,7 +8219,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React15.createElement("div", { className: "pt-2 mt-4 border-t border-white/10" }, /* @__PURE__ */ React15.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Hospedado no Dataset"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 mt-1.5 px-3 py-2 bg-slate-800/40 rounded-lg border border-white/5" }, /* @__PURE__ */ React15.createElement(FiDatabase, { className: "text-indigo-400", size: 14 }), /* @__PURE__ */ React15.createElement("span", { className: "text-xs text-slate-300 truncate font-medium" }, currentDatasetName)))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
+    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React15.createElement("div", { className: "pt-3 mt-4 border-t border-white/10 flex items-center justify-end gap-2 text-xs text-slate-400" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React15.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -7796,18 +8251,18 @@ function NodeDetailsPanel({
 }
 
 // src/components/MultiNodeContextMenu.jsx
-import React16, { useLayoutEffect as useLayoutEffect3, useRef as useRef13, useState as useState16, useEffect as useEffect16 } from "react";
+import React16, { useLayoutEffect as useLayoutEffect3, useRef as useRef13, useState as useState17, useEffect as useEffect16 } from "react";
 function MultiNodeContextMenu({
   data,
   userRole,
-  // 2. Recebendo a role do usuário nas props
   onClose,
   onDismissNodes,
   onDismissOtherNodes,
   onDeleteNodes
 }) {
   const menuRef = useRef13(null);
-  const [menuPos, setMenuPos] = useState16({ left: 0, top: 0 });
+  const [menuPos, setMenuPos] = useState17({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState17(false);
   const ability = defineAbilityFor(userRole);
   const canDelete = ability.can("delete", "Node");
   useLayoutEffect3(() => {
@@ -7824,7 +8279,9 @@ function MultiNodeContextMenu({
     setMenuPos({ left, top });
   }, [data]);
   useEffect16(() => {
-    if (!data.visible) return;
+    if (data.visible) {
+      setIsConfirmingDelete(false);
+    }
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
@@ -7851,12 +8308,26 @@ function MultiNodeContextMenu({
       onDoubleClick: swallow
     },
     /* @__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: "p-1.5" }, /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React16.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React16.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__ */ React16.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React16.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React16.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React16.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React16.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ React16.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React16.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__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React16.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React16.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React16.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React16.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React16.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React16.createElement("button", { onClick: () => onDeleteNodes(data.nodeIds), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ React16.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__ */ React16.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React16.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React16.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React16.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React16.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
+    /* @__PURE__ */ React16.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React16.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ React16.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React16.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React16.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React16.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ React16.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ React16.createElement("p", { className: "text-[11px] text-slate-400 leading-tight" }, "Esta a\xE7\xE3o \xE9 irrevers\xEDvel. Todas as conex\xF5es associadas a eles ser\xE3o apagadas.")), /* @__PURE__ */ React16.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        onClick: () => setIsConfirmingDelete(false),
+        className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
+      },
+      "Cancelar"
+    ), /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        onClick: () => onDeleteNodes(data.nodeIds),
+        className: "flex-1 px-2 py-2 text-xs font-medium bg-red-500 hover:bg-red-600 rounded-md text-white transition-colors"
+      },
+      "Excluir"
+    ))) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React16.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React16.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__ */ React16.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React16.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React16.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React16.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React16.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ React16.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React16.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__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React16.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React16.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React16.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React16.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React16.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React16.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ React16.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__ */ React16.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React16.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React16.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React16.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React16.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
   );
 }
 
 // src/components/RelationshipDetailsPanel.jsx
-import React17, { useState as useState17, useEffect as useEffect17, useRef as useRef14, useMemo as useMemo9 } from "react";
+import React17, { useState as useState18, useEffect as useEffect17, useRef as useRef14, useMemo as useMemo9 } from "react";
 import { FiPlus as FiPlus6, FiEdit2 as FiEdit27, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4 } from "react-icons/fi";
 function RelationshipDetailsPanel({
   link,
@@ -7870,15 +8341,14 @@ function RelationshipDetailsPanel({
   onMentionClick,
   onUploadFile,
   userRole
-  // Recebendo userRole via props
 }) {
-  const [name, setName] = useState17((link == null ? void 0 : link.name) ?? "");
-  const [description, setDescription] = useState17((link == null ? void 0 : link.description) ?? "");
-  const [customProps, setCustomProps] = useState17(() => extractCustomPropsFromNode(link || {}));
-  const [existingSections, setExistingSections] = useState17((link == null ? void 0 : link.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
-  const [isSaving, setIsSaving] = useState17(false);
-  const [isReadMode, setIsReadMode] = useState17(false);
+  const [name, setName] = useState18((link == null ? void 0 : link.name) ?? "");
+  const [description, setDescription] = useState18((link == null ? void 0 : link.description) ?? "");
+  const [customProps, setCustomProps] = useState18(() => extractCustomPropsFromNode(link || {}));
+  const [existingSections, setExistingSections] = useState18((link == null ? void 0 : link.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState18(false);
+  const [isSaving, setIsSaving] = useState18(false);
+  const [isReadMode, setIsReadMode] = useState18(false);
   const propsEndRef = useRef14(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
@@ -7933,6 +8403,12 @@ function RelationshipDetailsPanel({
   const triggerAutoSave = (overrides = {}) => {
     if (canEdit) handleSave(true, overrides);
   };
+  const handleSaveDescriptionInline = (newDescription) => {
+    if (!canEdit) return;
+    setDescription(newDescription);
+    onDataUpdate((prev) => ({ ...prev, description: newDescription }));
+    triggerAutoSave({ description: newDescription });
+  };
   const handleRemoveProp = (i) => {
     const newProps = customProps.filter((_, idx) => idx !== i);
     setCustomProps(newProps);
@@ -7986,7 +8462,8 @@ function RelationshipDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__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("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__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React17.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__ */ 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" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React17.createElement(
       "input",
@@ -8009,7 +8486,8 @@ function RelationshipDetailsPanel({
         availableAncestries,
         onOpenReference,
         onMentionClick,
-        onImageClick: handleImageClickFromText
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
       }
     ), /* @__PURE__ */ React17.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React17.createElement(
       "button",
@@ -8081,11 +8559,10 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-import React18, { useLayoutEffect as useLayoutEffect4, useRef as useRef15, useState as useState18, useEffect as useEffect18, useMemo as useMemo10 } from "react";
+import React18, { useLayoutEffect as useLayoutEffect4, useRef as useRef15, useState as useState19, useEffect as useEffect18, useMemo as useMemo10 } from "react";
 function RelationshipContextMenu({
   data,
   userRole,
-  // Recebemos a role do usuário para verificar permissões
   onRelinkSource,
   onRelinkTarget,
   onOpenDetails,
@@ -8093,7 +8570,8 @@ function RelationshipContextMenu({
   onClose
 }) {
   const menuRef = useRef15(null);
-  const [menuPos, setMenuPos] = useState18({ left: 0, top: 0 });
+  const [menuPos, setMenuPos] = useState19({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState19(false);
   const ability = useMemo10(() => defineAbilityFor(userRole), [userRole]);
   const sourceName = useMemo10(
     () => {
@@ -8123,7 +8601,9 @@ function RelationshipContextMenu({
     setMenuPos({ left, top });
   }, [data]);
   useEffect18(() => {
-    if (!data.visible) return;
+    if (data.visible) {
+      setIsConfirmingDelete(false);
+    }
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
     };
@@ -8151,7 +8631,21 @@ function RelationshipContextMenu({
       onDoubleClick: swallow
     },
     /* @__PURE__ */ React18.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
-    /* @__PURE__ */ React18.createElement("div", { className: "p-1.5" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React18.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-teal-400/80 shadow-[0_0_12px_1px_rgba(45,212,191,0.5)]" }), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React18.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React18.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ React18.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React18.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ React18.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ React18.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ React18.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ React18.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ React18.createElement("strong", null, targetName), ".")), /* @__PURE__ */ React18.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        onClick: () => setIsConfirmingDelete(false),
+        className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
+      },
+      "Cancelar"
+    ), /* @__PURE__ */ React18.createElement(
+      "button",
+      {
+        onClick: () => onDelete == null ? void 0 : onDelete(data.linkObject),
+        className: "flex-1 px-2 py-2 text-xs font-medium bg-rose-600 hover:bg-rose-500 rounded-md text-white transition-colors"
+      },
+      "Excluir"
+    ))) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React18.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-teal-400/80 shadow-[0_0_12px_1px_rgba(45,212,191,0.5)]" }), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
       "button",
       {
         onClick: () => onRelinkSource == null ? void 0 : onRelinkSource(data.linkObject),
@@ -8230,7 +8724,7 @@ function RelationshipContextMenu({
     ), canDelete && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ React18.createElement(
       "button",
       {
-        onClick: () => onDelete == null ? void 0 : onDelete(data.linkObject),
+        onClick: () => setIsConfirmingDelete(true),
         className: dangerButtonClass,
         title: "Excluir esta conex\xE3o"
       },
@@ -8254,7 +8748,7 @@ function RelationshipContextMenu({
         /* @__PURE__ */ React18.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
       ),
       /* @__PURE__ */ React18.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
-    ))))
+    )))))
   );
 }
 
@@ -8295,7 +8789,7 @@ function LoadingScreen() {
 }
 
 // src/components/ImportParentFileModal.jsx
-import React20, { useEffect as useEffect19, useState as useState19 } from "react";
+import React20, { useEffect as useEffect19, useState as useState20 } from "react";
 function ImportParentFileModal({
   isOpen,
   onClose,
@@ -8306,11 +8800,11 @@ function ImportParentFileModal({
   onFetchAvailableFiles,
   currentViewName
 }) {
-  const [activeTab, setActiveTab] = useState19("databases");
-  const [availableDbs, setAvailableDbs] = useState19([]);
-  const [availableViews, setAvailableViews] = useState19([]);
-  const [selectedItem, setSelectedItem] = useState19(null);
-  const [isLoading, setIsLoading] = useState19(false);
+  const [activeTab, setActiveTab] = useState20("databases");
+  const [availableDbs, setAvailableDbs] = useState20([]);
+  const [availableViews, setAvailableViews] = useState20([]);
+  const [selectedItem, setSelectedItem] = useState20(null);
+  const [isLoading, setIsLoading] = useState20(false);
   useEffect19(() => {
     if (isOpen && session && onFetchAvailableFiles) {
       const fetchData = async () => {
@@ -8456,7 +8950,7 @@ function ImportParentFileModal({
 }
 
 // src/components/AncestryLinkDetailsPanel.jsx
-import React21, { useState as useState20 } from "react";
+import React21, { useState as useState21 } from "react";
 import { FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
   var _a, _b, _c, _d;
@@ -8466,7 +8960,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
   const customProps = extractCustomPropsFromNode(relationshipData);
   const sourceName = ((_b = (_a = data.sourceNode) == null ? void 0 : _a.userData) == null ? void 0 : _b.name) || "Origem";
   const targetName = ((_d = (_c = data.targetNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) || "Destino";
-  const [isReadMode, setIsReadMode] = useState20(false);
+  const [isReadMode, setIsReadMode] = useState21(false);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
@@ -8532,14 +9026,14 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
 }
 
 // src/components/AncestryBoard.jsx
-import React22, { useState as useState21, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef16 } from "react";
+import React22, { useState as useState22, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef16 } from "react";
 import {
   FiSearch as FiSearch4,
   FiLayers as FiLayers6,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
   FiPlus as FiPlus7,
-  FiTrash2 as FiTrash22,
+  FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight,
   FiCheckCircle,
@@ -8676,7 +9170,7 @@ var GroupItem = ({
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ React22.createElement(FiTrash22, { size: 14 })
+    /* @__PURE__ */ React22.createElement(FiTrash23, { size: 14 })
   )))), group.children && group.children.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React22.createElement(
     GroupItem,
     {
@@ -8709,11 +9203,11 @@ function AncestryBoard({
   userRole
   // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = useState21("");
-  const [groups, setGroups] = useState21([]);
-  const [isLoaded, setIsLoaded] = useState21(false);
-  const [pickingGroupId, setPickingGroupId] = useState21(null);
-  const [saveStatus, setSaveStatus] = useState21("idle");
+  const [searchTerm, setSearchTerm] = useState22("");
+  const [groups, setGroups] = useState22([]);
+  const [isLoaded, setIsLoaded] = useState22(false);
+  const [pickingGroupId, setPickingGroupId] = useState22(null);
+  const [saveStatus, setSaveStatus] = useState22("idle");
   const canEdit = useMemo11(() => {
     return userRole !== "viewer";
   }, [userRole]);
@@ -9163,37 +9657,37 @@ function XViewScene({
   const sceneDataRef = useRef17(null);
   const parentDataRef = useRef17(null);
   const ancestryDataRef = useRef17(null);
-  const [isLoading, setIsLoading] = useState22(true);
-  const [permissionStatus, setPermissionStatus] = useState22("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState22(null);
-  const [isInitialized, setIsInitialized] = useState22(false);
-  const [sceneVersion, setSceneVersion] = useState22(0);
-  const [contextMenu, setContextMenu] = useState22({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = useState22({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = useState22({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = useState22({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = useState22({ isActive: false, sourceNodeData: null });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState22(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState22(false);
-  const [ancestryMode, setAncestryMode] = useState22({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-  const [readingMode, setReadingMode] = useState22({
+  const [isLoading, setIsLoading] = useState23(true);
+  const [permissionStatus, setPermissionStatus] = useState23("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState23(null);
+  const [isInitialized, setIsInitialized] = useState23(false);
+  const [sceneVersion, setSceneVersion] = useState23(0);
+  const [contextMenu, setContextMenu] = useState23({ visible: false, x: 0, y: 0, nodeData: null });
+  const [multiContextMenu, setMultiContextMenu] = useState23({ visible: false, x: 0, y: 0, nodeIds: null });
+  const [relationshipMenu, setRelationshipMenu] = useState23({ visible: false, x: 0, y: 0, linkObject: null });
+  const [creationMode, setCreationMode] = useState23({ isActive: false, sourceNodeData: null });
+  const [versionMode, setVersionMode] = useState23({ isActive: false, sourceNodeData: null });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState23(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState23(false);
+  const [ancestryMode, setAncestryMode] = useState23({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+  const [readingMode, setReadingMode] = useState23({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState22({ left: 16, top: 16, opacity: 0 });
-  const [detailsNode, setDetailsNode] = useState22(null);
-  const [detailsLink, setDetailsLink] = useState22(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState22(null);
-  const [imageViewer, setImageViewer] = useState22({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = useState22({ visible: false, data: null, path: null });
-  const [isImportModalOpen, setIsImportModalOpen] = useState22(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState22("");
-  const [highlightedNodeId, setHighlightedNodeId] = useState22(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState22(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState22([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState22(false);
+  const [formPosition, setFormPosition] = useState23({ left: 16, top: 16, opacity: 0 });
+  const [detailsNode, setDetailsNode] = useState23(null);
+  const [detailsLink, setDetailsLink] = useState23(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState23(null);
+  const [imageViewer, setImageViewer] = useState23({ visible: false, images: [], startIndex: 0 });
+  const [editingAncestryRel, setEditingAncestryRel] = useState23({ visible: false, data: null, path: null });
+  const [isImportModalOpen, setIsImportModalOpen] = useState23(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState23("");
+  const [highlightedNodeId, setHighlightedNodeId] = useState23(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState23(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState23([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState23(false);
   const mountRef = useRef17(null);
   const tooltipRef = useRef17(null);
   const formRef = useRef17(null);
@@ -9236,6 +9730,12 @@ function XViewScene({
     lastDescriptionLength: 0,
     highlightedNodeId: null
   });
+  const maxReadPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
+  const { width: readModeWidth, isResizing: isReadModeResizing, handlePointerDown: handleReadModeResize } = useResizablePanel({
+    initialWidth: 700,
+    minWidth: 320,
+    maxWidth: maxReadPanelW
+  });
   useEffect21(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
@@ -9260,10 +9760,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = useCallback3(() => {
+  const handleNavigateBack = useCallback4(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = useCallback3(
+  const handleConfirmImport = useCallback4(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -9311,7 +9811,6 @@ function XViewScene({
           if (ancestryResponse.success && Array.isArray(ancestryResponse.data)) {
             const viewSpecificAncestries = ancestryResponse.data.filter(
               (anc) => anc._source_file_id === viewToImport.id && !anc.is_private
-              // <--- AQUI ESTÁ A TRAVA DE SEGURANÇA
             );
             const processedAncestries = viewSpecificAncestries.map((anc) => ({
               ...anc,
@@ -9362,7 +9861,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = useCallback3((target, zoomFactor = 1, forcedDirection = null) => {
+  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;
@@ -9385,7 +9884,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = useCallback3((idTree, nodes, ancestries = []) => {
+  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]));
@@ -9411,14 +9910,10 @@ function XViewScene({
               return {
                 ...branch,
                 name: linkedAncestry.name,
-                // Sobrescreve nome para exibição
                 description: linkedAncestry.description,
-                // Sobrescreve descrição
                 description_sections: linkedAncestry.description_sections,
                 tree: graftedTree,
-                // ENXERTA A ÁRVORE AQUI
                 isLinked: true
-                // Flag útil
               };
             }
           }
@@ -9465,7 +9960,7 @@ function XViewScene({
     }
     return recursiveBuild(idTree);
   }, []);
-  const handleActivateTimeline = useCallback3(() => {
+  const handleActivateTimeline = useCallback4(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -9618,7 +10113,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = useCallback3((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = useCallback4((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0) return;
     versionMeshes.forEach((mesh) => {
@@ -9811,16 +10306,14 @@ function XViewScene({
     isInitialized,
     permissionStatus,
     focusNodeId,
-    // <-- MANTIDO
     focusAncestryId
-    // <-- ADICIONADO O focusAncestryId NAS DEPENDÊNCIAS
   ]);
-  const isNodeInView = useCallback3((id) => {
+  const isNodeInView = useCallback4((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = useCallback3((nodeData, position, suppressVersionUpdate = false) => {
+  const addOrUpdateNodeMesh = useCallback4((nodeData, position, suppressVersionUpdate = false) => {
     const { graphGroup, nodeObjects, clickableNodes, glowTexture, tweenGroup } = stateRef.current;
     const nodeId = String(nodeData.id);
     if (nodeObjects[nodeId]) {
@@ -10469,7 +10962,7 @@ function XViewScene({
       }
     };
   }, [isInitialized, tweenToTarget, dbSaveUrl, isNodeInView, addOrUpdateNodeMesh, handleActivateTimeline, get_scene_view_data, save_view_data]);
-  const handleGhostNodeImageChange = useCallback3((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = useCallback4((useImage, imageUrl) => {
     const { node: ghostNode, line: ghostLine, aura: ghostAura } = stateRef.current.ghostElements;
     const { graphGroup, glowTexture } = stateRef.current;
     if (!ghostNode || !graphGroup) return;
@@ -10511,7 +11004,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = useCallback3((newIntensity) => {
+  const handleGhostNodeIntensityChange = useCallback4((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -10532,7 +11025,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = useCallback3((nodeId, newIntensity) => {
+  const handleDetailNodeIntensityChange = useCallback4((nodeId, newIntensity) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     if (!mesh) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -10678,7 +11171,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = useCallback3((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = useCallback4((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -10748,7 +11241,7 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleClearAncestryVisuals = useCallback3((ancestryId) => {
+  const handleClearAncestryVisuals = useCallback4((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryId));
     if (renderIndex !== -1) {
@@ -10762,7 +11255,7 @@ function XViewScene({
       stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     }
   }, []);
-  const handleRenderAncestry = useCallback3(
+  const handleRenderAncestry = useCallback4(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11178,7 +11671,7 @@ function XViewScene({
     },
     [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, readingMode.isActive, ancestryMode.isActive]
   );
-  const handleRenderAbstractionTree = useCallback3((ancestryObject, targetNodeId = null) => {
+  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;
@@ -11239,7 +11732,7 @@ function XViewScene({
     stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     tweenToTarget(rootTargetPos, 0.7);
   }, [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, handleClearAncestryVisuals]);
-  const handleReadModeBranchNav = useCallback3((nodeId, action, direction = "right") => {
+  const handleReadModeBranchNav = useCallback4((nodeId, action, direction = "right") => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !ancestry.tree) return;
     const allAncestries = ancestryDataRef.current || [];
@@ -11277,9 +11770,7 @@ function XViewScene({
             description_sections: branchToOpen.description_sections,
             tree: branchToOpen.tree,
             _originNodeId: nodeId,
-            // <--- ID do node pai (link visual)
             _branchDirection: direction
-            // <--- Direção para cálculo de posição
           };
           const allowedIds = /* @__PURE__ */ new Set(["preamble", 0, "0"]);
           const branchSections = parseDescriptionSections(branchToOpen.description || "", branchToOpen.description_sections || []);
@@ -11335,7 +11826,6 @@ function XViewScene({
       const parentAncestryObj = {
         ...targetAncestryInfo,
         tree: targetTreeToRender,
-        // Re-injeta a origem se o pai também for uma branch aninhada
         _originNodeId: activeParentStackItem ? activeParentStackItem.nodeId : null,
         _branchDirection: activeParentStackItem ? activeParentStackItem.entryDirection : null
       };
@@ -11383,7 +11873,7 @@ function XViewScene({
       }));
     }
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]);
-  const handleReadModeHighlight = useCallback3((nodeId) => {
+  const handleReadModeHighlight = useCallback4((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
@@ -11395,7 +11885,6 @@ function XViewScene({
       readingMode.ancestry.tree,
       Object.values(parentDataRef.current).flatMap((f) => f.nodes),
       ancestryDataRef.current
-      // <--- Adicionar
     );
     const findNodeInTree = (tree, targetId) => {
       if (!tree) return null;
@@ -11449,7 +11938,6 @@ function XViewScene({
         description_sections: ancestry.description_sections,
         direction: null,
         customProperties: rootProps
-        // <--- ADICIONADO
       };
     }
     const fullTree = buildFullAncestryTree(
@@ -11478,7 +11966,6 @@ function XViewScene({
       description_sections: currentMeta.description_sections,
       direction: currentDirection,
       customProperties: branchProps
-      // <--- ADICIONADO
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
   const readModeAbstractionTree = useMemo12(() => {
@@ -11493,7 +11980,7 @@ function XViewScene({
       allAncestries
     );
   }, [readingMode.isActive, readingMode.ancestry, buildFullAncestryTree, sceneVersion]);
-  const handleStartReadingAncestry = useCallback3(
+  const handleStartReadingAncestry = useCallback4(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11514,7 +12001,6 @@ function XViewScene({
         ancestry: ancestryObject,
         branchStack: [],
         autoAbstraction: shouldAutoRenderAbstraction
-        // <--- FLAG ENVIADA PARA A UI
       });
       if (shouldAutoRenderAbstraction) {
         handleRenderAbstractionTree(ancestryObject, null);
@@ -11528,9 +12014,8 @@ function XViewScene({
       }
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
-    // <--- DEPENDÊNCIA ADICIONADA
   );
-  const handleReadModeSectionChange = useCallback3((activeSectionId) => {
+  const handleReadModeSectionChange = useCallback4((activeSectionId) => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !readingMode.isActive) return;
     let targetObj = ancestry;
@@ -11599,10 +12084,10 @@ function XViewScene({
     }, 0);
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, ancestryDataRef.current]);
-  const handleCloseReadMode = useCallback3(() => {
+  const handleCloseReadMode = useCallback4(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = useCallback3((activeSectionId, ancestryOverride = null, rotation = 0) => {
+  const handleAncestrySectionChange = useCallback4((activeSectionId, ancestryOverride = null, rotation = 0) => {
     var _a2, _b2;
     const currentMode = stateRef.current.ancestry;
     let targetObj = ancestryOverride;
@@ -11654,7 +12139,7 @@ function XViewScene({
     const renderPayload = { ...targetObj, tree: treeToRender };
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [handleRenderAncestry]);
-  const handleEditAncestry = useCallback3(
+  const handleEditAncestry = useCallback4(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11677,10 +12162,8 @@ function XViewScene({
         ...ancestryObject,
         tree: fullTree,
         abstraction_tree: fullAbstractionTree,
-        // NOVO
         selectedParentId: ancestryObject.ancestral_node,
         selectedAbstractionParentId: ancestryObject.ancestral_node,
-        // NOVO
         isEditMode: true,
         currentAncestryId: ancestryObject.ancestry_id,
         ancestryName: ancestryObject.name || `Ancestralidade ${fullTree.node.name}`,
@@ -11688,7 +12171,6 @@ function XViewScene({
         ancestryDescriptionSections: ancestryObject.description_sections || [],
         isAddingNodes: false,
         isAddingAbstractionNodes: false
-        // NOVO
       });
     },
     [handleRenderAncestry, buildFullAncestryTree]
@@ -11696,7 +12178,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = useCallback3((pathToRemove) => {
+  const handleRemoveFromAncestry = useCallback4((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -11721,7 +12203,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = useCallback3(
+  const handleSaveAncestry = useCallback4(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -11925,7 +12407,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = useCallback3(
+  const handleDeleteAncestry = useCallback4(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -11987,15 +12469,15 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = useCallback3(() => {
+  const handleOpenAncestryBoard = useCallback4(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = useCallback3((ancestry) => {
+  const handleSelectAncestryFromBoard = useCallback4((ancestry) => {
     setIsAncestryBoardOpen(false);
     setIsSidebarOpen(false);
     handleStartReadingAncestry(ancestry);
   }, [handleStartReadingAncestry]);
-  const handleSaveAncestryBoard = useCallback3(async (groups) => {
+  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);
@@ -12019,13 +12501,13 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = useCallback3(
+  const handleAddExistingNode = useCallback4(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(actionHandlerContext, nodeId);
     },
     [actionHandlerContext]
   );
-  const handleSaveCurrentView = useCallback3(async () => {
+  const handleSaveCurrentView = useCallback4(async () => {
     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.");
@@ -12065,7 +12547,7 @@ function XViewScene({
   const allAvailableAncestries = useMemo12(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = useCallback3((referenceData) => {
+  const handleOpenReference = useCallback4((referenceData) => {
     const { type, id } = referenceData;
     if (type === "node") {
       const targetNode = allAvailableNodes.find((n) => String(n.id) === String(id));
@@ -12092,10 +12574,10 @@ function XViewScene({
       }
     }
   }, [allAvailableNodes, allAvailableAncestries, handleEditAncestry, tweenToTarget]);
-  const handleToggleAncestryAddMode = useCallback3(() => {
+  const handleToggleAncestryAddMode = useCallback4(() => {
     setAncestryMode((prev) => ({ ...prev, isAddingNodes: !prev.isAddingNodes }));
   }, []);
-  const handleFocusNode = useCallback3((nodeData) => {
+  const handleFocusNode = useCallback4((nodeData) => {
     if (!nodeData) return;
     const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
     if (nodeMesh) {
@@ -12165,7 +12647,6 @@ function XViewScene({
         height: "100vh",
         position: "relative",
         overflow: "hidden",
-        // <--- ADICIONE ESTA LINHA
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
@@ -12232,9 +12713,20 @@ function XViewScene({
     readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React23.createElement(
       "div",
       {
-        className: "ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col transition-all duration-300 ease-out w-[min(92vw,700px)]",
-        style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)" }
+        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" }
       },
+      /* @__PURE__ */ React23.createElement(
+        "div",
+        {
+          onPointerDown: (e) => {
+            e.stopPropagation();
+            handleReadModeResize(e);
+          },
+          className: "absolute left-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-indigo-500/50 z-[2000] transition-colors",
+          title: "Arraste para redimensionar"
+        }
+      ),
       /* @__PURE__ */ React23.createElement(
         DescriptionReadModePanel,
         {