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

package/dist/index.js

@@ -43,9 +43,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/XViewScene.jsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
-var import_react26 = require("next-auth/react");
+var import_react27 = require("next-auth/react");
 var import_crypto_js = __toESM(require("crypto-js"));
 var THREE3 = __toESM(require("three"));
 var import_OrbitControls = require("three/examples/jsm/controls/OrbitControls.js");
@@ -116,6 +116,13 @@ function defineAbilityFor(role) {
 }
 
 // src/components/ContextMenu.jsx
+var QUEST_STATUS_COLORS = {
+  "Backlog": "#64748b",
+  "In Progress": "#eab308",
+  "Review": "#a855f7",
+  "Done": "#22c55e"
+};
+var QUEST_STATUSES = ["Backlog", "In Progress", "Review", "Done"];
 function ContextMenu({
   data,
   userRole,
@@ -136,19 +143,21 @@ function ContextMenu({
   onFocusNode,
   onClose
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const menuRef = (0, import_react.useRef)(null);
   const [menuPos, setMenuPos] = (0, import_react.useState)({ left: 0, top: 0 });
   const [menuView, setMenuView] = (0, import_react.useState)("main");
   const [selectedAncestry, setSelectedAncestry] = (0, import_react.useState)(null);
   const [versionSubMenu, setVersionSubMenu] = (0, import_react.useState)(null);
   const [isLinkCopied, setIsLinkCopied] = (0, import_react.useState)(false);
+  const [selectedQuestStatus, setSelectedQuestStatus] = (0, import_react.useState)(null);
   const ability = (0, import_react.useMemo)(() => defineAbilityFor(userRole), [userRole]);
   (0, import_react.useEffect)(() => {
     if (data.visible) {
       setMenuView("main");
       setSelectedAncestry(null);
       setVersionSubMenu(null);
+      setSelectedQuestStatus(null);
     }
   }, [data.visible, (_a = data.nodeData) == null ? void 0 : _a.id]);
   (0, import_react.useLayoutEffect)(() => {
@@ -163,7 +172,7 @@ function ContextMenu({
     if (left + w + 8 > vw) left = Math.max(8, vw - w - 8);
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
-  }, [data, menuView, versionSubMenu]);
+  }, [data, menuView, versionSubMenu, selectedQuestStatus]);
   (0, import_react.useEffect)(() => {
     if (!data.visible) return;
     const handleClickOutside = (e) => {
@@ -206,7 +215,16 @@ function ContextMenu({
     var _a2;
     return c.targetNode && !(((_a2 = c.targetNode.version_node) == null ? void 0 : _a2.is_version) && String(c.targetNode.version_node.parent_node) === String(data.nodeData.id));
   });
-  const groupedConnections = connections.reduce((acc, conn) => {
+  const isCurrentNodeQuest = ((_c = data.nodeData) == null ? void 0 : _c.is_quest) === true;
+  const commonConnections = isCurrentNodeQuest ? connections : connections.filter((c) => {
+    var _a2;
+    return !((_a2 = c.targetNode) == null ? void 0 : _a2.is_quest);
+  });
+  const questConnections = isCurrentNodeQuest ? [] : connections.filter((c) => {
+    var _a2;
+    return (_a2 = c.targetNode) == null ? void 0 : _a2.is_quest;
+  });
+  const groupedConnections = commonConnections.reduce((acc, conn) => {
     var _a2;
     const { targetNode } = conn;
     const groupingKey = ((_a2 = targetNode.version_node) == null ? void 0 : _a2.is_version) ? targetNode.version_node.parent_node : targetNode.id;
@@ -242,6 +260,20 @@ function ContextMenu({
       };
     }
   }).filter(Boolean);
+  const questsByStatus = {
+    "Backlog": [],
+    "In Progress": [],
+    "Review": [],
+    "Done": []
+  };
+  questConnections.forEach((conn) => {
+    const status = conn.targetNode.status || "Backlog";
+    if (questsByStatus[status]) {
+      questsByStatus[status].push(conn);
+    } else {
+      questsByStatus["Backlog"].push(conn);
+    }
+  });
   const availableAncestries = (ancestryData || []).filter(
     (ancestry) => String(ancestry.ancestral_node) === String(data.nodeData.id)
   );
@@ -294,11 +326,12 @@ function ContextMenu({
     });
   };
   const renderMainView = () => {
+    var _a2;
     const hasVersions = computedVersions.length > 0;
     const canCreateVersion = ability.can("create", "Versioning");
     const canReadVersion = ability.can("read", "Versioning");
     const shouldShowVersioningBtn = canCreateVersion || canReadVersion && hasVersions;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("span", null, "Conectar")), ability.can("create", "Node") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ import_react.default.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("span", null, "Conectar")), ability.can("create", "Node") && !((_a2 = data.nodeData) == null ? void 0 : _a2.is_quest) && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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-.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__ */ import_react.default.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ import_react.default.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => {
       onFocusNode == null ? void 0 : onFocusNode(data.nodeData);
       onClose();
     }, className: baseButtonClass, title: "Focar na c\xE2mera" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Focar neste Node")), /* @__PURE__ */ import_react.default.createElement("button", { onClick: (e) => handleCopyLink(e, data.nodeData), className: baseButtonClass, title: "Copiar Link para Compartilhar" }, isLinkCopied ? /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("span", { className: isLinkCopied ? "text-green-400" : "" }, isLinkCopied ? "Copiado!" : "Copiar Link")), ability.can("dismiss", "Node") && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onDismissNode == null ? void 0 : onDismissNode(data.nodeData), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Dismiss")), /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => onDismissOtherNodes == null ? void 0 : onDismissOtherNodes(data.nodeData), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Dismiss other nodes"))), ability.can("delete", "Node") && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("deleteConfirmation"), className: deleteButtonClass, title: "Excluir Node" }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ import_react.default.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ import_react.default.createElement("span", null, "Excluir Node"))));
@@ -323,9 +356,9 @@ function ContextMenu({
     if (versionSubMenu) {
       return renderVersionSubMenuView();
     }
-    const totalItems = availableAncestries.length + finalRenderableConnections.length;
+    const totalItems = availableAncestries.length + finalRenderableConnections.length + (questConnections.length > 0 ? 1 : 0);
     const isScrollable = totalItems > 10;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("main"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white" }, /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Conex\xF5es")), connections.length > 0 && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => handleExpandAndClose(connections.map((c) => c.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ import_react.default.createElement("div", { className: `flex flex-col ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: `flex flex-col gap-1 ${finalRenderableConnections.length > 0 ? "mb-4" : "mb-2"}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "px-2 py-1 text-[11px] uppercase tracking-wider text-indigo-400/90" }, "Ancestralidades Salvas"), availableAncestries.map((anc) => /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("main"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white" }, /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Conex\xF5es")), commonConnections.length > 0 && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => handleExpandAndClose(commonConnections.map((c) => c.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ import_react.default.createElement("div", { className: `flex flex-col ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, availableAncestries.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: `flex flex-col gap-1 ${finalRenderableConnections.length > 0 || questConnections.length > 0 ? "mb-2" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "px-2 py-1 text-[11px] uppercase tracking-wider text-indigo-400/90" }, "Ancestralidades Salvas"), availableAncestries.map((anc) => /* @__PURE__ */ import_react.default.createElement(
       "button",
       {
         key: anc.ancestry_id,
@@ -335,7 +368,7 @@ function ContextMenu({
       },
       /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("path", { d: "M6 3v4a2 2 0 0 0 2 2h4" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M18 3v4a2 2 0 0 1-2 2h-4" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "6", cy: "3", r: "2" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "18", cy: "3", r: "2" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "11", r: "2" }), /* @__PURE__ */ import_react.default.createElement("path", { d: "M12 13v6" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "21", r: "2" })),
       /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, anc.name || `Ancestralidade #${anc.ancestry_id.substring(0, 8)}`)
-    )), finalRenderableConnections.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, finalRenderableConnections.map((group) => {
+    ))), finalRenderableConnections.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, availableAncestries.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), finalRenderableConnections.map((group) => {
       if (group.isVersionGroup) {
         return /* @__PURE__ */ import_react.default.createElement(
           "button",
@@ -363,7 +396,54 @@ function ContextMenu({
           group.links.length > 1 && /* @__PURE__ */ import_react.default.createElement("span", { className: "text-xs px-2 py-0.5 bg-indigo-500/20 rounded-full" }, group.links.length)
         );
       }
-    }))));
+    })), questConnections.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1 mt-1" }, (availableAncestries.length > 0 || finalRenderableConnections.length > 0) && /* @__PURE__ */ import_react.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        onClick: () => setMenuView("quest_statuses"),
+        className: baseButtonClass,
+        title: "Ver Quests Conectadas"
+      },
+      /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-sky-400" }, /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "6" }), /* @__PURE__ */ import_react.default.createElement("circle", { cx: "12", cy: "12", r: "2" })),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, "quests"),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "text-xs px-2 py-0.5 bg-sky-500/20 text-sky-200 rounded-full" }, questConnections.length)
+    ))));
+  };
+  const renderQuestStatusesView = () => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("connections"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white" }, /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Status das Quests"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-1" }, QUEST_STATUSES.map((status) => {
+      const count = questsByStatus[status].length;
+      const color = QUEST_STATUS_COLORS[status];
+      return /* @__PURE__ */ import_react.default.createElement(
+        "button",
+        {
+          key: status,
+          onClick: () => {
+            if (count > 0) {
+              setSelectedQuestStatus(status);
+              setMenuView("quest_list");
+            }
+          },
+          className: `${baseButtonClass} ${count === 0 ? "opacity-50 cursor-default hover:bg-transparent hover:text-slate-200" : ""}`
+        },
+        /* @__PURE__ */ import_react.default.createElement("span", { className: "w-3 h-3 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]", style: { backgroundColor: color } }),
+        /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, status),
+        count > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "text-xs px-2 py-0.5 bg-white/10 rounded-full" }, count)
+      );
+    })));
+  };
+  const renderQuestListView = () => {
+    const quests = questsByStatus[selectedQuestStatus] || [];
+    const isScrollable = quests.length > 10;
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => setMenuView("quest_statuses"), className: "p-1 rounded-full hover:bg-white/10 text-slate-400 hover:text-white flex-shrink-0" }, /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "15 18 9 12 15 6" }))), /* @__PURE__ */ import_react.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400 truncate", title: `Quests: ${selectedQuestStatus}` }, "Quests: ", selectedQuestStatus)), quests.length > 0 && /* @__PURE__ */ import_react.default.createElement("button", { onClick: () => handleExpandAndClose(quests.map((q) => q.link)), className: "px-2 py-0.5 text-xs bg-indigo-500/50 hover:bg-indigo-500/80 rounded-md transition-colors" }, "Expandir Todas")), /* @__PURE__ */ import_react.default.createElement("div", { className: `flex flex-col gap-1 ${isScrollable ? "max-h-[40vh] overflow-y-auto custom-scrollbar" : ""}` }, quests.map((conn) => /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        key: conn.targetNode.id,
+        onClick: () => handleConnectionClick({ links: [conn.link] }),
+        className: baseButtonClass,
+        title: `Expandir Quest ${conn.targetNode.name}`
+      },
+      /* @__PURE__ */ import_react.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "opacity-70" }, /* @__PURE__ */ import_react.default.createElement("polyline", { points: "13 17 18 12 13 7" }), /* @__PURE__ */ import_react.default.createElement("polyline", { points: "6 17 11 12 6 7" })),
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "flex-1 truncate" }, conn.targetNode.name)
+    ))));
   };
   const renderAncestryActionsView = () => {
     const ancestryTitle = (selectedAncestry == null ? void 0 : selectedAncestry.name) || `Ancestralidade #${selectedAncestry == null ? void 0 : selectedAncestry.ancestry_id.substring(0, 8)}`;
@@ -426,7 +506,7 @@ function ContextMenu({
       onDoubleClick: swallow
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "p-1.5" }, menuView === "main" && renderMainView(), menuView === "connections" && renderConnectionsView(), menuView === "ancestryActions" && renderAncestryActionsView(), menuView === "versioning" && renderVersioningView(), menuView === "deleteConfirmation" && renderDeleteConfirmationView())
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "p-1.5" }, menuView === "main" && renderMainView(), menuView === "connections" && renderConnectionsView(), menuView === "ancestryActions" && renderAncestryActionsView(), menuView === "versioning" && renderVersioningView(), menuView === "quest_statuses" && renderQuestStatusesView(), menuView === "quest_list" && renderQuestListView(), menuView === "deleteConfirmation" && renderDeleteConfirmationView())
   );
 }
 
@@ -504,7 +584,11 @@ function XViewSidebar({
     let pool = base;
     const qNorm = normalize(query);
     if (qNorm) {
-      pool = pool.filter((n) => normalize((n == null ? void 0 : n.name) || "").includes(qNorm));
+      pool = pool.filter((n) => {
+        const matchName = normalize((n == null ? void 0 : n.name) || "").includes(qNorm);
+        const matchRawTitle = n.is_quest && n.raw_title ? normalize(n.raw_title).includes(qNorm) : false;
+        return matchName || matchRawTitle;
+      });
     }
     if (activeFilters.length > 0) {
       pool = pool.filter((node) => {
@@ -1006,7 +1090,8 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
   const size = nodeData.size || "medium";
   const scale = NODE_SCALE_FACTORS[size] || 1;
   mesh.scale.set(scale, scale, scale);
-  const label = createTextSprite(nodeData.name);
+  const labelText = nodeData.is_quest && nodeData.raw_title ? nodeData.raw_title : nodeData.name;
+  const label = createTextSprite(labelText);
   label.name = "label";
   mesh.userData.labelObject = label;
   mesh.userData.labelOffset = new THREE.Vector3(0, 3.8, 0);
@@ -1111,13 +1196,15 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
     const size = updatedNode.size || "medium";
     const scale = NODE_SCALE_FACTORS[size] || 1;
     existingMesh.scale.set(scale, scale, scale);
-    if (existingMesh.userData.name !== updatedNode.name) {
+    const oldText = existingMesh.userData.is_quest && existingMesh.userData.raw_title ? existingMesh.userData.raw_title : existingMesh.userData.name;
+    const newText = updatedNode.is_quest && updatedNode.raw_title ? updatedNode.raw_title : updatedNode.name;
+    if (oldText !== newText) {
       const oldLabelToDispose = existingMesh.userData.labelObject;
       if (oldLabelToDispose && state.graphGroup) {
         state.graphGroup.remove(oldLabelToDispose);
         if (oldLabelToDispose.material) oldLabelToDispose.material.dispose();
       }
-      const newLabel = createTextSprite(updatedNode.name || "");
+      const newLabel = createTextSprite(newText || "");
       newLabel.name = "label";
       existingMesh.userData.labelObject = newLabel;
       if (state.graphGroup) {
@@ -1225,8 +1312,6 @@ var createMultipleLinkLines = (linksArray, sourceNodeMesh, targetNodeMesh, resol
       targetNodeMesh,
       resolution,
       isCurved,
-      isCurved,
-      isCurved,
       curveOffset
     );
     line.userData = {
@@ -1839,6 +1924,7 @@ var userActionHandlers = {
     setters.setFormPosition((p) => ({ ...p, opacity: 0 }));
   },
   handleSaveVersionNode: async (context, newNodeData) => {
+    var _a;
     const { graphDataRef, sceneDataRef, stateRef, versionMode, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNodeData } = versionMode;
@@ -1858,9 +1944,21 @@ var userActionHandlers = {
     const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
     specificParentData.nodes.push(newNode);
     specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      }
       graphDataRef.current[parentFileId] = specificParentData;
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
@@ -1884,10 +1982,6 @@ var userActionHandlers = {
       var _a;
       const isSource = String(link.source) === String(sourceNode.id);
       const targetNodeId = isSource ? link.target : link.source;
-      const linkAlreadyInSceneData = sceneDataRef.current.links.some((l) => String(l.id) === String(link.id));
-      if (!linkAlreadyInSceneData) {
-        sceneDataRef.current.links.push(link);
-      }
       if (!nodeObjects[String(targetNodeId)]) {
         const allParentNodes = Object.values(graphDataRef.current).flatMap((fileData) => fileData.nodes);
         const nodeData = allParentNodes.find((n) => String(n.id) === String(targetNodeId));
@@ -1895,9 +1989,6 @@ var userActionHandlers = {
           console.warn(`Dados do Node com ID ${targetNodeId} n\xE3o encontrados no cache.`);
           return;
         }
-        if (!sceneDataRef.current.nodes.some((n) => String(n.id) === String(nodeData.id))) {
-          sceneDataRef.current.nodes.push(nodeData);
-        }
         const startPosition = sourceNodeMesh.position.clone();
         const endPosition = startPosition.clone().add(
           new THREE.Vector3((Math.random() - 0.5) * 60, (Math.random() - 0.5) * 15, (Math.random() - 0.5) * 60)
@@ -2017,6 +2108,7 @@ var userActionHandlers = {
     if (mountRef.current) mountRef.current.style.cursor = "grab";
   },
   handleCompleteConnection: async (context, targetNodeData) => {
+    var _a;
     const { stateRef, graphDataRef, sceneDataRef } = context;
     const { sourceNodeData } = stateRef.current.connection;
     if (!graphDataRef.current || !sceneDataRef.current || !sourceNodeData || !targetNodeData) {
@@ -2039,12 +2131,26 @@ var userActionHandlers = {
       source: sourceNodeData.id,
       target: targetNodeData.id
     };
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileIdToSave]));
-    specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
-      graphDataRef.current[parentFileIdToSave] = specificParentData;
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileIdToSave === context.sceneConfigId) {
+        const specificParentData = graphDataRef.current[context.sceneConfigId];
+        specificParentData.links.push(newLink);
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileIdToSave]));
+        specificParentData.links.push(newLink);
+        const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        graphDataRef.current[parentFileIdToSave] = specificParentData;
+      }
       addNewLinkToScene(stateRef.current, newLink);
     } catch (error) {
       console.error("Falha ao salvar a nova conex\xE3o:", error);
@@ -2113,14 +2219,28 @@ var userActionHandlers = {
     } else {
       newTargetId = newEndNodeData.id;
     }
-    const originalParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldSourceId, context.sceneConfigId, context.ownerId);
-    const newParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newSourceId, context.sceneConfigId, context.ownerId);
-    if (!originalParentInfo || !newParentInfo || !originalParentInfo.ownerId || !newParentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar informa\xE7\xF5es dos arquivos pai para o relink.");
+    const oldSourceInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldSourceId, context.sceneConfigId, context.ownerId);
+    const oldTargetInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldTargetId, context.sceneConfigId, context.ownerId);
+    const newSourceInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newSourceId, context.sceneConfigId, context.ownerId);
+    const newTargetInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newTargetId, context.sceneConfigId, context.ownerId);
+    if (!oldSourceInfo || !oldTargetInfo || !newSourceInfo || !newTargetInfo) {
+      console.error("Informa\xE7\xF5es dos arquivos pai incompletas para o relink.");
       alert("Ocorreu um erro ao identificar os arquivos pai para salvar a altera\xE7\xE3o.");
       userActionHandlers.handleCancelRelink(context);
       return;
     }
+    let oldGoverningFileId = oldSourceInfo.parentFileId;
+    let oldGoverningOwnerId = oldSourceInfo.ownerId;
+    if (oldSourceInfo.parentFileId === context.sceneConfigId || oldTargetInfo.parentFileId === context.sceneConfigId) {
+      oldGoverningFileId = context.sceneConfigId;
+      oldGoverningOwnerId = context.ownerId;
+    }
+    let newGoverningFileId = newSourceInfo.parentFileId;
+    let newGoverningOwnerId = newSourceInfo.ownerId;
+    if (newSourceInfo.parentFileId === context.sceneConfigId || newTargetInfo.parentFileId === context.sceneConfigId) {
+      newGoverningFileId = context.sceneConfigId;
+      newGoverningOwnerId = context.ownerId;
+    }
     const { sourceNode, targetNode, ...dataToKeep } = originalLinkData;
     const newLinkData = {
       ...dataToKeep,
@@ -2128,34 +2248,44 @@ var userActionHandlers = {
       target: newTargetId,
       id: linkId
     };
+    const saveParentData = async (fileId, fileOwnerId, data) => {
+      var _a;
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && fileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: data.nodes,
+          quest_links: data.links
+        };
+        return context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        return context.actions.save_view_data(`x_view_dbs/${fileOwnerId}/${fileId}`, data);
+      }
+    };
     const savePromises = [];
     const filesToUpdate = {};
-    if (originalParentInfo.parentFileId !== newParentInfo.parentFileId) {
-      const updatedOriginalParentData = JSON.parse(JSON.stringify(graphDataRef.current[originalParentInfo.parentFileId]));
+    if (oldGoverningFileId !== newGoverningFileId) {
+      const updatedOriginalParentData = JSON.parse(JSON.stringify(graphDataRef.current[oldGoverningFileId]));
       updatedOriginalParentData.links = updatedOriginalParentData.links.filter(
         (l) => String(l.id) !== String(linkId)
       );
-      filesToUpdate[originalParentInfo.parentFileId] = updatedOriginalParentData;
-      savePromises.push(
-        context.actions.save_view_data(`x_view_dbs/${originalParentInfo.ownerId}/${originalParentInfo.parentFileId}`, updatedOriginalParentData)
-      );
-      const updatedNewParentData = JSON.parse(JSON.stringify(graphDataRef.current[newParentInfo.parentFileId]));
+      filesToUpdate[oldGoverningFileId] = updatedOriginalParentData;
+      savePromises.push(saveParentData(oldGoverningFileId, oldGoverningOwnerId, updatedOriginalParentData));
+      const updatedNewParentData = JSON.parse(JSON.stringify(graphDataRef.current[newGoverningFileId]));
       if (!updatedNewParentData.links) updatedNewParentData.links = [];
       updatedNewParentData.links.push(newLinkData);
-      filesToUpdate[newParentInfo.parentFileId] = updatedNewParentData;
-      savePromises.push(
-        context.actions.save_view_data(`x_view_dbs/${newParentInfo.ownerId}/${newParentInfo.parentFileId}`, updatedNewParentData)
-      );
+      filesToUpdate[newGoverningFileId] = updatedNewParentData;
+      savePromises.push(saveParentData(newGoverningFileId, newGoverningOwnerId, updatedNewParentData));
     } else {
-      const updatedParentData = JSON.parse(JSON.stringify(graphDataRef.current[originalParentInfo.parentFileId]));
+      const updatedParentData = JSON.parse(JSON.stringify(graphDataRef.current[oldGoverningFileId]));
       updatedParentData.links = updatedParentData.links.filter(
         (l) => String(l.id) !== String(linkId)
       );
       updatedParentData.links.push(newLinkData);
-      filesToUpdate[originalParentInfo.parentFileId] = updatedParentData;
-      savePromises.push(
-        context.actions.save_view_data(`x_view_dbs/${originalParentInfo.ownerId}/${originalParentInfo.parentFileId}`, updatedParentData)
-      );
+      filesToUpdate[oldGoverningFileId] = updatedParentData;
+      savePromises.push(saveParentData(oldGoverningFileId, oldGoverningOwnerId, updatedParentData));
     }
     try {
       await Promise.all(savePromises);
@@ -2173,7 +2303,7 @@ var userActionHandlers = {
     }
   },
   handleDeleteLink: async (context, linkObject) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { stateRef, graphDataRef, sceneDataRef, setters } = context;
     setters.setRelationshipMenu({ visible: false });
     if (!(linkObject == null ? void 0 : linkObject.userData) || !graphDataRef.current || !sceneDataRef.current) return;
@@ -2196,7 +2326,8 @@ var userActionHandlers = {
     specificParentData.links = newLinks;
     let filenameToSave;
     let payloadToSave;
-    if (parentFileId === context.sceneConfigId) {
+    const isView = ((_g = context.viewType) == null ? void 0 : _g.toLowerCase()) === "view";
+    if (isView && parentFileId === context.sceneConfigId) {
       filenameToSave = context.sceneSaveUrl;
       sceneDataRef.current.links = sceneDataRef.current.links.filter((l) => String(l.id) !== String(linkIdToDelete));
       payloadToSave = {
@@ -2229,12 +2360,6 @@ var userActionHandlers = {
     if (!nodeData || !sceneDataRef.current) return;
     const nodeIdToDismiss = nodeData.id;
     const strNodeId = String(nodeIdToDismiss);
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => String(n.id) !== strNodeId
-    );
-    sceneDataRef.current.links = sceneDataRef.current.links.filter(
-      (l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId
-    );
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2276,22 +2401,12 @@ var userActionHandlers = {
       removeNodeFromScene(stateRef.current, nodeId);
       setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev);
     });
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => String(n.id) === strNodeIdToKeep
-    );
-    sceneDataRef.current.links = [];
   },
   handleDismissMultipleNodes: (context, nodeIds) => {
     const { stateRef, sceneDataRef, setters } = context;
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !sceneDataRef.current) return;
     const strNodeIds = Array.from(nodeIds).map(String);
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => !strNodeIds.includes(String(n.id))
-    );
-    sceneDataRef.current.links = sceneDataRef.current.links.filter(
-      (l) => !strNodeIds.includes(String(l.source)) && !strNodeIds.includes(String(l.target))
-    );
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2347,15 +2462,10 @@ var userActionHandlers = {
       removeNodeFromScene(stateRef.current, nodeId);
       setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev);
     });
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => strNodeIdsToKeep.includes(String(n.id))
-    );
-    sceneDataRef.current.links = sceneDataRef.current.links.filter(
-      (l) => strNodeIdsToKeep.includes(String(l.source)) && strNodeIdsToKeep.includes(String(l.target))
-    );
     stateRef.current.selectedNodes.clear();
   },
   handleDeleteMultipleNodes: async (context, nodeIds) => {
+    var _a;
     const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !graphDataRef.current || !sceneDataRef.current) return;
@@ -2410,7 +2520,8 @@ var userActionHandlers = {
         );
         let filenameToSave;
         let payloadToSave;
-        if (parentFileId === context.sceneConfigId) {
+        const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+        if (isView && parentFileId === context.sceneConfigId) {
           filenameToSave = context.sceneSaveUrl;
           const strNodesToDelete = Array.from(nodesToDelete).map(String);
           const strLinksToDelete = Array.from(linksToDelete).map(String);
@@ -2448,6 +2559,7 @@ var userActionHandlers = {
     }
   },
   handleDeleteNode: async (context, nodeData) => {
+    var _a;
     const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     if (actions.delete_file && nodeData) {
       const urls = extractFileUrlsFromProperties(nodeData);
@@ -2473,7 +2585,8 @@ var userActionHandlers = {
     specificParentData.links = newLinks;
     let filenameToSave;
     let payloadToSave;
-    if (parentFileId === context.sceneConfigId) {
+    const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+    if (isView && parentFileId === context.sceneConfigId) {
       filenameToSave = context.sceneSaveUrl;
       const newVisualNodes = sceneDataRef.current.nodes.filter((n) => String(n.id) !== strNodeId);
       const newVisualLinks = sceneDataRef.current.links.filter((l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId);
@@ -2502,6 +2615,7 @@ var userActionHandlers = {
     }
   },
   handleSaveNodeDetails: async (context, updatedNode, keepOpen = false) => {
+    var _a;
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { _baseEmissiveIntensity: ignored, ...nodeToSave } = updatedNode;
@@ -2521,9 +2635,28 @@ var userActionHandlers = {
       alert("Erro interno: Node n\xE3o encontrado para salvar.");
       return;
     }
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileId === context.sceneConfigId) {
+        const visualNodeIndex = sceneDataRef.current.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
+        if (visualNodeIndex > -1) {
+          sceneDataRef.current.nodes[visualNodeIndex] = {
+            ...sceneDataRef.current.nodes[visualNodeIndex],
+            ...nodeToSave
+          };
+        }
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      }
       graphDataRef.current[parentFileId] = specificParentData;
       updateExistingNodeVisuals(stateRef.current, nodeToSave);
       setters.setSceneVersion((v) => v + 1);
@@ -2536,6 +2669,7 @@ var userActionHandlers = {
     }
   },
   handleSaveLinkDetails: async (context, updatedLink, keepOpen = false) => {
+    var _a;
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNode, targetNode, ...linkToSave } = updatedLink;
@@ -2555,9 +2689,21 @@ var userActionHandlers = {
       alert("Erro interno: link n\xE3o encontrado para salvar.");
       return;
     }
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      }
       graphDataRef.current[parentFileId] = specificParentData;
       const lineObject = stateRef.current.allLinks.find(
         (l) => String(l.userData.id) === String(linkToSave.id)
@@ -2580,7 +2726,7 @@ var userActionHandlers = {
     }
   },
   handleAddExistingNodeById: (context, nodeId) => {
-    var _a, _b;
+    var _a;
     const { stateRef, sceneDataRef, graphDataRef, tweenToTarget, setters } = context;
     const state = stateRef.current;
     const graphFull = graphDataRef.current;
@@ -2596,16 +2742,12 @@ var userActionHandlers = {
       tweenToTarget(state.nodeObjects[strNodeId]);
       return;
     }
-    const alreadyInSceneData = (((_a = sceneDataRef.current) == null ? void 0 : _a.nodes) || []).some((n) => String(n.id) === String(strNodeId));
-    if (!alreadyInSceneData) {
-      sceneDataRef.current.nodes.push(nodeData);
-    }
     const base = state.controls ? state.controls.target.clone() : new THREE.Vector3(0, 0, 0);
     const offset = new THREE.Vector3((Math.random() - 0.5) * 20, (Math.random() - 0.5) * 6, (Math.random() - 0.5) * 20);
     const position = base.add(offset);
     addStandaloneNodeToScene(state, nodeData, position);
     tweenToTarget(position, 1.3);
-    (_b = setters == null ? void 0 : setters.setSceneVersion) == null ? void 0 : _b.call(setters, (v) => v + 1);
+    (_a = setters == null ? void 0 : setters.setSceneVersion) == null ? void 0 : _a.call(setters, (v) => v + 1);
   }
 };
 
@@ -2844,7 +2986,10 @@ var IGNORED_KEYS = [
   "is_private",
   "abstraction_tree",
   "selectedAbstractionParentId",
-  "isAddingAbstractionNodes"
+  "isAddingAbstractionNodes",
+  "status",
+  "is_quest",
+  "raw_title"
 ];
 function extractCustomPropsFromNode(node) {
   const customPropTypes = node._customPropTypes || {};
@@ -7904,15 +8049,11 @@ function InSceneVersionForm({
 // src/components/InSceneQuestForm.jsx
 var import_react16 = __toESM(require("react"));
 var import_fi14 = require("react-icons/fi");
-var QUEST_STATUS_COLORS = {
+var QUEST_STATUS_COLORS2 = {
   "Backlog": "#64748b",
-  // Slate (Cinza azulado)
   "In Progress": "#eab308",
-  // Yellow (Amarelo)
   "Review": "#a855f7",
-  // Purple (Roxo)
   "Done": "#22c55e"
-  // Green (Verde)
 };
 function InSceneQuestForm({
   onSave,
@@ -7923,7 +8064,14 @@ function InSceneQuestForm({
   availableNodes = [],
   availableAncestries = [],
   onMentionClick,
-  onUploadFile
+  onUploadFile,
+  onNameChange,
+  onColorChange,
+  onSizeChange,
+  viewName = "Projeto",
+  // NOVA PROP
+  questCounter = 1
+  // NOVA PROP
 }) {
   const [name, setName] = (0, import_react16.useState)("");
   const [types, setTypes] = (0, import_react16.useState)(["quest"]);
@@ -7932,9 +8080,11 @@ function InSceneQuestForm({
   const [size, setSize] = (0, import_react16.useState)("medium");
   const [intensity, setIntensity] = (0, import_react16.useState)(0);
   const [description, setDescription] = (0, import_react16.useState)("");
+  const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react16.useState)(false);
   const [customProps, setCustomProps] = (0, import_react16.useState)([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react16.useState)(false);
   const propsEndRef = (0, import_react16.useRef)(null);
+  const standardizedName = `${viewName} - ${questCounter} - \xBB ${name || "Nova Quest"}`;
   const handleAddProp = () => {
     const newProp = createNewCustomProperty(customProps);
     setCustomProps([...customProps, newProp]);
@@ -7971,7 +8121,7 @@ function InSceneQuestForm({
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!name.trim()) {
-      alert("O campo 'Nome' \xE9 obrigat\xF3rio.");
+      alert("O campo 'T\xEDtulo' \xE9 obrigat\xF3rio.");
       return;
     }
     const additionalData = toObjectFromCustomProps(
@@ -7979,10 +8129,12 @@ function InSceneQuestForm({
     );
     const processedSections = processDescriptionForSave(description, []);
     onSave({
-      name: name.trim(),
+      name: standardizedName,
+      // SALVA O NOME FORMATADO
+      raw_title: name.trim(),
+      // Salva o título puro como fallback ou metadado útil
       type: types,
-      color: QUEST_STATUS_COLORS[status],
-      // Cor atrelada ao status
+      color: QUEST_STATUS_COLORS2[status],
       status,
       size,
       intensity,
@@ -8008,21 +8160,54 @@ function InSceneQuestForm({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ import_react16.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS[status]}, transparent)` } }),
-    /* @__PURE__ */ import_react16.default.createElement("div", { className: "px-6 pt-5 pb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Nova Tarefa / Objetivo")), /* @__PURE__ */ import_react16.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Criar Quest")),
-    /* @__PURE__ */ import_react16.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react16.default.createElement(
-      "select",
-      {
-        value: status,
-        onChange: (e) => setStatus(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 appearance-none cursor-pointer",
-        style: { borderLeft: `4px solid ${QUEST_STATUS_COLORS[status]}` }
+    /* @__PURE__ */ import_react16.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS2[status]}, transparent)` } }),
+    /* @__PURE__ */ import_react16.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react16.default.createElement("div", null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Nova quest")), /* @__PURE__ */ import_react16.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Criar Quest")), /* @__PURE__ */ import_react16.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onCancel,
+        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__ */ import_react16.default.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ import_react16.default.createElement(
+      "input",
+      {
+        required: true,
+        type: "text",
+        placeholder: "Ex.: Refatorar M\xF3dulo X",
+        value: name,
+        onChange: (e) => {
+          const val = e.target.value;
+          setName(val);
+          onNameChange == null ? void 0 : onNameChange(val || "Nova Quest");
+        },
+        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"
+      }
+    ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react16.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsStatusDropdownOpen(!isStatusDropdownOpen),
+        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "w-3 h-3 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]", style: { backgroundColor: QUEST_STATUS_COLORS2[status] } }), /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-slate-200 font-medium" }, status)),
+      /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })
+    ), isStatusDropdownOpen && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsStatusDropdownOpen(false) }), /* @__PURE__ */ import_react16.default.createElement("ul", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-800 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden" }, Object.keys(QUEST_STATUS_COLORS2).map((s) => /* @__PURE__ */ import_react16.default.createElement(
+      "li",
+      {
+        key: s,
+        onClick: () => {
+          setStatus(s);
+          setIsStatusDropdownOpen(false);
+          onColorChange == null ? void 0 : onColorChange(QUEST_STATUS_COLORS2[s]);
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${status === s ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
       },
-      /* @__PURE__ */ import_react16.default.createElement("option", { value: "Backlog" }, "Backlog"),
-      /* @__PURE__ */ import_react16.default.createElement("option", { value: "In Progress" }, "In Progress"),
-      /* @__PURE__ */ import_react16.default.createElement("option", { value: "Review" }, "Review"),
-      /* @__PURE__ */ import_react16.default.createElement("option", { value: "Done" }, "Done")
-    )), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Quest"), /* @__PURE__ */ import_react16.default.createElement("input", { required: true, type: "text", placeholder: "Ex.: Refatorar M\xF3dulo X", value: name, onChange: (e) => setName(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" })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ import_react16.default.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, t !== "quest" && /* @__PURE__ */ import_react16.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })))), /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS2[s] } }),
+      s
+    )))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 focus-within:ring-2 focus-within:ring-indigo-400/60 transition-all" }, types.map((t, index) => /* @__PURE__ */ import_react16.default.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, t !== "quest" && /* @__PURE__ */ import_react16.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })))), /* @__PURE__ */ import_react16.default.createElement(
       "input",
       {
         type: "text",
@@ -8045,7 +8230,20 @@ function InSceneQuestForm({
         onMentionClick,
         onSaveDescription: (newDesc) => setDescription(newDesc)
       }
-    ), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiEdit2, { size: 14 }))), !description && /* @__PURE__ */ import_react16.default.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Cen\xE1rio (Size)"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => /* @__PURE__ */ import_react16.default.createElement("button", { key: s, type: "button", onClick: () => setSize(s), className: "flex items-center gap-2 group cursor-pointer focus:outline-none" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: `w-4 h-4 rounded-[4px] border flex items-center justify-center transition-all duration-200 ${size === s ? "bg-indigo-500 border-indigo-500" : "border-slate-600 bg-transparent group-hover:border-slate-500"}` }, size === s && /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiCheck, { size: 12, className: "text-white" })), /* @__PURE__ */ import_react16.default.createElement("span", { className: `text-sm capitalize transition-colors ${size === s ? "text-white font-medium" : "text-slate-400 group-hover:text-slate-300"}` }, s))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react16.default.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ import_react16.default.createElement(
+    ), /* @__PURE__ */ import_react16.default.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__ */ import_react16.default.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiEdit2, { size: 14 }))), !description && /* @__PURE__ */ import_react16.default.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => /* @__PURE__ */ import_react16.default.createElement(
+      "button",
+      {
+        key: s,
+        type: "button",
+        onClick: () => {
+          setSize(s);
+          onSizeChange == null ? void 0 : onSizeChange(s);
+        },
+        className: "flex items-center gap-2 group cursor-pointer focus:outline-none"
+      },
+      /* @__PURE__ */ import_react16.default.createElement("div", { className: `w-4 h-4 rounded-[4px] border flex items-center justify-center transition-all duration-200 ${size === s ? "bg-indigo-500 border-indigo-500" : "border-slate-600 bg-transparent group-hover:border-slate-500"}` }, size === s && /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiCheck, { size: 12, className: "text-white" })),
+      /* @__PURE__ */ import_react16.default.createElement("span", { className: `text-sm capitalize transition-colors ${size === s ? "text-white font-medium" : "text-slate-400 group-hover:text-slate-300"}` }, s)
+    )))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ import_react16.default.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ import_react16.default.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8560,136 +8758,475 @@ function NodeDetailsPanel({
   ));
 }
 
-// src/components/MultiNodeContextMenu.jsx
+// src/components/QuestDetailsPanel.jsx
 var import_react18 = __toESM(require("react"));
-function MultiNodeContextMenu({
-  data,
-  userRole,
-  onClose,
-  onDismissNodes,
-  onDismissOtherNodes,
-  onDeleteNodes
-}) {
-  const menuRef = (0, import_react18.useRef)(null);
-  const [menuPos, setMenuPos] = (0, import_react18.useState)({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react18.useState)(false);
-  const ability = defineAbilityFor(userRole);
-  const canDelete = ability.can("delete", "Node");
-  (0, import_react18.useLayoutEffect)(() => {
-    if (!data.visible || !menuRef.current) return;
-    const el = menuRef.current;
-    const w = el.clientWidth;
-    const h = el.clientHeight;
-    const vw = window.innerWidth;
-    const vh = window.innerHeight;
-    let left = data.x + 8;
-    let top = data.y + 8;
-    if (left + w + 8 > vw) left = Math.max(8, vw - w - 8);
-    if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
-    setMenuPos({ left, top });
-  }, [data]);
-  (0, import_react18.useEffect)(() => {
-    if (data.visible) {
-      setIsConfirmingDelete(false);
-    }
-    const handleClickOutside = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [data.visible, onClose]);
-  if (!data.visible || !data.nodeIds || data.nodeIds.size === 0) return null;
-  const swallow = (e) => e.stopPropagation();
-  const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150 truncate";
-  const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150 truncate";
-  const nodeCount = data.nodeIds.size;
-  return /* @__PURE__ */ import_react18.default.createElement(
-    "div",
-    {
-      ref: menuRef,
-      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white w-[min(92vw,250px)] overflow-hidden",
-      style: { position: "absolute", left: `${menuPos.left}px`, top: `${menuPos.top}px`, zIndex: 1e3 },
-      onPointerDown: swallow,
-      onPointerMove: swallow,
-      onPointerUp: swallow,
-      onClick: swallow,
-      onWheel: swallow,
-      onContextMenu: swallow,
-      onDoubleClick: swallow
-    },
-    /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
-    /* @__PURE__ */ import_react18.default.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ import_react18.default.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react18.default.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ import_react18.default.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ import_react18.default.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ import_react18.default.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ import_react18.default.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ import_react18.default.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
-  );
-}
-
-// src/components/RelationshipDetailsPanel.jsx
-var import_react19 = __toESM(require("react"));
 var import_fi16 = require("react-icons/fi");
-function RelationshipDetailsPanel({
-  link,
+var QUEST_STATUS_COLORS3 = {
+  "Backlog": "#64748b",
+  "In Progress": "#eab308",
+  "Review": "#a855f7",
+  "Done": "#22c55e"
+};
+function QuestDetailsPanel({
+  node,
   onClose,
   onSave,
+  onNameChange,
+  onColorChange,
+  onSizeChange,
   onDataUpdate,
   onOpenImageViewer,
+  existingTypes = [],
   availableNodes = [],
   availableAncestries = [],
   onOpenReference,
   onMentionClick,
   onUploadFile,
-  userRole
+  userRole,
+  currentDatasetName
 }) {
-  const [name, setName] = (0, import_react19.useState)((link == null ? void 0 : link.name) ?? "");
-  const [description, setDescription] = (0, import_react19.useState)((link == null ? void 0 : link.description) ?? "");
-  const [customProps, setCustomProps] = (0, import_react19.useState)(() => extractCustomPropsFromNode(link || {}));
-  const [existingSections, setExistingSections] = (0, import_react19.useState)((link == null ? void 0 : link.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react19.useState)(false);
-  const [isSaving, setIsSaving] = (0, import_react19.useState)(false);
-  const [isReadMode, setIsReadMode] = (0, import_react19.useState)(false);
-  const propsEndRef = (0, import_react19.useRef)(null);
-  const canEdit = (0, import_react19.useMemo)(() => {
-    const ability = defineAbilityFor(userRole);
-    return ability.can("update", "Connection");
-  }, [userRole]);
-  (0, import_react19.useEffect)(() => {
-    setName((link == null ? void 0 : link.name) ?? "");
-    setDescription((link == null ? void 0 : link.description) ?? "");
-    setExistingSections((link == null ? void 0 : link.description_sections) || []);
-    setCustomProps(extractCustomPropsFromNode(link || {}));
-  }, [link]);
-  const swallow = (e) => e.stopPropagation();
-  const handleAddProp = () => {
-    if (!canEdit) return;
-    const newProp = createNewCustomProperty(customProps);
-    setCustomProps((p) => [...p, newProp]);
-    setTimeout(() => {
-      var _a;
-      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
-    }, 100);
-  };
-  const handleSave = async (keepOpen = false, overrides = {}) => {
-    if (!canEdit) return;
-    const currentDescription = overrides.description !== void 0 ? overrides.description : description;
-    const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
-    const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
-    const currentName = overrides.name !== void 0 ? overrides.name : name;
-    setIsSaving(true);
-    try {
-      const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
-      const processedSections = processDescriptionForSave(currentDescription, currentExistingSections);
+  var _a;
+  const initialRawTitle = (node == null ? void 0 : node.raw_title) || (((_a = node == null ? void 0 : node.name) == null ? void 0 : _a.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
+  const [rawTitle, setRawTitle] = (0, import_react18.useState)(initialRawTitle);
+  const prefixParts = ((node == null ? void 0 : node.name) || "").split(" - \xBB ");
+  const questPrefix = prefixParts.length > 1 ? prefixParts[0] : "";
+  const standardizedName = questPrefix ? `${questPrefix} - \xBB ${rawTitle || "Sem t\xEDtulo"}` : rawTitle;
+  const [types, setTypes] = (0, import_react18.useState)((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
+  const [typeInput, setTypeInput] = (0, import_react18.useState)("");
+  const [status, setStatus] = (0, import_react18.useState)((node == null ? void 0 : node.status) ?? "Backlog");
+  const [size, setSize] = (0, import_react18.useState)((node == null ? void 0 : node.size) ?? "medium");
+  const [description, setDescription] = (0, import_react18.useState)((node == null ? void 0 : node.description) ?? "");
+  const [intensity, setIntensity] = (0, import_react18.useState)((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [isStatusDropdownOpen, setIsStatusDropdownOpen] = (0, import_react18.useState)(false);
+  const [customProps, setCustomProps] = (0, import_react18.useState)(() => extractCustomPropsFromNode(node || {}));
+  const [showTypeSuggestions, setShowTypeSuggestions] = (0, import_react18.useState)(false);
+  const [filteredTypes, setFilteredTypes] = (0, import_react18.useState)([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react18.useState)(false);
+  const [isReadMode, setIsReadMode] = (0, import_react18.useState)(false);
+  const [existingSections, setExistingSections] = (0, import_react18.useState)((node == null ? void 0 : node.description_sections) || []);
+  const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
+  const [isLinkCopied, setIsLinkCopied] = (0, import_react18.useState)(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
+  });
+  (0, import_react18.useEffect)(() => {
+    setWidth(isReadMode ? 700 : 440);
+  }, [isReadMode, setWidth]);
+  const prevNodeIdRef = (0, import_react18.useRef)(null);
+  const propsEndRef = (0, import_react18.useRef)(null);
+  const canEdit = userRole !== "viewer";
+  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) => {
+    if (onOpenImageViewer) {
+      onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
+    }
+  };
+  (0, import_react18.useEffect)(() => {
+    var _a2;
+    if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
+      prevNodeIdRef.current = node == null ? void 0 : node.id;
+      const newRawTitle = (node == null ? void 0 : node.raw_title) || (((_a2 = node == null ? void 0 : node.name) == null ? void 0 : _a2.includes(" - \xBB ")) ? node.name.split(" - \xBB ")[1] : node == null ? void 0 : node.name) || "";
+      setRawTitle(newRawTitle);
+      setTypes((node == null ? void 0 : node.type) ? Array.isArray(node.type) ? node.type : [node.type] : ["quest"]);
+      setStatus((node == null ? void 0 : node.status) ?? "Backlog");
+      setSize((node == null ? void 0 : node.size) ?? "medium");
+      setDescription((node == null ? void 0 : node.description) ?? "");
+      setIntensity((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+      setExistingSections((node == null ? void 0 : node.description_sections) || []);
+      setCustomProps(extractCustomPropsFromNode(node || {}));
+    }
+  }, [node]);
+  (0, import_react18.useEffect)(() => {
+    if (typeInput.trim() === "") {
+      setFilteredTypes(existingTypes.filter((t) => !types.includes(t)));
+    } else {
+      const lowercasedInput = typeInput.toLowerCase();
+      setFilteredTypes(
+        existingTypes.filter(
+          (t) => t.toLowerCase().includes(lowercasedInput) && !types.includes(t)
+        )
+      );
+    }
+  }, [typeInput, existingTypes, types]);
+  const handleCopyLink = () => {
+    if (!(node == null ? void 0 : node.id)) return;
+    const baseUrl = window.location.origin + window.location.pathname;
+    const fullUrl = `${baseUrl}?focus=${node.id}`;
+    navigator.clipboard.writeText(fullUrl).then(() => {
+      setIsLinkCopied(true);
+      setTimeout(() => setIsLinkCopied(false), 2e3);
+    }).catch((err) => {
+      console.error("Erro ao copiar link:", err);
+    });
+  };
+  const swallow = (e) => e.stopPropagation();
+  const handleNameChange = (e) => {
+    const val = e.target.value;
+    setRawTitle(val);
+    const newStandardName = questPrefix ? `${questPrefix} - \xBB ${val || "Sem t\xEDtulo"}` : val;
+    onNameChange == null ? void 0 : onNameChange(node.id, newStandardName, val);
+  };
+  const handleSizeChange = (newSize) => {
+    setSize(newSize);
+    onSizeChange == null ? void 0 : onSizeChange(node.id, newSize);
+  };
+  const handleStatusChange = (newStatus) => {
+    setStatus(newStatus);
+    const newColor = QUEST_STATUS_COLORS3[newStatus];
+    onColorChange == null ? void 0 : onColorChange(node.id, newColor);
+    onDataUpdate == null ? void 0 : onDataUpdate({ ...node, status: newStatus, color: newColor });
+  };
+  const handleAddType = (newType) => {
+    const trimmed = newType.trim();
+    if (trimmed && !types.includes(trimmed)) {
+      setTypes([...types, trimmed]);
+      setTypeInput("");
+      setShowTypeSuggestions(false);
+    }
+  };
+  const handleRemoveType = (indexToRemove) => {
+    if (types[indexToRemove] === "quest") return;
+    setTypes(types.filter((_, index) => index !== indexToRemove));
+  };
+  const handleTypeInputKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddType(typeInput);
+    } else if (e.key === "Backspace" && typeInput === "" && types.length > 1) {
+      handleRemoveType(types.length - 1);
+    }
+  };
+  const handleAddProp = () => {
+    const newProp = createNewCustomProperty(customProps);
+    setCustomProps((p) => [...p, newProp]);
+    setTimeout(() => {
+      var _a2;
+      (_a2 = propsEndRef.current) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 100);
+  };
+  const handleRemoveProp = (i) => {
+    const newProps = customProps.filter((_, idx) => idx !== i);
+    setCustomProps(newProps);
+    triggerAutoSave({ customProps: newProps });
+  };
+  const handleUpdateProp = (index, updatedProp) => {
+    const newProps = [...customProps];
+    newProps[index] = updatedProp;
+    setCustomProps(newProps);
+    if (!updatedProp.isEditing) {
+      triggerAutoSave({ customProps: newProps });
+    }
+  };
+  const handleSaveDescriptionInline = (newDescription) => {
+    setDescription(newDescription);
+    onDataUpdate({ ...node, description: newDescription });
+    triggerAutoSave({ description: newDescription });
+  };
+  const handleSave = async (keepOpen = false, overrides = {}) => {
+    const currentRawTitle = overrides.rawTitle !== void 0 ? overrides.rawTitle : rawTitle;
+    const currentStandardName = questPrefix ? `${questPrefix} - \xBB ${currentRawTitle || "Sem t\xEDtulo"}` : currentRawTitle;
+    const currentTypes = overrides.types !== void 0 ? overrides.types : types;
+    const currentDescription = overrides.description !== void 0 ? overrides.description : description;
+    const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
+    const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    const currentStatus = overrides.status !== void 0 ? overrides.status : status;
+    if (!currentRawTitle.trim() || currentTypes.length === 0) {
+      alert("O campo 'T\xEDtulo' e pelo menos um 'Tipo' s\xE3o obrigat\xF3rios.");
+      return;
+    }
+    setIsSaving(true);
+    try {
+      const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
+      const processedSections = processDescriptionForSave(currentDescription, currentExistingSections);
+      const dataToSave = {
+        id: node.id,
+        name: currentStandardName.trim(),
+        // Salva o nome completo formatado
+        raw_title: currentRawTitle.trim(),
+        // Salva o título simples
+        type: currentTypes,
+        color: QUEST_STATUS_COLORS3[currentStatus],
+        status: currentStatus,
+        size,
+        description: currentDescription,
+        description_sections: processedSections,
+        useImageAsTexture: false,
+        textureImageUrl: null,
+        intensity,
+        is_quest: true,
+        ...extrasObj,
+        version_node: node.version_node
+      };
+      await onSave(dataToSave, keepOpen);
+      onDataUpdate(dataToSave);
+      if (!keepOpen) {
+        onClose();
+      }
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const triggerAutoSave = (overrides = {}) => {
+    handleSave(true, overrides);
+  };
+  const handleCancel = () => {
+    if (node) {
+      onNameChange == null ? void 0 : onNameChange(node.id, node.name);
+      onColorChange == null ? void 0 : onColorChange(node.id, node.color);
+      onSizeChange == null ? void 0 : onSizeChange(node.id, node.size || "medium");
+    }
+    onClose();
+  };
+  const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
+  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
+    "div",
+    {
+      className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${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,
+      onClick: swallow,
+      onWheel: swallow,
+      onContextMenu: swallow,
+      onDoubleClick: swallow
+    },
+    /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(
+      DescriptionReadModePanel,
+      {
+        title: standardizedName || (node == null ? void 0 : node.name),
+        description,
+        savedSections: existingSections,
+        onBack: () => setIsReadMode(false),
+        onEdit: () => {
+          if (canEdit) {
+            setIsReadMode(false);
+            setIsDescriptionModalOpen(true);
+          }
+        },
+        onClose: handleCancel,
+        availableNodes,
+        availableAncestries,
+        onOpenReference,
+        onMentionClick,
+        onImageClick: handleImageClickFromText,
+        onSaveDescription: handleSaveDescriptionInline
+      }
+    ) : /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS3[status]}, transparent)` } }), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react18.default.createElement("div", null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Quest"), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: handleCopyLink, className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-sky-400"}`, title: isLinkCopied ? "Link Copiado!" : "Copiar link para esta Quest" }, isLinkCopied ? /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiLink, { size: 12 }))), /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, standardizedName || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react18.default.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "T\xEDtulo da Quest"), /* @__PURE__ */ import_react18.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: rawTitle,
+        onChange: handleNameChange,
+        readOnly: !canEdit,
+        className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-2 focus:ring-indigo-400/60" : "cursor-default text-slate-400"}`
+      }
+    ), /* @__PURE__ */ import_react18.default.createElement("div", { className: "pt-1 flex items-center gap-1.5" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-[10px] uppercase font-bold text-slate-500 tracking-wider" }), /* @__PURE__ */ import_react18.default.createElement("p", { className: "text-xs text-indigo-300 font-medium truncate", title: standardizedName }, standardizedName))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react18.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => canEdit && setIsStatusDropdownOpen(!isStatusDropdownOpen),
+        disabled: !canEdit,
+        className: `w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 transition-colors flex items-center justify-between ${canEdit ? "hover:border-white/20 focus:ring-2 focus:ring-indigo-400/60 cursor-pointer" : "cursor-default opacity-80"}`
+      },
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "w-3 h-3 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]", style: { backgroundColor: QUEST_STATUS_COLORS3[status] } }), /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-slate-200 font-medium" }, status)),
+      canEdit && /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiChevronDown, { className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })
+    ), isStatusDropdownOpen && canEdit && /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsStatusDropdownOpen(false) }), /* @__PURE__ */ import_react18.default.createElement("ul", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-800 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden" }, Object.keys(QUEST_STATUS_COLORS3).map((s) => /* @__PURE__ */ import_react18.default.createElement(
+      "li",
+      {
+        key: s,
+        onClick: () => {
+          handleStatusChange(s);
+          setIsStatusDropdownOpen(false);
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${status === s ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
+      },
+      /* @__PURE__ */ import_react18.default.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS3[s] } }),
+      s
+    )))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ import_react18.default.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ import_react18.default.createElement("span", { key: index, className: `flex items-center gap-1 px-1.5 py-0.5 rounded-md text-xs font-medium border ${t === "quest" ? "bg-sky-500/20 text-sky-200 border-sky-500/30" : "bg-indigo-500/30 text-indigo-100 border-indigo-500/20"}` }, t, canEdit && t !== "quest" && /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiX, { size: 12 })))), canEdit && /* @__PURE__ */ import_react18.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: typeInput,
+        onChange: (e) => {
+          setTypeInput(e.target.value);
+          setShowTypeSuggestions(true);
+        },
+        onKeyDown: handleTypeInputKeyDown,
+        onClick: () => setShowTypeSuggestions(true),
+        onBlur: () => {
+          if (typeInput.trim()) {
+            handleAddType(typeInput);
+          }
+          setTimeout(() => setShowTypeSuggestions(false), 150);
+        },
+        className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200",
+        placeholder: "",
+        autoComplete: "off"
+      }
+    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ import_react18.default.createElement("ul", { className: "custom-scrollbar absolute top-full left-0 z-10 w-full mt-1 max-h-40 overflow-y-auto rounded-lg bg-slate-800 border border-white/10 shadow-lg" }, filteredTypes.map((suggestedType, index) => /* @__PURE__ */ import_react18.default.createElement("li", { key: index, className: "px-3 py-2 text-sm text-slate-200 cursor-pointer hover:bg-indigo-600/50", onMouseDown: (e) => {
+      e.preventDefault();
+      handleAddType(suggestedType);
+    } }, suggestedType))))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement(DescriptionDisplay, { description, savedSections: existingSections, availableNodes, availableAncestries, onOpenReference, onMentionClick, onImageClick: handleImageClickFromText, onSaveDescription: handleSaveDescriptionInline }), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("button", { type: "button", onClick: () => setIsReadMode(true), className: `p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors ${canEdit ? "border-r border-white/5" : ""}`, title: "Modo de Leitura" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiBookOpen, { size: 14 })), canEdit && /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors", title: "Editar descri\xE7\xE3o (Modo de Escrita)" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiEdit2, { size: 14 }))), canEdit && !description && /* @__PURE__ */ import_react18.default.createElement("div", { onClick: () => setIsDescriptionModalOpen(true), className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text" }, "Adicionar descri\xE7\xE3o..."))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react18.default.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Node (Size)"), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
+      const isSelected = size === s;
+      return /* @__PURE__ */ import_react18.default.createElement("button", { key: s, type: "button", onClick: () => canEdit && handleSizeChange(s), className: `flex items-center gap-2 group focus:outline-none ${canEdit ? "cursor-pointer" : "cursor-default opacity-80"}` }, /* @__PURE__ */ import_react18.default.createElement("div", { className: `w-4 h-4 rounded-[4px] border flex items-center justify-center transition-all duration-200 ${isSelected ? "bg-indigo-500 border-indigo-500 shadow-[0_0_10px_rgba(99,102,241,0.4)]" : "border-slate-600 bg-transparent " + (canEdit ? "group-hover:border-slate-500" : "")}` }, isSelected && /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiCheck, { size: 12, className: "text-white" })), /* @__PURE__ */ import_react18.default.createElement("span", { className: `text-sm capitalize transition-colors ${isSelected ? "text-white font-medium" : "text-slate-400 " + (canEdit ? "group-hover:text-slate-300" : "")}` }, s));
+    }))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react18.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ import_react18.default.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react18.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react18.default.createElement(CustomPropertyDisplay, { key: prop.id, prop, onUpdate: canEdit ? (updatedProp) => handleUpdateProp(idx, updatedProp) : void 0, onRemove: canEdit ? () => handleRemoveProp(idx) : void 0, onOpenImageViewer, unavailableTypes: currentUsedTypes.filter((t) => t !== prop.type), isTextureMode: false, onUploadFile: canEdit ? onUploadFile : void 0, readOnly: !canEdit })), /* @__PURE__ */ import_react18.default.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ import_react18.default.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__ */ import_react18.default.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__ */ import_react18.default.createElement("button", { onClick: () => handleSave(false), disabled: isSaving, className: `px-4 py-2 rounded-lg transition-all font-semibold text-sm shadow-[0_8px_24px_rgba(99,102,241,0.35)] flex items-center gap-2 ${isSaving ? "bg-slate-700 text-slate-300 cursor-wait" : "bg-gradient-to-tr from-indigo-600 to-indigo-400 hover:from-indigo-500 hover:to-indigo-300 text-white"}` }, isSaving && /* @__PURE__ */ import_react18.default.createElement(import_fi16.FiLoader, { className: "animate-spin" }), isSaving ? "Salvando..." : "Salvar Quest")))
+  ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ import_react18.default.createElement(
+    DescriptionEditModal,
+    {
+      isOpen: isDescriptionModalOpen,
+      title: "Editar Descri\xE7\xE3o da Quest",
+      initialValue: description,
+      onSave: (newDescription) => {
+        setDescription(newDescription);
+        onDataUpdate((prev) => ({ ...prev, description: newDescription }));
+        triggerAutoSave({ description: newDescription });
+      },
+      onClose: () => setIsDescriptionModalOpen(false),
+      availableNodes,
+      availableAncestries,
+      availableImages
+    }
+  ));
+}
+
+// src/components/MultiNodeContextMenu.jsx
+var import_react19 = __toESM(require("react"));
+function MultiNodeContextMenu({
+  data,
+  userRole,
+  onClose,
+  onDismissNodes,
+  onDismissOtherNodes,
+  onDeleteNodes
+}) {
+  const menuRef = (0, import_react19.useRef)(null);
+  const [menuPos, setMenuPos] = (0, import_react19.useState)({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react19.useState)(false);
+  const ability = defineAbilityFor(userRole);
+  const canDelete = ability.can("delete", "Node");
+  (0, import_react19.useLayoutEffect)(() => {
+    if (!data.visible || !menuRef.current) return;
+    const el = menuRef.current;
+    const w = el.clientWidth;
+    const h = el.clientHeight;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    let left = data.x + 8;
+    let top = data.y + 8;
+    if (left + w + 8 > vw) left = Math.max(8, vw - w - 8);
+    if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
+    setMenuPos({ left, top });
+  }, [data]);
+  (0, import_react19.useEffect)(() => {
+    if (data.visible) {
+      setIsConfirmingDelete(false);
+    }
+    const handleClickOutside = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) onClose();
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [data.visible, onClose]);
+  if (!data.visible || !data.nodeIds || data.nodeIds.size === 0) return null;
+  const swallow = (e) => e.stopPropagation();
+  const baseButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-indigo-500/20 text-slate-200 hover:text-white transition-colors duration-150 truncate";
+  const deleteButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-red-500/25 text-red-400 hover:text-red-300 transition-colors duration-150 truncate";
+  const nodeCount = data.nodeIds.size;
+  return /* @__PURE__ */ import_react19.default.createElement(
+    "div",
+    {
+      ref: menuRef,
+      className: "ui-overlay context-menu-class origin-top-left rounded-xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white w-[min(92vw,250px)] overflow-hidden",
+      style: { position: "absolute", left: `${menuPos.left}px`, top: `${menuPos.top}px`, zIndex: 1e3 },
+      onPointerDown: swallow,
+      onPointerMove: swallow,
+      onPointerUp: swallow,
+      onClick: swallow,
+      onWheel: swallow,
+      onContextMenu: swallow,
+      onDoubleClick: swallow
+    },
+    /* @__PURE__ */ import_react19.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
+    /* @__PURE__ */ import_react19.default.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ import_react19.default.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.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__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.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__ */ import_react19.default.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ import_react19.default.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ import_react19.default.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react19.default.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ import_react19.default.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ import_react19.default.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
+  );
+}
+
+// src/components/RelationshipDetailsPanel.jsx
+var import_react20 = __toESM(require("react"));
+var import_fi17 = require("react-icons/fi");
+function RelationshipDetailsPanel({
+  link,
+  onClose,
+  onSave,
+  onDataUpdate,
+  onOpenImageViewer,
+  availableNodes = [],
+  availableAncestries = [],
+  onOpenReference,
+  onMentionClick,
+  onUploadFile,
+  userRole
+}) {
+  const [name, setName] = (0, import_react20.useState)((link == null ? void 0 : link.name) ?? "");
+  const [description, setDescription] = (0, import_react20.useState)((link == null ? void 0 : link.description) ?? "");
+  const [customProps, setCustomProps] = (0, import_react20.useState)(() => extractCustomPropsFromNode(link || {}));
+  const [existingSections, setExistingSections] = (0, import_react20.useState)((link == null ? void 0 : link.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react20.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react20.useState)(false);
+  const [isReadMode, setIsReadMode] = (0, import_react20.useState)(false);
+  const propsEndRef = (0, import_react20.useRef)(null);
+  const canEdit = (0, import_react20.useMemo)(() => {
+    const ability = defineAbilityFor(userRole);
+    return ability.can("update", "Connection");
+  }, [userRole]);
+  (0, import_react20.useEffect)(() => {
+    setName((link == null ? void 0 : link.name) ?? "");
+    setDescription((link == null ? void 0 : link.description) ?? "");
+    setExistingSections((link == null ? void 0 : link.description_sections) || []);
+    setCustomProps(extractCustomPropsFromNode(link || {}));
+  }, [link]);
+  const swallow = (e) => e.stopPropagation();
+  const handleAddProp = () => {
+    if (!canEdit) return;
+    const newProp = createNewCustomProperty(customProps);
+    setCustomProps((p) => [...p, newProp]);
+    setTimeout(() => {
+      var _a;
+      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 100);
+  };
+  const handleSave = async (keepOpen = false, overrides = {}) => {
+    if (!canEdit) return;
+    const currentDescription = overrides.description !== void 0 ? overrides.description : description;
+    const currentCustomProps = overrides.customProps !== void 0 ? overrides.customProps : customProps;
+    const currentExistingSections = overrides.existingSections !== void 0 ? overrides.existingSections : existingSections;
+    const currentName = overrides.name !== void 0 ? overrides.name : name;
+    setIsSaving(true);
+    try {
+      const extrasObj = toObjectFromCustomProps(currentCustomProps.filter((p) => !p.isEditing));
+      const processedSections = processDescriptionForSave(currentDescription, currentExistingSections);
       const dataToSave = {
         id: link.id,
         source: link.source,
@@ -8739,7 +9276,7 @@ function RelationshipDetailsPanel({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
     "div",
     {
       className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden transition-all duration-300 ease-out
@@ -8754,7 +9291,7 @@ function RelationshipDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    isReadMode ? /* @__PURE__ */ import_react19.default.createElement(
+    isReadMode ? /* @__PURE__ */ import_react20.default.createElement(
       DescriptionReadModePanel,
       {
         title: name || "Rela\xE7\xE3o",
@@ -8775,7 +9312,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ import_react19.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react19.default.createElement("div", null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ import_react19.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react19.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react19.default.createElement(
+    ) : /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ import_react20.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react20.default.createElement(
       "input",
       {
         type: "text",
@@ -8787,7 +9324,7 @@ function RelationshipDetailsPanel({
                                         ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                     `
       }
-    )), /* @__PURE__ */ import_react19.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react19.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement(
+    )), /* @__PURE__ */ import_react20.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react20.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(
       DescriptionDisplay,
       {
         description,
@@ -8799,7 +9336,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement(
+    ), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement(
       "button",
       {
         type: "button",
@@ -8807,8 +9344,8 @@ function RelationshipDetailsPanel({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors border-r border-white/5",
         title: "Modo de Leitura"
       },
-      /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiBookOpen, { size: 14 })
-    ), canEdit && /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement(import_fi17.FiBookOpen, { size: 14 })
+    ), canEdit && /* @__PURE__ */ import_react20.default.createElement(
       "button",
       {
         type: "button",
@@ -8816,15 +9353,15 @@ function RelationshipDetailsPanel({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
         title: "Editar descri\xE7\xE3o"
       },
-      /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiEdit2, { size: 14 })
-    )), !description && canEdit && /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement(import_fi17.FiEdit2, { size: 14 })
+    )), !description && canEdit && /* @__PURE__ */ import_react20.default.createElement(
       "div",
       {
         onClick: () => setIsDescriptionModalOpen(true),
         className: "absolute inset-0 flex items-center justify-center text-xs text-slate-500 cursor-text"
       },
       "Adicionar descri\xE7\xE3o..."
-    ))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react19.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ import_react19.default.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react19.default.createElement(
+    ))), /* @__PURE__ */ import_react20.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react20.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ import_react20.default.createElement("button", { type: "button", onClick: handleAddProp, className: "flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-slate-800/70 hover:bg-slate-700/70 border border-white/10 transition-colors" }, /* @__PURE__ */ import_react20.default.createElement(import_fi17.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react20.default.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8836,7 +9373,7 @@ function RelationshipDetailsPanel({
         onUploadFile,
         disabled: !canEdit
       }
-    )), /* @__PURE__ */ import_react19.default.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ import_react19.default.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__ */ import_react19.default.createElement("button", { onClick: onClose, 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__ */ import_react19.default.createElement(
+    )), /* @__PURE__ */ import_react20.default.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("button", { onClick: onClose, 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__ */ import_react20.default.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -8845,10 +9382,10 @@ function RelationshipDetailsPanel({
                                         ${isSaving ? "bg-slate-700 text-slate-300 cursor-wait" : "bg-gradient-to-tr from-teal-600 to-teal-400 hover:from-teal-500 hover:to-teal-300 text-white"}
                                     `
       },
-      isSaving && /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiLoader, { className: "animate-spin" }),
+      isSaving && /* @__PURE__ */ import_react20.default.createElement(import_fi17.FiLoader, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
-  ), isDescriptionModalOpen && /* @__PURE__ */ import_react19.default.createElement(
+  ), isDescriptionModalOpen && /* @__PURE__ */ import_react20.default.createElement(
     DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
@@ -8869,7 +9406,7 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 function RelationshipContextMenu({
   data,
   userRole,
@@ -8879,25 +9416,25 @@ function RelationshipContextMenu({
   onDelete,
   onClose
 }) {
-  const menuRef = (0, import_react20.useRef)(null);
-  const [menuPos, setMenuPos] = (0, import_react20.useState)({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react20.useState)(false);
-  const ability = (0, import_react20.useMemo)(() => defineAbilityFor(userRole), [userRole]);
-  const sourceName = (0, import_react20.useMemo)(
+  const menuRef = (0, import_react21.useRef)(null);
+  const [menuPos, setMenuPos] = (0, import_react21.useState)({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react21.useState)(false);
+  const ability = (0, import_react21.useMemo)(() => defineAbilityFor(userRole), [userRole]);
+  const sourceName = (0, import_react21.useMemo)(
     () => {
       var _a, _b, _c, _d;
       return ((_d = (_c = (_b = (_a = data == null ? void 0 : data.linkObject) == null ? void 0 : _a.userData) == null ? void 0 : _b.sourceNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) ?? "(sem nome)";
     },
     [data == null ? void 0 : data.linkObject]
   );
-  const targetName = (0, import_react20.useMemo)(
+  const targetName = (0, import_react21.useMemo)(
     () => {
       var _a, _b, _c, _d;
       return ((_d = (_c = (_b = (_a = data == null ? void 0 : data.linkObject) == null ? void 0 : _a.userData) == null ? void 0 : _b.targetNode) == null ? void 0 : _c.userData) == null ? void 0 : _d.name) ?? "(sem nome)";
     },
     [data == null ? void 0 : data.linkObject]
   );
-  (0, import_react20.useLayoutEffect)(() => {
+  (0, import_react21.useLayoutEffect)(() => {
     if (!data.visible || !menuRef.current) return;
     const el = menuRef.current;
     const w = el.clientWidth;
@@ -8910,7 +9447,7 @@ function RelationshipContextMenu({
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
   }, [data]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (data.visible) {
       setIsConfirmingDelete(false);
     }
@@ -8926,7 +9463,7 @@ function RelationshipContextMenu({
   const dangerButtonClass = "w-full flex items-center gap-2.5 px-2 py-1.5 text-left text-sm rounded-md hover:bg-rose-500/20 text-rose-300 hover:text-rose-100 transition-colors duration-150 truncate";
   const canUpdate = ability.can("update", "Connection");
   const canDelete = ability.can("delete", "Connection");
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     "div",
     {
       ref: menuRef,
@@ -8940,29 +9477,29 @@ function RelationshipContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ import_react20.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
-    /* @__PURE__ */ import_react20.default.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ import_react20.default.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ import_react20.default.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ import_react20.default.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ import_react20.default.createElement("strong", null, targetName), ".")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ import_react20.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
+    /* @__PURE__ */ import_react21.default.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ import_react21.default.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__ */ import_react21.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react21.default.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ import_react21.default.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ import_react21.default.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ import_react21.default.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ import_react21.default.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ import_react21.default.createElement("strong", null, targetName), ".")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ import_react21.default.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__ */ import_react20.default.createElement(
+    ), /* @__PURE__ */ import_react21.default.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__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
+    ))) : /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react21.default.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__ */ import_react21.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
       "button",
       {
         onClick: () => onRelinkSource == null ? void 0 : onRelinkSource(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Source"
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8975,18 +9512,18 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react20.default.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__ */ import_react20.default.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__ */ import_react21.default.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__ */ import_react21.default.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__ */ import_react20.default.createElement("span", null, "Desconectar Source (", sourceName, ")")
-    ), /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement("span", null, "Desconectar Source (", sourceName, ")")
+    ), /* @__PURE__ */ import_react21.default.createElement(
       "button",
       {
         onClick: () => onRelinkTarget == null ? void 0 : onRelinkTarget(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Target"
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8999,21 +9536,21 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react20.default.createElement("polyline", { points: "16 3 21 3 21 8" }),
-        /* @__PURE__ */ import_react20.default.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
-        /* @__PURE__ */ import_react20.default.createElement("polyline", { points: "21 16 21 21 16 21" }),
-        /* @__PURE__ */ import_react20.default.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
-        /* @__PURE__ */ import_react20.default.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
+        /* @__PURE__ */ import_react21.default.createElement("polyline", { points: "16 3 21 3 21 8" }),
+        /* @__PURE__ */ import_react21.default.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
+        /* @__PURE__ */ import_react21.default.createElement("polyline", { points: "21 16 21 21 16 21" }),
+        /* @__PURE__ */ import_react21.default.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
+        /* @__PURE__ */ import_react21.default.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
       ),
-      /* @__PURE__ */ import_react20.default.createElement("span", null, "Desconectar Target (", targetName, ")")
-    ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement("span", null, "Desconectar Target (", targetName, ")")
+    ), /* @__PURE__ */ import_react21.default.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ import_react21.default.createElement(
       "button",
       {
         onClick: () => onOpenDetails == null ? void 0 : onOpenDetails(data.linkObject),
         className: baseButtonClass,
         title: "Abrir detalhes da rela\xE7\xE3o"
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9026,19 +9563,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react20.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ import_react20.default.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-        /* @__PURE__ */ import_react20.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
+        /* @__PURE__ */ import_react21.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ import_react21.default.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+        /* @__PURE__ */ import_react21.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
       ),
-      /* @__PURE__ */ import_react20.default.createElement("span", null, "Abrir Detalhes")
-    ), canDelete && /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement("span", null, "Abrir Detalhes")
+    ), canDelete && /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ import_react21.default.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(true),
         className: dangerButtonClass,
         title: "Excluir esta conex\xE3o"
       },
-      /* @__PURE__ */ import_react20.default.createElement(
+      /* @__PURE__ */ import_react21.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -9051,19 +9588,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react20.default.createElement("polyline", { points: "3 6 5 6 21 6" }),
-        /* @__PURE__ */ import_react20.default.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
-        /* @__PURE__ */ import_react20.default.createElement("path", { d: "M10 11v6" }),
-        /* @__PURE__ */ import_react20.default.createElement("path", { d: "M14 11v6" }),
-        /* @__PURE__ */ import_react20.default.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
+        /* @__PURE__ */ import_react21.default.createElement("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ import_react21.default.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
+        /* @__PURE__ */ import_react21.default.createElement("path", { d: "M10 11v6" }),
+        /* @__PURE__ */ import_react21.default.createElement("path", { d: "M14 11v6" }),
+        /* @__PURE__ */ import_react21.default.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
       ),
-      /* @__PURE__ */ import_react20.default.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
+      /* @__PURE__ */ import_react21.default.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
     )))))
   );
 }
 
 // src/components/LoadingScreen.jsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var styles = {
   loadingOverlay: {
     position: "fixed",
@@ -9095,11 +9632,11 @@ var styles = {
   `
 };
 function LoadingScreen() {
-  return /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement("style", null, styles.keyframes), /* @__PURE__ */ import_react21.default.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ import_react21.default.createElement("div", { style: styles.spinner })));
+  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement("style", null, styles.keyframes), /* @__PURE__ */ import_react22.default.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ import_react22.default.createElement("div", { style: styles.spinner })));
 }
 
 // src/components/ImportParentFileModal.jsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 function ImportParentFileModal({
   isOpen,
   onClose,
@@ -9110,12 +9647,12 @@ function ImportParentFileModal({
   onFetchAvailableFiles,
   currentViewName
 }) {
-  const [activeTab, setActiveTab] = (0, import_react22.useState)("databases");
-  const [availableDbs, setAvailableDbs] = (0, import_react22.useState)([]);
-  const [availableViews, setAvailableViews] = (0, import_react22.useState)([]);
-  const [selectedItem, setSelectedItem] = (0, import_react22.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react22.useState)(false);
-  (0, import_react22.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react23.useState)("databases");
+  const [availableDbs, setAvailableDbs] = (0, import_react23.useState)([]);
+  const [availableViews, setAvailableViews] = (0, import_react23.useState)([]);
+  const [selectedItem, setSelectedItem] = (0, import_react23.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react23.useState)(false);
+  (0, import_react23.useEffect)(() => {
     if (isOpen && session && onFetchAvailableFiles) {
       const fetchData = async () => {
         setIsLoading(true);
@@ -9151,7 +9688,7 @@ function ImportParentFileModal({
       fetchData();
     }
   }, [isOpen, session, parentDbs, onFetchAvailableFiles, currentViewName]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setSelectedItem(null);
   }, [activeTab]);
   if (!isOpen) {
@@ -9180,13 +9717,13 @@ function ImportParentFileModal({
   const swallow = (e) => e.stopPropagation();
   const currentList = activeTab === "databases" ? availableDbs : availableViews;
   const emptyMessage = activeTab === "databases" ? "Nenhum novo arquivo parent dispon\xEDvel." : "Nenhuma view dispon\xEDvel para importa\xE7\xE3o.";
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(
     "div",
     {
       className: "ui-overlay fixed inset-0 z-[1200] flex items-center justify-center bg-black/60 backdrop-blur-sm",
       onClick: onClose
     },
-    /* @__PURE__ */ import_react22.default.createElement(
+    /* @__PURE__ */ import_react23.default.createElement(
       "div",
       {
         className: "ui-overlay relative rounded-2xl border border-white/10 bg-slate-950/80 shadow-[0_20px_80px_rgba(0,0,0,0.6)] text-white w-[min(92vw,500px)] flex flex-col max-h-[85vh]",
@@ -9198,14 +9735,14 @@ function ImportParentFileModal({
         onContextMenu: swallow,
         onDoubleClick: swallow
       },
-      /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ import_react22.default.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ import_react23.default.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
           title: "Fechar"
         },
-        /* @__PURE__ */ import_react22.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react23.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ import_react23.default.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -9214,14 +9751,14 @@ function ImportParentFileModal({
           }
         ))
       )),
-      /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           onClick: () => setActiveTab("databases"),
           className: `flex-1 py-3 text-sm font-medium border-b-2 transition-colors ${activeTab === "databases" ? "border-indigo-500 text-white" : "border-transparent text-slate-400 hover:text-slate-200"}`
         },
         "Arquivos Parent"
-      ), /* @__PURE__ */ import_react22.default.createElement(
+      ), /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           onClick: () => setActiveTab("views"),
@@ -9229,24 +9766,24 @@ function ImportParentFileModal({
         },
         "Views (Ancestralidades)"
       )),
-      /* @__PURE__ */ import_react22.default.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ import_react22.default.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ import_react23.default.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ import_react23.default.createElement(
         "div",
         {
           key: item.id,
           onClick: () => setSelectedItem(item),
           className: `px-4 py-3 rounded-lg border cursor-pointer transition-all duration-150 flex flex-col gap-1 ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "bg-indigo-600 border-indigo-500 shadow-lg" : "bg-slate-800/60 border-white/10 hover:border-white/20 hover:bg-slate-800"}`
         },
-        /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react22.default.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ import_react22.default.createElement("span", { className: "text-[10px] px-1.5 py-0.5 rounded bg-black/30 text-indigo-300 border border-indigo-500/30" }, "VIEW")),
-        item.description && /* @__PURE__ */ import_react22.default.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
-      )) : /* @__PURE__ */ import_react22.default.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
-      /* @__PURE__ */ import_react22.default.createElement("div", { className: "px-6 py-4 border-t border-white/10 flex justify-end gap-3 flex-shrink-0 bg-slate-900/50" }, /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[10px] px-1.5 py-0.5 rounded bg-black/30 text-indigo-300 border border-indigo-500/30" }, "VIEW")),
+        item.description && /* @__PURE__ */ import_react23.default.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
+      )) : /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
+      /* @__PURE__ */ import_react23.default.createElement("div", { className: "px-6 py-4 border-t border-white/10 flex justify-end gap-3 flex-shrink-0 bg-slate-900/50" }, /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           onClick: onClose,
           className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm text-slate-300"
         },
         "Cancelar"
-      ), /* @__PURE__ */ import_react22.default.createElement(
+      ), /* @__PURE__ */ import_react23.default.createElement(
         "button",
         {
           onClick: handleConfirm,
@@ -9260,8 +9797,8 @@ function ImportParentFileModal({
 }
 
 // src/components/AncestryLinkDetailsPanel.jsx
-var import_react23 = __toESM(require("react"));
-var import_fi17 = require("react-icons/fi");
+var import_react24 = __toESM(require("react"));
+var import_fi18 = require("react-icons/fi");
 function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
   var _a, _b, _c, _d;
   const relationshipData = data.relationship || {};
@@ -9270,21 +9807,21 @@ 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] = (0, import_react23.useState)(false);
+  const [isReadMode, setIsReadMode] = (0, import_react24.useState)(false);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
       onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(
     "div",
     {
       className: "ui-overlay fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-[1200]",
       onClick: onClose,
       onPointerDown: swallow
     },
-    /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         className: `relative group rounded-2xl border border-white/10 bg-slate-950/80 shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col max-h-[calc(100vh-4rem)] transition-all duration-300 ease-out
@@ -9292,7 +9829,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
                 `,
         onClick: swallow
       },
-      isReadMode ? /* @__PURE__ */ import_react23.default.createElement(
+      isReadMode ? /* @__PURE__ */ import_react24.default.createElement(
         DescriptionReadModePanel,
         {
           title: `${sourceName} \u2794 ${targetName}`,
@@ -9304,15 +9841,15 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react23.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react23.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react23.default.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ import_react23.default.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__ */ import_react23.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react23.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react23.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react23.default.createElement(
+      ) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-blue-500/80 shadow-[0_0_18px_2px_rgba(59,130,246,0.55)]" }), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react24.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react24.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react24.default.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
           className: "p-1 text-slate-400 hover:text-white transition-colors",
           title: "Modo de Leitura"
         },
-        /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiBookOpen, { size: 14 })
-      )), /* @__PURE__ */ import_react23.default.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiBookOpen, { size: 14 })
+      )), /* @__PURE__ */ import_react24.default.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ import_react24.default.createElement(
         DescriptionDisplay,
         {
           description,
@@ -9321,7 +9858,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ))), customProps.length > 0 && /* @__PURE__ */ import_react23.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react23.default.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ import_react23.default.createElement(
+      ))), customProps.length > 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react24.default.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ import_react24.default.createElement(
         CustomPropertyDisplay,
         {
           key: prop.id,
@@ -9330,14 +9867,14 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onOpenImageViewer,
           onUploadFile
         }
-      )))), !description && customProps.length === 0 && /* @__PURE__ */ import_react23.default.createElement("div", { className: "py-8 text-center text-slate-500 text-sm italic border border-dashed border-white/10 rounded-lg" }, "Nenhum detalhe adicional dispon\xEDvel para esta conex\xE3o."), /* @__PURE__ */ import_react23.default.createElement("div", { className: "mt-4 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg text-xs text-blue-200/80 text-center" }, 'Para editar esta conex\xE3o, utilize o menu "Editar Ancestralidade".')))
+      )))), !description && customProps.length === 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "py-8 text-center text-slate-500 text-sm italic border border-dashed border-white/10 rounded-lg" }, "Nenhum detalhe adicional dispon\xEDvel para esta conex\xE3o."), /* @__PURE__ */ import_react24.default.createElement("div", { className: "mt-4 p-3 bg-blue-500/10 border border-blue-500/20 rounded-lg text-xs text-blue-200/80 text-center" }, 'Para editar esta conex\xE3o, utilize o menu "Editar Ancestralidade".')))
     )
   );
 }
 
 // src/components/AncestryBoard.jsx
-var import_react24 = __toESM(require("react"));
-var import_fi18 = require("react-icons/fi");
+var import_react25 = __toESM(require("react"));
+var import_fi19 = require("react-icons/fi");
 var GroupItem = ({
   group,
   index,
@@ -9357,7 +9894,7 @@ var GroupItem = ({
 }) => {
   const canIndent = index > 0;
   const isPickingForThisGroup = pickingGroupId === group.id;
-  const textareaRef = (0, import_react24.useRef)(null);
+  const textareaRef = (0, import_react25.useRef)(null);
   const adjustHeight = () => {
     const textarea = textareaRef.current;
     if (textarea) {
@@ -9365,13 +9902,13 @@ var GroupItem = ({
       textarea.style.height = `${textarea.scrollHeight}px`;
     }
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     adjustHeight();
   }, [group.text]);
-  return /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: `
+  return /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react25.default.createElement("div", { className: `
                 flex flex-col gap-2 py-2 px-3 transition-all duration-200
                 ${isPickingForThisGroup ? "bg-indigo-500/10 border-l-2 border-indigo-500" : "hover:bg-white/5 border-l-2 border-transparent hover:border-white/20"}
-            ` }, /* @__PURE__ */ import_react24.default.createElement(
+            ` }, /* @__PURE__ */ import_react25.default.createElement(
     "textarea",
     {
       ref: textareaRef,
@@ -9388,9 +9925,9 @@ var GroupItem = ({
         if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
       }
     }
-  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
+  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
     const isValid = availableIds.has(String(anc.ancestry_id));
-    return /* @__PURE__ */ import_react24.default.createElement(
+    return /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         key: anc.ancestry_id,
@@ -9402,28 +9939,28 @@ var GroupItem = ({
       },
       isValid ? (
         // [MANTIDO] Botão Play visível para todos
-        /* @__PURE__ */ import_react24.default.createElement(
+        /* @__PURE__ */ import_react25.default.createElement(
           "button",
           {
             onClick: () => onPlayAncestry(anc.ancestry_id),
             className: "text-indigo-400 hover:text-white hover:bg-indigo-500 p-1 rounded-full transition-colors",
             title: "Renderizar no cen\xE1rio"
           },
-          /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiPlay, { size: 10, className: "ml-0.5 fill-current" })
+          /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiPlay, { size: 10, className: "ml-0.5 fill-current" })
         )
-      ) : /* @__PURE__ */ import_react24.default.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiAlertTriangle, { size: 10 })),
-      /* @__PURE__ */ import_react24.default.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
-      canEdit && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ import_react24.default.createElement(
+      ) : /* @__PURE__ */ import_react25.default.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiAlertTriangle, { size: 10 })),
+      /* @__PURE__ */ import_react25.default.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
+      canEdit && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ import_react25.default.createElement(
         "button",
         {
           onClick: () => onRemoveAncestry(group.id, anc.ancestry_id),
           className: `${isValid ? "text-slate-500 hover:text-red-400" : "text-red-400 hover:text-red-200"} p-0.5 rounded transition-colors`,
           title: "Remover men\xE7\xE3o"
         },
-        /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiX, { size: 12 })
+        /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiX, { size: 12 })
       ))
     );
-  })), canEdit && /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react24.default.createElement(
+  })), canEdit && /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center justify-between pt-2 mt-1 border-t border-white/5 opacity-40 group-hover/item:opacity-100 transition-opacity" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       onClick: () => onRequestPickAncestry(group.id),
@@ -9433,17 +9970,17 @@ var GroupItem = ({
                                 `,
       title: "Adicionar Ancestralidade a este grupo"
     },
-    isPickingForThisGroup ? /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiCheckCircle, { size: 12 }) : /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiSearch, { size: 12 }),
+    isPickingForThisGroup ? /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiCheckCircle, { size: 12 }) : /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiSearch, { size: 12 }),
     isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-  ), /* @__PURE__ */ import_react24.default.createElement(
+  ), /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       onClick: () => onAddSubgroup(group.id),
       className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
       title: "Criar Subgrupo"
     },
-    /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiPlus, { size: 14 })
-  )), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiPlus, { size: 14 })
+  )), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       onClick: () => onIndent(group.id),
@@ -9451,24 +9988,24 @@ var GroupItem = ({
       className: `p-1.5 rounded transition-colors ${!canIndent ? "text-slate-800 cursor-not-allowed" : "text-slate-500 hover:text-white hover:bg-white/10"}`,
       title: "Aninhar no grupo acima"
     },
-    /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiArrowRight, { size: 14 })
-  ), /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiArrowRight, { size: 14 })
+  ), /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       onClick: () => onOutdent(group.id),
       className: "p-1.5 text-slate-500 hover:text-white hover:bg-white/10 rounded transition-colors",
       title: "Desaninhar"
     },
-    /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiArrowLeft, { size: 14 })
-  ), /* @__PURE__ */ import_react24.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiArrowLeft, { size: 14 })
+  ), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
       onClick: () => onDelete(group.id),
       className: "p-1.5 text-slate-600 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors",
       title: "Remover Grupo"
     },
-    /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiTrash2, { size: 14 })
-  )))), group.children && group.children.length > 0 && /* @__PURE__ */ import_react24.default.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiTrash2, { size: 14 })
+  )))), group.children && group.children.length > 0 && /* @__PURE__ */ import_react25.default.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ import_react25.default.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -9500,21 +10037,21 @@ function AncestryBoard({
   userRole
   // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = (0, import_react24.useState)("");
-  const [groups, setGroups] = (0, import_react24.useState)([]);
-  const [isLoaded, setIsLoaded] = (0, import_react24.useState)(false);
-  const [pickingGroupId, setPickingGroupId] = (0, import_react24.useState)(null);
-  const [saveStatus, setSaveStatus] = (0, import_react24.useState)("idle");
-  const canEdit = (0, import_react24.useMemo)(() => {
+  const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
+  const [groups, setGroups] = (0, import_react25.useState)([]);
+  const [isLoaded, setIsLoaded] = (0, import_react25.useState)(false);
+  const [pickingGroupId, setPickingGroupId] = (0, import_react25.useState)(null);
+  const [saveStatus, setSaveStatus] = (0, import_react25.useState)("idle");
+  const canEdit = (0, import_react25.useMemo)(() => {
     return userRole !== "viewer";
   }, [userRole]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (initialGroups && !isLoaded) {
       setGroups(initialGroups);
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = (0, import_react24.useMemo)(() => {
+  const nodeNamesMap = (0, import_react25.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     if (availableNodes && Array.isArray(availableNodes)) {
       availableNodes.forEach((node) => {
@@ -9525,7 +10062,7 @@ function AncestryBoard({
     }
     return map;
   }, [availableNodes]);
-  const availableIds = (0, import_react24.useMemo)(() => {
+  const availableIds = (0, import_react25.useMemo)(() => {
     return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
   }, [availableAncestries]);
   const sanitizeGroups = (groupList) => {
@@ -9539,7 +10076,7 @@ function AncestryBoard({
       children: sanitizeGroups(g.children || [])
     }));
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!isLoaded || !onSave) return;
     const timeoutId = setTimeout(async () => {
       setSaveStatus("saving");
@@ -9557,7 +10094,7 @@ function AncestryBoard({
     }, 3e3);
     return () => clearTimeout(timeoutId);
   }, [groups, isLoaded, onSave]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -9573,7 +10110,7 @@ function AncestryBoard({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose, pickingGroupId]);
-  const filtered = (0, import_react24.useMemo)(() => {
+  const filtered = (0, import_react25.useMemo)(() => {
     const term = searchTerm.toLowerCase().trim();
     return availableAncestries.filter((a) => {
       if (!term) return true;
@@ -9712,27 +10249,27 @@ function AncestryBoard({
     });
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(
     "div",
     {
       className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-2",
       onClick: onClose
     },
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         className: "bg-slate-950 border border-white/10 rounded-xl w-[98vw] h-[97vh] flex flex-col shadow-2xl overflow-hidden animate-in fade-in zoom-in-95 duration-200",
         onClick: (e) => e.stopPropagation()
       },
-      /* @__PURE__ */ import_react24.default.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react24.default.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiLayers, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiLoader, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ import_react24.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react25.default.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiLayers, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-slate-900/50 border border-white/5" }, saveStatus === "saving" && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiLoader, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ import_react25.default.createElement(
         "button",
         {
           onClick: handleAddRootGroup,
           className: "\n                                    flex items-center gap-2 px-3 py-1.5 \n                                    bg-white/5 hover:bg-white/10 \n                                    border border-white/10 hover:border-white/20\n                                    backdrop-blur-sm\n                                    text-slate-200 hover:text-white\n                                    rounded-md transition-all duration-200\n                                    text-xs font-medium shadow-sm\n                                "
         },
-        /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiPlus, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ import_react24.default.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ import_react24.default.createElement(
+        /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiPlus, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ import_react25.default.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+      ), /* @__PURE__ */ import_react25.default.createElement(
         "button",
         {
           onClick: onClose,
@@ -9740,11 +10277,11 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: `
+      /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: `
                         flex flex-col border-r border-white/10 transition-all duration-300 flex-none
                         ${pickingGroupId ? "w-[25%] border-indigo-500/30" : "w-[20%]"}
                         min-w-[280px] max-w-[500px] bg-slate-900
-                    ` }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiSearch, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ import_react24.default.createElement(
+                    ` }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiSearch, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ import_react25.default.createElement(
         "input",
         {
           type: "text",
@@ -9757,10 +10294,10 @@ function AncestryBoard({
           onChange: (e) => setSearchTerm(e.target.value),
           autoFocus: !pickingGroupId
         }
-      ))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
+      ))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
         const parentNodeName = nodeNamesMap.get(String(anc.ancestral_node)) || "Node Desconhecido";
         const isPicking = !!pickingGroupId;
-        return /* @__PURE__ */ import_react24.default.createElement(
+        return /* @__PURE__ */ import_react25.default.createElement(
           "div",
           {
             key: anc.ancestry_id,
@@ -9772,12 +10309,12 @@ function AncestryBoard({
                                         ${isPicking ? "border-indigo-500/30 bg-indigo-500/5 hover:bg-indigo-500/20 hover:border-indigo-400 cursor-pointer" : "border-white/5 bg-slate-800/40 hover:bg-indigo-600/10 hover:border-indigo-500/30 cursor-default"}
                                     `
           },
-          /* @__PURE__ */ import_react24.default.createElement("div", { className: `
+          /* @__PURE__ */ import_react25.default.createElement("div", { className: `
                                         mt-0.5 w-8 h-8 rounded-md grid place-content-center shrink-0 border transition-all shadow-lg
                                         ${isPicking ? "bg-indigo-500 text-white border-indigo-400" : "bg-slate-800 text-indigo-400 border-white/5 group-hover:bg-indigo-500 group-hover:text-white"}
-                                    ` }, isPicking ? /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiPlus, { size: 16 }) : /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiLayers, { size: 14 })),
-          /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ import_react24.default.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ import_react24.default.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiCornerUpRight, { size: 10 }), /* @__PURE__ */ import_react24.default.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ import_react24.default.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
-          !isPicking && /* @__PURE__ */ import_react24.default.createElement(
+                                    ` }, isPicking ? /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiPlus, { size: 16 }) : /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiLayers, { size: 14 })),
+          /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ import_react25.default.createElement("h4", { className: "text-sm font-medium text-slate-200 group-hover:text-white truncate transition-colors" }, anc.name || "Sem Nome"), anc.is_private && /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[9px] px-1 py-0.5 rounded bg-amber-500/10 text-amber-300 border border-amber-500/20" }, "Priv")), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-1.5 mt-0.5 text-[11px] text-slate-500 group-hover:text-indigo-200/70 transition-colors" }, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiCornerUpRight, { size: 10 }), /* @__PURE__ */ import_react25.default.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ import_react25.default.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
+          !isPicking && /* @__PURE__ */ import_react25.default.createElement(
             "button",
             {
               onClick: (e) => {
@@ -9787,10 +10324,10 @@ function AncestryBoard({
               className: "absolute right-2 bottom-2 opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0 z-10",
               title: "Renderizar Ancestralidade"
             },
-            /* @__PURE__ */ import_react24.default.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiPlay, { size: 14, className: "ml-0.5" }))
+            /* @__PURE__ */ import_react25.default.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiPlay, { size: 14, className: "ml-0.5" }))
           )
         );
-      }))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react24.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ import_react24.default.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ import_react24.default.createElement(
+      }))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl m-4 bg-slate-900/20" }, /* @__PURE__ */ import_react25.default.createElement(import_fi19.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ import_react25.default.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ import_react25.default.createElement(
         GroupItem,
         {
           key: group.id,
@@ -9810,7 +10347,7 @@ function AncestryBoard({
           canEdit
         }
       ))))),
-      /* @__PURE__ */ import_react24.default.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ import_react24.default.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ import_react24.default.createElement("span", null, groups.length, " grupos raiz"))
+      /* @__PURE__ */ import_react25.default.createElement("div", { className: "px-5 py-2 border-t border-white/10 bg-slate-950/50 text-xs text-slate-500 flex justify-between flex-shrink-0" }, /* @__PURE__ */ import_react25.default.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ import_react25.default.createElement("span", null, groups.length, " grupos raiz"))
     )
   );
 }
@@ -9889,13 +10426,13 @@ function XViewScene({
   delete_file_action,
   check_user_permission
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { data: session, status } = (0, import_react26.useSession)();
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { data: session, status } = (0, import_react27.useSession)();
   const router = (0, import_navigation.useRouter)();
   const searchParams = (0, import_navigation.useSearchParams)();
   const focusNodeId = searchParams == null ? void 0 : searchParams.get("focus");
   const focusAncestryId = searchParams == null ? void 0 : searchParams.get("ancestry");
-  const viewParams = (0, import_react25.useMemo)(() => {
+  const viewParams = (0, import_react26.useMemo)(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data) {
@@ -9904,7 +10441,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -9934,65 +10471,65 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = (0, import_react25.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = (0, import_react25.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = (0, import_react25.useMemo)(() => {
+  const sceneConfigId = (0, import_react26.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
+  const ownerId = (0, import_react26.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
+  const dbSaveUrl = (0, import_react26.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = (0, import_react25.useMemo)(() => {
+  const sceneSaveUrl = (0, import_react26.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = (0, import_react25.useMemo)(() => {
+  const ancestry_save_url = (0, import_react26.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = (0, import_react25.useRef)(null);
-  const parentDataRef = (0, import_react25.useRef)(null);
-  const ancestryDataRef = (0, import_react25.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react25.useState)(true);
-  const [permissionStatus, setPermissionStatus] = (0, import_react25.useState)("loading");
-  const [userPermissionRole, setUserPermissionRole] = (0, import_react25.useState)(null);
-  const [isInitialized, setIsInitialized] = (0, import_react25.useState)(false);
-  const [sceneVersion, setSceneVersion] = (0, import_react25.useState)(0);
-  const [contextMenu, setContextMenu] = (0, import_react25.useState)({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = (0, import_react25.useState)({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = (0, import_react25.useState)({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = (0, import_react25.useState)({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = (0, import_react25.useState)({ isActive: false, sourceNodeData: null });
-  const [questMode, setQuestMode] = (0, import_react25.useState)({ isActive: false });
-  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react25.useState)(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react25.useState)(false);
-  const [ancestryMode, setAncestryMode] = (0, import_react25.useState)({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-  const [readingMode, setReadingMode] = (0, import_react25.useState)({
+  const sceneDataRef = (0, import_react26.useRef)(null);
+  const parentDataRef = (0, import_react26.useRef)(null);
+  const ancestryDataRef = (0, import_react26.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react26.useState)(true);
+  const [permissionStatus, setPermissionStatus] = (0, import_react26.useState)("loading");
+  const [userPermissionRole, setUserPermissionRole] = (0, import_react26.useState)(null);
+  const [isInitialized, setIsInitialized] = (0, import_react26.useState)(false);
+  const [sceneVersion, setSceneVersion] = (0, import_react26.useState)(0);
+  const [contextMenu, setContextMenu] = (0, import_react26.useState)({ visible: false, x: 0, y: 0, nodeData: null });
+  const [multiContextMenu, setMultiContextMenu] = (0, import_react26.useState)({ visible: false, x: 0, y: 0, nodeIds: null });
+  const [relationshipMenu, setRelationshipMenu] = (0, import_react26.useState)({ visible: false, x: 0, y: 0, linkObject: null });
+  const [creationMode, setCreationMode] = (0, import_react26.useState)({ isActive: false, sourceNodeData: null });
+  const [versionMode, setVersionMode] = (0, import_react26.useState)({ isActive: false, sourceNodeData: null });
+  const [questMode, setQuestMode] = (0, import_react26.useState)({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react26.useState)(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react26.useState)(false);
+  const [ancestryMode, setAncestryMode] = (0, import_react26.useState)({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+  const [readingMode, setReadingMode] = (0, import_react26.useState)({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = (0, import_react25.useState)({ left: 16, top: 16, opacity: 0 });
-  const [detailsNode, setDetailsNode] = (0, import_react25.useState)(null);
-  const [detailsLink, setDetailsLink] = (0, import_react25.useState)(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react25.useState)(null);
-  const [imageViewer, setImageViewer] = (0, import_react25.useState)({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react25.useState)({ visible: false, data: null, path: null });
-  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react25.useState)(false);
-  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react25.useState)("");
-  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react25.useState)(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react25.useState)(false);
-  const [ancestryBoardData, setAncestryBoardData] = (0, import_react25.useState)([]);
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react25.useState)(false);
-  const mountRef = (0, import_react25.useRef)(null);
-  const tooltipRef = (0, import_react25.useRef)(null);
-  const formRef = (0, import_react25.useRef)(null);
-  const stateRef = (0, import_react25.useRef)({
+  const [formPosition, setFormPosition] = (0, import_react26.useState)({ left: 16, top: 16, opacity: 0 });
+  const [detailsNode, setDetailsNode] = (0, import_react26.useState)(null);
+  const [detailsLink, setDetailsLink] = (0, import_react26.useState)(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react26.useState)(null);
+  const [imageViewer, setImageViewer] = (0, import_react26.useState)({ visible: false, images: [], startIndex: 0 });
+  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react26.useState)({ visible: false, data: null, path: null });
+  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react26.useState)(false);
+  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react26.useState)("");
+  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react26.useState)(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react26.useState)(false);
+  const [ancestryBoardData, setAncestryBoardData] = (0, import_react26.useState)([]);
+  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react26.useState)(false);
+  const mountRef = (0, import_react26.useRef)(null);
+  const tooltipRef = (0, import_react26.useRef)(null);
+  const formRef = (0, import_react26.useRef)(null);
+  const stateRef = (0, import_react26.useRef)({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -10037,10 +10574,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -10061,10 +10598,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = (0, import_react25.useCallback)(() => {
+  const handleNavigateBack = (0, import_react26.useCallback)(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = (0, import_react25.useCallback)(
+  const handleConfirmImport = (0, import_react26.useCallback)(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -10162,7 +10699,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = (0, import_react25.useCallback)((target, zoomFactor = 1, forcedDirection = null) => {
+  const tweenToTarget = (0, import_react26.useCallback)((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;
@@ -10185,7 +10722,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = (0, import_react25.useCallback)((idTree, nodes, ancestries = []) => {
+  const buildFullAncestryTree = (0, import_react26.useCallback)((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]));
@@ -10225,7 +10762,7 @@ function XViewScene({
         });
       }
       return {
-        node: effectiveNode || { id: nodeId, name: "Unknown" },
+        ...effectiveNode ? { node: effectiveNode } : { node: { id: nodeId, name: "Unknown" } },
         relationship: treeItem.relationship || {},
         children: (treeItem.children || []).map(recursiveBuild).filter(Boolean),
         parallel_branches: processedBranches
@@ -10261,7 +10798,7 @@ function XViewScene({
     }
     return recursiveBuild(idTree);
   }, []);
-  const handleActivateTimeline = (0, import_react25.useCallback)(() => {
+  const handleActivateTimeline = (0, import_react26.useCallback)(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -10414,7 +10951,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = (0, import_react25.useCallback)((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = (0, import_react26.useCallback)((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0) return;
     versionMeshes.forEach((mesh) => {
@@ -10537,7 +11074,7 @@ function XViewScene({
       }
     });
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -10609,12 +11146,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = (0, import_react25.useCallback)((id) => {
+  const isNodeInView = (0, import_react26.useCallback)((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = (0, import_react25.useCallback)((nodeData, position, suppressVersionUpdate = false) => {
+  const addOrUpdateNodeMesh = (0, import_react26.useCallback)((nodeData, position, suppressVersionUpdate = false) => {
     const { graphGroup, nodeObjects, clickableNodes, glowTexture, tweenGroup } = stateRef.current;
     const nodeId = String(nodeData.id);
     if (nodeObjects[nodeId]) {
@@ -10641,7 +11178,7 @@ function XViewScene({
     }
     return mesh;
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -11029,39 +11566,6 @@ function XViewScene({
         }
       }
     }
-    function handleCancelAncestryCreation() {
-      setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-      if (mountRef.current) mountRef.current.style.cursor = "grab";
-    }
-    function handleKeyDown(event) {
-      var _a2, _b2, _c2, _d2;
-      const context = actionHandlerContext;
-      if (event.key === "Escape") {
-        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
-        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
-        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
-        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
-        if (stateRef.current.ancestry.isActive) handleCancelAncestryCreation();
-        if ((_b2 = context.questMode) == null ? void 0 : _b2.isActive) context.setters.setQuestMode({ isActive: false });
-        if (stateRef.current.selectedNodes.size > 0) {
-          stateRef.current.selectedNodes.clear();
-        }
-        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
-        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
-        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
-      }
-      if (event.key.toLowerCase() === "q") {
-        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_c2 = context.versionMode) == null ? void 0 : _c2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen;
-        if (isUiClear) {
-          const isView = ((_d2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _d2.toLowerCase()) === "view";
-          if (!isView) {
-            alert("Nodes de Quest s\xF3 podem ser criados dentro de uma View.");
-            return;
-          }
-          setQuestMode({ isActive: true });
-        }
-      }
-    }
     function handleDoubleClick(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event) || stateRef.current.isDragging || stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive) return;
@@ -11114,7 +11618,6 @@ function XViewScene({
     currentMount.addEventListener("dblclick", handleDoubleClick);
     currentMount.addEventListener("pointermove", onPointerMove);
     currentMount.addEventListener("contextmenu", handleContextMenu);
-    window.addEventListener("keydown", handleKeyDown);
     const originalBackground = scene.background;
     const clock = new THREE3.Clock();
     let animationFrameId = 0;
@@ -11252,7 +11755,6 @@ function XViewScene({
     return () => {
       cancelAnimationFrame(animationFrameId);
       window.removeEventListener("resize", handleResize);
-      window.removeEventListener("keydown", handleKeyDown);
       currentMount.removeEventListener("pointerdown", onPointerDown);
       currentMount.removeEventListener("pointerup", onPointerUp);
       currentMount.removeEventListener("dblclick", handleDoubleClick);
@@ -11286,7 +11788,7 @@ function XViewScene({
       }
     };
   }, [isInitialized, tweenToTarget, dbSaveUrl, isNodeInView, addOrUpdateNodeMesh, handleActivateTimeline, get_scene_view_data, save_view_data]);
-  const handleGhostNodeImageChange = (0, import_react25.useCallback)((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = (0, import_react26.useCallback)((useImage, imageUrl) => {
     const { node: ghostNode, line: ghostLine, aura: ghostAura } = stateRef.current.ghostElements;
     const { graphGroup, glowTexture } = stateRef.current;
     if (!ghostNode || !graphGroup) return;
@@ -11328,7 +11830,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = (0, import_react25.useCallback)((newIntensity) => {
+  const handleGhostNodeIntensityChange = (0, import_react26.useCallback)((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -11349,7 +11851,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = (0, import_react25.useCallback)((nodeId, newIntensity) => {
+  const handleDetailNodeIntensityChange = (0, import_react26.useCallback)((nodeId, newIntensity) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     if (!mesh) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -11422,7 +11924,7 @@ function XViewScene({
     graphGroup.add(newLabel);
     ghostNode.userData.labelObject = newLabel;
   };
-  const handleDetailNodeNameChange = (nodeId, newName) => {
+  const handleDetailNodeNameChange = (nodeId, newName, newRawTitle) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     const { graphGroup } = stateRef.current;
     if (!mesh || !graphGroup) return;
@@ -11432,10 +11934,15 @@ function XViewScene({
       if (oldLabel.material.map) oldLabel.material.map.dispose();
       oldLabel.material.dispose();
     }
-    const newLabel = createTextSprite(newName || "");
+    const isQuest = mesh.userData.is_quest;
+    const displayText = isQuest && newRawTitle !== void 0 ? newRawTitle : newName;
+    const newLabel = createTextSprite(displayText || "");
     graphGroup.add(newLabel);
     mesh.userData.labelObject = newLabel;
     mesh.userData.name = newName;
+    if (newRawTitle !== void 0) {
+      mesh.userData.raw_title = newRawTitle;
+    }
   };
   const handleDetailNodeColorChange = (nodeId, newColor) => {
     var _a2;
@@ -11495,7 +12002,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = (0, import_react25.useCallback)((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = (0, import_react26.useCallback)((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -11515,7 +12022,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react25.useMemo)(
+  const actionHandlerContext = (0, import_react26.useMemo)(
     () => {
       var _a2;
       return {
@@ -11576,9 +12083,30 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
+  const handleCancelQuest = (0, import_react26.useCallback)(() => {
+    const { graphGroup, ghostElements } = stateRef.current;
+    if (ghostElements.node && graphGroup) {
+      if (ghostElements.node.userData.labelObject) {
+        graphGroup.remove(ghostElements.node.userData.labelObject);
+        if (ghostElements.node.userData.labelObject.material.map) ghostElements.node.userData.labelObject.material.map.dispose();
+        ghostElements.node.userData.labelObject.material.dispose();
+      }
+      graphGroup.remove(ghostElements.node);
+      ghostElements.node.traverse((child) => {
+        if (child.material) {
+          if (Array.isArray(child.material)) child.material.forEach((m) => m.dispose());
+          else child.material.dispose();
+        }
+        if (child.geometry) child.geometry.dispose();
+      });
+    }
+    stateRef.current.ghostElements = { node: null, line: null, aura: null };
+    setQuestMode({ isActive: false });
+  }, []);
   const handleSaveQuestNode = async (context, newQuestData) => {
     const { graphDataRef, sceneDataRef: sceneDataRef2, stateRef: stateRef2, setters, actions, sceneSaveUrl: sceneSaveUrl2, viewType, sceneConfigId: sceneConfigId2, ownerId: ownerId2 } = context;
     if (!graphDataRef.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
+    const currentCounter = sceneDataRef2.current.quest_counter || 1;
     const newNode = {
       id: import_short_uuid2.default.generate(),
       ...newQuestData,
@@ -11592,22 +12120,27 @@ function XViewScene({
     const sceneFileData = {
       parent_dbs: sceneDataRef2.current.parent_dbs,
       nodes: sceneDataRef2.current.nodes,
-      // <-- Mantém o cenário inicial inalterado
+      // Permanece intacto, como estava no último save de cena inicial
       links: sceneDataRef2.current.links,
-      // <-- Mantém o cenário inicial inalterado
       quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
-      quest_links: graphDataRef.current[sceneConfigId2].links
+      quest_links: graphDataRef.current[sceneConfigId2].links,
+      quest_counter: currentCounter + 1
     };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
+      sceneDataRef2.current.quest_counter = currentCounter + 1;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
         ownerId: ownerId2,
         datasetName: "Quests Internas (View)"
       });
-      const basePosition = stateRef2.current.controls.target.clone();
-      const offset = new THREE3.Vector3((Math.random() - 0.5) * 15, (Math.random() - 0.5) * 5, 0);
-      const finalPosition = basePosition.add(offset);
+      const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
+      const { graphGroup, ghostElements } = stateRef2.current;
+      if (ghostElements.node && graphGroup) {
+        if (ghostElements.node.userData.labelObject) graphGroup.remove(ghostElements.node.userData.labelObject);
+        graphGroup.remove(ghostElements.node);
+      }
+      stateRef2.current.ghostElements = { node: null, line: null, aura: null };
       addStandaloneNodeToScene(stateRef2.current, newNode, finalPosition);
       context.tweenToTarget(finalPosition, 1.2);
       setters.setQuestMode({ isActive: false });
@@ -11627,10 +12160,10 @@ function XViewScene({
     const sourceParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef2.current, sourceNodeData.id, sceneConfigId2, ownerId2);
     const targetParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef2.current, targetNodeData.id, sceneConfigId2, ownerId2);
     let parentInfoToSave = sourceParentInfo;
-    if (sourceParentInfo.parentFileId === sceneConfigId2 && targetParentInfo.parentFileId !== sceneConfigId2) {
-      parentInfoToSave = targetParentInfo;
-    } else if (targetParentInfo.parentFileId === sceneConfigId2 && sourceParentInfo.parentFileId !== sceneConfigId2) {
-      parentInfoToSave = sourceParentInfo;
+    const isSourceQuest = sourceParentInfo.parentFileId === sceneConfigId2;
+    const isTargetQuest = targetParentInfo.parentFileId === sceneConfigId2;
+    if (isSourceQuest || isTargetQuest) {
+      parentInfoToSave = { parentFileId: sceneConfigId2, ownerId: ownerId2 };
     }
     const { parentFileId: parentFileIdToSave, ownerId: ownerIdToSave } = parentInfoToSave;
     const newLink = {
@@ -11645,12 +12178,9 @@ function XViewScene({
         const viewFilePayload = {
           parent_dbs: sceneDataRef2.current.parent_dbs,
           nodes: sceneDataRef2.current.nodes,
-          // <-- Usa o estado original intocado
           links: sceneDataRef2.current.links,
-          // <-- Usa o estado original intocado
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links
-          // Salva a conexão aqui!
         };
         await context.actions.save_view_data(sceneSaveUrl2, viewFilePayload);
       } else {
@@ -11667,7 +12197,7 @@ function XViewScene({
     }
     userActionHandlers.handleCancelConnection(context);
   };
-  const handleClearAncestryVisuals = (0, import_react25.useCallback)((ancestryId) => {
+  const handleClearAncestryVisuals = (0, import_react26.useCallback)((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryId));
     if (renderIndex !== -1) {
@@ -11681,7 +12211,7 @@ function XViewScene({
       stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     }
   }, []);
-  const handleRenderAncestry = (0, import_react25.useCallback)(
+  const handleRenderAncestry = (0, import_react26.useCallback)(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -12097,7 +12627,7 @@ function XViewScene({
     },
     [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, readingMode.isActive, ancestryMode.isActive]
   );
-  const handleRenderAbstractionTree = (0, import_react25.useCallback)((ancestryObject, targetNodeId = null) => {
+  const handleRenderAbstractionTree = (0, import_react26.useCallback)((ancestryObject, targetNodeId = null) => {
     setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
     if (!ancestryObject || !ancestryObject.abstraction_tree) return;
     const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
@@ -12158,7 +12688,7 @@ function XViewScene({
     stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     tweenToTarget(rootTargetPos, 0.7);
   }, [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, handleClearAncestryVisuals]);
-  const handleReadModeBranchNav = (0, import_react25.useCallback)((nodeId, action, direction = "right") => {
+  const handleReadModeBranchNav = (0, import_react26.useCallback)((nodeId, action, direction = "right") => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !ancestry.tree) return;
     const allAncestries = ancestryDataRef.current || [];
@@ -12299,13 +12829,13 @@ function XViewScene({
       }));
     }
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]);
-  const handleReadModeHighlight = (0, import_react25.useCallback)((nodeId) => {
+  const handleReadModeHighlight = (0, import_react26.useCallback)((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = (0, import_react25.useMemo)(() => {
+  const activeNodeBranches = (0, import_react26.useMemo)(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree) return null;
     const fullTree = buildFullAncestryTree(
       readingMode.ancestry.tree,
@@ -12342,7 +12872,7 @@ function XViewScene({
     }
     return null;
   }, [highlightedNodeId, readingMode.ancestry, buildFullAncestryTree, readingMode.branchStack, ancestryDataRef.current]);
-  const backNavigationInfo = (0, import_react25.useMemo)(() => {
+  const backNavigationInfo = (0, import_react26.useMemo)(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -12353,7 +12883,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = (0, import_react25.useMemo)(() => {
+  const getReadModeDisplayContext = (0, import_react26.useMemo)(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -12394,7 +12924,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = (0, import_react25.useMemo)(() => {
+  const readModeAbstractionTree = (0, import_react26.useMemo)(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -12406,7 +12936,7 @@ function XViewScene({
       allAncestries
     );
   }, [readingMode.isActive, readingMode.ancestry, buildFullAncestryTree, sceneVersion]);
-  const handleStartReadingAncestry = (0, import_react25.useCallback)(
+  const handleStartReadingAncestry = (0, import_react26.useCallback)(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -12441,7 +12971,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = (0, import_react25.useCallback)((activeSectionId) => {
+  const handleReadModeSectionChange = (0, import_react26.useCallback)((activeSectionId) => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !readingMode.isActive) return;
     let targetObj = ancestry;
@@ -12510,10 +13040,10 @@ function XViewScene({
     }, 0);
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, ancestryDataRef.current]);
-  const handleCloseReadMode = (0, import_react25.useCallback)(() => {
+  const handleCloseReadMode = (0, import_react26.useCallback)(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = (0, import_react25.useCallback)((activeSectionId, ancestryOverride = null, rotation = 0) => {
+  const handleAncestrySectionChange = (0, import_react26.useCallback)((activeSectionId, ancestryOverride = null, rotation = 0) => {
     var _a2, _b2;
     const currentMode = stateRef.current.ancestry;
     let targetObj = ancestryOverride;
@@ -12565,7 +13095,7 @@ function XViewScene({
     const renderPayload = { ...targetObj, tree: treeToRender };
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [handleRenderAncestry]);
-  const handleEditAncestry = (0, import_react25.useCallback)(
+  const handleEditAncestry = (0, import_react26.useCallback)(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -12604,7 +13134,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = (0, import_react25.useCallback)((pathToRemove) => {
+  const handleRemoveFromAncestry = (0, import_react26.useCallback)((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -12629,7 +13159,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = (0, import_react25.useCallback)(
+  const handleSaveAncestry = (0, import_react26.useCallback)(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -12833,7 +13363,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = (0, import_react25.useCallback)(
+  const handleDeleteAncestry = (0, import_react26.useCallback)(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -12895,30 +13425,30 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = (0, import_react25.useCallback)(() => {
+  const handleOpenAncestryBoard = (0, import_react26.useCallback)(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = (0, import_react25.useCallback)((ancestry) => {
+  const handleSelectAncestryFromBoard = (0, import_react26.useCallback)((ancestry) => {
     setIsAncestryBoardOpen(false);
     setIsSidebarOpen(false);
     handleStartReadingAncestry(ancestry);
   }, [handleStartReadingAncestry]);
-  const handleSaveAncestryBoard = (0, import_react25.useCallback)(async (groups) => {
+  const handleSaveAncestryBoard = (0, import_react26.useCallback)(async (groups) => {
     if (!sceneConfigId || !viewParams || !session) return;
     const sceneType = (viewParams.type || "").toLowerCase().includes("database") ? "database" : "view";
     await save_ancestry_board_action(sceneConfigId, sceneType, groups, session, ownerId);
   }, [sceneConfigId, viewParams, session, save_ancestry_board_action, ownerId]);
-  const existingNodeTypes = (0, import_react25.useMemo)(() => {
+  const existingNodeTypes = (0, import_react26.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
     const allTypes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes.flatMap((node) => {
       if (Array.isArray(node.type)) return node.type;
       return [node.type];
-    })).filter(Boolean);
+    })).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = (0, import_react25.useMemo)(() => {
+  const searchableDbNodes = (0, import_react26.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -12927,14 +13457,14 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = (0, import_react25.useCallback)(
+  const handleAddExistingNode = (0, import_react26.useCallback)(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(actionHandlerContext, nodeId);
     },
     [actionHandlerContext]
   );
-  const handleSaveCurrentView = (0, import_react25.useCallback)(async () => {
-    var _a2, _b2;
+  const handleSaveCurrentView = (0, import_react26.useCallback)(async () => {
+    var _a2, _b2, _c2;
     const { nodeObjects, allLinks } = stateRef.current;
     if (!nodeObjects || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
       console.warn("N\xE3o \xE9 poss\xEDvel salvar a cena: estado n\xE3o inicializado ou URL de salvamento ausente.");
@@ -12958,27 +13488,28 @@ function XViewScene({
     });
     sceneDataRef.current.nodes = currentNodes;
     sceneDataRef.current.links = currentLinks;
+    const isView = ((_a2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _a2.toLowerCase()) === "view";
     const sceneFileData = {
       parent_dbs: sceneDataRef.current.parent_dbs,
       nodes: currentNodes,
       links: currentLinks,
-      quest_nodes: ((_a2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _a2.nodes) || [],
-      quest_links: ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.links) || []
+      quest_nodes: isView ? ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || [] : sceneDataRef.current.quest_nodes || [],
+      quest_links: isView ? ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || [] : sceneDataRef.current.quest_links || []
     };
     try {
       await save_view_data(sceneSaveUrl, sceneFileData);
     } catch (error) {
       console.error("Erro na chamada de save_view_data:", error);
     }
-  }, [sceneSaveUrl, save_view_data, sceneConfigId]);
-  const allAvailableNodes = (0, import_react25.useMemo)(() => {
+  }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
+  const allAvailableNodes = (0, import_react26.useMemo)(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = (0, import_react25.useMemo)(() => {
+  const allAvailableAncestries = (0, import_react26.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = (0, import_react25.useCallback)((referenceData) => {
+  const handleOpenReference = (0, import_react26.useCallback)((referenceData) => {
     const { type, id } = referenceData;
     if (type === "node") {
       const targetNode = allAvailableNodes.find((n) => String(n.id) === String(id));
@@ -13005,17 +13536,17 @@ function XViewScene({
       }
     }
   }, [allAvailableNodes, allAvailableAncestries, handleEditAncestry, tweenToTarget]);
-  const handleToggleAncestryAddMode = (0, import_react25.useCallback)(() => {
+  const handleToggleAncestryAddMode = (0, import_react26.useCallback)(() => {
     setAncestryMode((prev) => ({ ...prev, isAddingNodes: !prev.isAddingNodes }));
   }, []);
-  const handleFocusNode = (0, import_react25.useCallback)((nodeData) => {
+  const handleFocusNode = (0, import_react26.useCallback)((nodeData) => {
     if (!nodeData) return;
     const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
     if (nodeMesh) {
       tweenToTarget(nodeMesh, 1.2);
     }
   }, [tweenToTarget]);
-  const availableDatasets = (0, import_react25.useMemo)(() => {
+  const availableDatasets = (0, import_react26.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -13027,7 +13558,7 @@ function XViewScene({
   }, [sceneVersion, isInitialized]);
   const sourceNodeDatasetId = creationMode.sourceNodeData ? (_b = stateRef.current.nodeIdToParentFileMap.get(String(creationMode.sourceNodeData.id))) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -13041,7 +13572,7 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusNodeId, hasFocusedInitial, tweenToTarget]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find((a) => String(a.ancestry_id) === String(focusAncestryId));
@@ -13055,21 +13586,121 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
+  (0, import_react26.useEffect)(() => {
+    function handleKeyDown(event) {
+      var _a2, _b2, _c2;
+      const context = actionHandlerContext;
+      if (event.key === "Escape") {
+        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
+        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
+        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
+        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
+        if (stateRef.current.ancestry.isActive) {
+          setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+          if (mountRef.current) mountRef.current.style.cursor = "grab";
+        }
+        if (questMode.isActive) {
+          handleCancelQuest();
+        }
+        if (stateRef.current.selectedNodes.size > 0) {
+          stateRef.current.selectedNodes.clear();
+        }
+        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
+        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
+      }
+      if (event.key.toLowerCase() === "q") {
+        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_b2 = context.versionMode) == null ? void 0 : _b2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen && !isSidebarOpen && !detailsNode && !detailsLink && !ancestryLinkDetails && !imageViewer.visible && !editingAncestryRel.visible && !questMode.isActive;
+        if (isUiClear) {
+          const isView = ((_c2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _c2.toLowerCase()) === "view";
+          if (!isView) return;
+          const { graphGroup, glowTexture, controls, nodeObjects } = stateRef.current;
+          if (graphGroup) {
+            let ghostPosition = controls.target.clone();
+            const existingNodes = Object.values(nodeObjects);
+            let isOccupied = true;
+            let radius = 18;
+            let angle = 0;
+            let attempts = 0;
+            const MIN_CLEARANCE = 15;
+            while (isOccupied && attempts < 30) {
+              isOccupied = existingNodes.some((mesh) => mesh.position.distanceTo(ghostPosition) < MIN_CLEARANCE);
+              if (isOccupied) {
+                ghostPosition.x = controls.target.x + Math.cos(angle) * radius;
+                ghostPosition.y = controls.target.y + (Math.random() - 0.5) * 8;
+                ghostPosition.z = controls.target.z + Math.sin(angle) * radius;
+                angle += Math.PI / 3;
+                radius += 2.5;
+                attempts++;
+              }
+            }
+            const ghostData = {
+              id: "ghost_quest",
+              name: "Nova Quest",
+              color: "#64748b",
+              // Cor padrão de "Backlog"
+              size: "medium",
+              intensity: 0,
+              type: ["quest"]
+            };
+            const ghostNode = createNodeMesh(ghostData, ghostPosition, glowTexture);
+            ghostNode.traverse((child) => {
+              if (child.isMesh) {
+                child.material.transparent = true;
+                child.material.opacity = 0.75;
+              }
+            });
+            graphGroup.add(ghostNode);
+            if (ghostNode.userData.labelObject) {
+              graphGroup.add(ghostNode.userData.labelObject);
+            }
+            stateRef.current.ghostElements = {
+              node: ghostNode,
+              line: null,
+              aura: ghostNode.getObjectByName("aura")
+            };
+            context.tweenToTarget(ghostPosition, 1.6);
+          }
+          setQuestMode({ isActive: true });
+        }
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [
+    contextMenu.visible,
+    multiContextMenu.visible,
+    relationshipMenu.visible,
+    readingMode.isActive,
+    isImportModalOpen,
+    isAncestryBoardOpen,
+    isSidebarOpen,
+    detailsNode,
+    detailsLink,
+    ancestryLinkDetails,
+    imageViewer.visible,
+    editingAncestryRel.visible,
+    questMode.isActive,
+    viewParams,
+    actionHandlerContext,
+    handleCancelQuest
+    // <-- handleCancelQuest adicionado aqui
+  ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ import_react25.default.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ import_react26.default.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react25.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-16 h-16 mx-auto" }, /* @__PURE__ */ import_react25.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }))), /* @__PURE__ */ import_react25.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react25.default.createElement(
+    return /* @__PURE__ */ import_react26.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react26.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-16 h-16 mx-auto" }, /* @__PURE__ */ import_react26.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" }))), /* @__PURE__ */ import_react26.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react26.default.createElement("p", { className: "text-slate-400 mb-6" }, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Solicite acesso ao propriet\xE1rio ou verifique se est\xE1 na conta correta."), /* @__PURE__ */ import_react26.default.createElement(
       "button",
       {
         onClick: () => router.push("/dashboard/scenes"),
         className: "flex items-center justify-center gap-2 w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium"
       },
-      /* @__PURE__ */ import_react25.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-5 h-5" }, /* @__PURE__ */ import_react25.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
+      /* @__PURE__ */ import_react26.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", className: "w-5 h-5" }, /* @__PURE__ */ import_react26.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     "div",
     {
       ref: mountRef,
@@ -13081,7 +13712,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react25.default.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react26.default.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -13101,7 +13732,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ import_react25.default.createElement(
+    creationMode.isActive && /* @__PURE__ */ import_react26.default.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -13126,7 +13757,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ import_react25.default.createElement(
+    versionMode.isActive && /* @__PURE__ */ import_react26.default.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -13145,27 +13776,32 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    questMode.isActive && /* @__PURE__ */ import_react25.default.createElement(
+    questMode.isActive && /* @__PURE__ */ import_react26.default.createElement(
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
-        onCancel: () => setQuestMode({ isActive: false }),
+        onCancel: handleCancelQuest,
+        onNameChange: handleGhostNodeNameChange,
+        onColorChange: handleGhostNodeColorChange,
+        onSizeChange: handleGhostNodeSizeChange,
         style: { position: "absolute", left: `16px`, top: `16px`, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
         onOpenImageViewer: handleOpenImageViewer,
         onMentionClick: handleAddExistingNode,
         onUploadFile: upload_file_action,
         availableNodes: allAvailableNodes,
-        availableAncestries: allAvailableAncestries
+        availableAncestries: allAvailableAncestries,
+        viewName: viewParams == null ? void 0 : viewParams.name,
+        questCounter: ((_g = sceneDataRef.current) == null ? void 0 : _g.quest_counter) || 1
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react25.default.createElement(
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react26.default.createElement(
       "div",
       {
         className: `ui-overlay absolute group rounded-2xl border border-white/10 bg-slate-950/70 backdrop-blur-xl shadow-[0_20px_80px_rgba(0,0,0,0.6)] ring-1 ring-white/10 text-white overflow-hidden flex flex-col ${isReadModeResizing ? "transition-none" : "transition-all duration-300 ease-out"}`,
         style: { top: 16, right: 16, zIndex: 1100, maxHeight: "calc(100vh - 32px)", width: `${readModeWidth}px`, maxWidth: "92vw" }
       },
-      /* @__PURE__ */ import_react25.default.createElement(
+      /* @__PURE__ */ import_react26.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -13176,7 +13812,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ import_react25.default.createElement(
+      /* @__PURE__ */ import_react26.default.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -13211,7 +13847,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react25.default.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react26.default.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -13238,7 +13874,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ import_react25.default.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ import_react26.default.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -13252,7 +13888,28 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && /* @__PURE__ */ import_react25.default.createElement(
+    detailsNode && detailsNode.is_quest && /* @__PURE__ */ import_react26.default.createElement(
+      QuestDetailsPanel,
+      {
+        node: detailsNode,
+        onClose: () => setDetailsNode(null),
+        onSave: (data) => userActionHandlers.handleSaveNodeDetails(actionHandlerContext, data),
+        onNameChange: handleDetailNodeNameChange,
+        onColorChange: handleDetailNodeColorChange,
+        onSizeChange: handleDetailNodeSizeChange,
+        onDataUpdate: setDetailsNode,
+        onOpenImageViewer: handleOpenImageViewer,
+        existingTypes: existingNodeTypes,
+        availableNodes: allAvailableNodes,
+        availableAncestries: allAvailableAncestries,
+        onOpenReference: handleOpenReference,
+        onMentionClick: handleAddExistingNode,
+        onUploadFile: upload_file_action,
+        userRole: userPermissionRole,
+        currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
+      }
+    ),
+    detailsNode && !detailsNode.is_quest && /* @__PURE__ */ import_react26.default.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -13279,7 +13936,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react25.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react26.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -13293,7 +13950,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react25.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react26.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -13304,7 +13961,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -13331,7 +13988,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -13354,7 +14011,7 @@ function XViewScene({
         onFocusNode: handleFocusNode
       }
     ),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -13365,7 +14022,7 @@ function XViewScene({
         onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(actionHandlerContext, ids)
       }
     ),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -13383,8 +14040,8 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react25.default.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
+    /* @__PURE__ */ import_react26.default.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -13397,14 +14054,14 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
         onClose: () => setIsImportModalOpen(false),
         onConfirm: handleConfirmImport,
         session,
-        parentDbs: ((_g = sceneDataRef.current) == null ? void 0 : _g.parent_dbs) || [],
+        parentDbs: ((_h = sceneDataRef.current) == null ? void 0 : _h.parent_dbs) || [],
         onFetchAvailableFiles: import_parent_file_modal_get,
         currentViewName: viewParams == null ? void 0 : viewParams.name,
         currentAncestries: ancestryDataRef.current || []
@@ -13441,6 +14098,12 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
     }
     const sceneData = sceneResponse.data;
     const parentDbObjects = sceneData.parent_dbs || [];
+    if (type && type.toLowerCase().includes("database")) {
+      const selfExists = parentDbObjects.some((db) => String(db.db_id) === String(scene_config));
+      if (!selfExists) {
+        parentDbObjects.push({ db_id: scene_config, owner_id });
+      }
+    }
     const parentResponsesPromises = parentDbObjects.map(
       (db_info) => db_services.get_file(`x_view_dbs/${db_info.owner_id}/${db_info.db_id}`)
     );
@@ -13458,21 +14121,32 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
         );
       }
     }
-    parentData[scene_config] = {
-      dataset_name: "Quests Internas (View)",
-      nodes: sceneData.quest_nodes || [],
-      links: sceneData.quest_links || []
-    };
+    if (type && type.toLowerCase() === "view") {
+      parentData[scene_config] = {
+        dataset_name: "Quests Internas (View)",
+        nodes: sceneData.quest_nodes || [],
+        links: sceneData.quest_links || []
+      };
+    }
     const allNodes = Object.values(parentData).flatMap((db) => db.nodes || []);
     const allLinks = Object.values(parentData).flatMap((db) => db.links || []);
     const parentNodeMap = new Map(allNodes.map((node) => [String(node.id), node]));
     const parentLinkMap = new Map(allLinks.map((link) => [`${link.source}-${link.target}`, link]));
     const validatedNodes = (sceneData.nodes || []).map((sceneNode) => {
+      var _a2, _b2;
       const nodeTypes = Array.isArray(sceneNode.type) ? sceneNode.type : [sceneNode.type];
       if (nodeTypes.includes("quest")) {
+        const dbQuestNode = (_b2 = (_a2 = parentData[scene_config]) == null ? void 0 : _a2.nodes) == null ? void 0 : _b2.find((qn) => String(qn.id) === String(sceneNode.id));
+        if (dbQuestNode) {
+          return { ...sceneNode, ...dbQuestNode };
+        }
         return sceneNode;
       }
-      return parentNodeMap.get(String(sceneNode.id));
+      const dbNode = parentNodeMap.get(String(sceneNode.id));
+      if (dbNode) {
+        return { ...sceneNode, ...dbNode };
+      }
+      return null;
     }).filter(Boolean);
     const validNodeIdsInScene = new Set(validatedNodes.map((node) => String(node.id)));
     const validatedLinks = (sceneData.links || []).filter((sceneLink) => {