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

package/dist/index.js

@@ -43,9 +43,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/XViewScene.jsx
-var import_react24 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
-var import_react25 = require("next-auth/react");
+var import_react26 = 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");
@@ -1559,7 +1559,7 @@ var addStandaloneNodeToScene = (state, nodeData, position) => {
     scaleTween.start();
   }
 };
-var getParentFileInfoForNode = (allParentData, sceneData, nodeId) => {
+var getParentFileInfoForNode = (allParentData, sceneData, nodeId, sceneConfigId = null, sceneOwnerId = null) => {
   const parentDbsArray = (sceneData == null ? void 0 : sceneData.parent_dbs) || [];
   for (const parentFileId in allParentData) {
     if (allParentData.hasOwnProperty(parentFileId)) {
@@ -1568,6 +1568,8 @@ var getParentFileInfoForNode = (allParentData, sceneData, nodeId) => {
         const parentDbInfo = parentDbsArray.find((db) => String(db.db_id) === String(parentFileId));
         if (parentDbInfo) {
           return { parentFileId, ownerId: parentDbInfo.owner_id };
+        } else if (sceneConfigId && String(parentFileId) === String(sceneConfigId)) {
+          return { parentFileId, ownerId: sceneOwnerId };
         } else {
           console.warn(`Owner ID n\xE3o encontrado em sceneData.parent_dbs para o parentFileId: ${parentFileId}`);
           return { parentFileId, ownerId: null };
@@ -1846,7 +1848,7 @@ var userActionHandlers = {
       version_node: { is_version: true, parent_node: sourceNodeData.id }
     };
     const newLink = { id: `link_${import_short_uuid.default.generate()}`, source: sourceNodeData.id, target: newNode.id };
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id);
+    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id, context.sceneConfigId, context.ownerId);
     if (!parentInfo || !parentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
       alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
@@ -2022,7 +2024,7 @@ var userActionHandlers = {
       userActionHandlers.handleCancelConnection(context);
       return;
     }
-    const sourceParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id);
+    const sourceParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id, context.sceneConfigId, context.ownerId);
     if (!sourceParentInfo || !sourceParentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
       alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
@@ -2111,8 +2113,8 @@ var userActionHandlers = {
     } else {
       newTargetId = newEndNodeData.id;
     }
-    const originalParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldSourceId);
-    const newParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newSourceId);
+    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.");
       alert("Ocorreu um erro ao identificar os arquivos pai para salvar a altera\xE7\xE3o.");
@@ -2180,7 +2182,7 @@ var userActionHandlers = {
       console.error("Tentativa de deletar um link sem ID.", linkObject.userData);
       return;
     }
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkObject.userData.source);
+    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkObject.userData.source, context.sceneConfigId, context.ownerId);
     if (!parentInfo || !parentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link:", linkIdToDelete);
       alert("Ocorreu um erro ao identificar o arquivo pai da rela\xE7\xE3o para exclus\xE3o.");
@@ -2192,9 +2194,24 @@ var userActionHandlers = {
     const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
     const newLinks = (specificParentData.links || []).filter((l) => String(l.id) !== String(linkIdToDelete));
     specificParentData.links = newLinks;
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+    let filenameToSave;
+    let payloadToSave;
+    if (parentFileId === context.sceneConfigId) {
+      filenameToSave = context.sceneSaveUrl;
+      sceneDataRef.current.links = sceneDataRef.current.links.filter((l) => String(l.id) !== String(linkIdToDelete));
+      payloadToSave = {
+        parent_dbs: sceneDataRef.current.parent_dbs,
+        nodes: sceneDataRef.current.nodes,
+        links: sceneDataRef.current.links,
+        quest_nodes: specificParentData.nodes,
+        quest_links: specificParentData.links
+      };
+    } else {
+      filenameToSave = `x_view_dbs/${ownerId}/${parentFileId}`;
+      payloadToSave = specificParentData;
+    }
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      await context.actions.save_view_data(filenameToSave, payloadToSave);
       graphDataRef.current[parentFileId] = specificParentData;
       setters.setDetailsLink((prev) => String(prev == null ? void 0 : prev.id) === String(linkIdToDelete) ? null : prev);
       if (stateRef.current.hoveredLink === linkObject) {
@@ -2357,7 +2374,7 @@ var userActionHandlers = {
     }
     const changesByParentFile = {};
     for (const nodeId of strNodeIdsToDelete) {
-      const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeId);
+      const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeId, context.sceneConfigId, context.ownerId);
       if (!parentInfo || !parentInfo.ownerId) {
         console.warn(`Node com ID ${nodeId} n\xE3o encontrado ou sem ownerId. Ignorando.`);
         continue;
@@ -2391,8 +2408,26 @@ var userActionHandlers = {
         originalData.links = (originalData.links || []).filter(
           (l) => !linksToDelete.has(String(l.id))
         );
-        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
-        savePromises.push(context.actions.save_view_data(filenameForSpecificParent, originalData));
+        let filenameToSave;
+        let payloadToSave;
+        if (parentFileId === context.sceneConfigId) {
+          filenameToSave = context.sceneSaveUrl;
+          const strNodesToDelete = Array.from(nodesToDelete).map(String);
+          const strLinksToDelete = Array.from(linksToDelete).map(String);
+          sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter((n) => !strNodesToDelete.includes(String(n.id)));
+          sceneDataRef.current.links = sceneDataRef.current.links.filter((l) => !strLinksToDelete.includes(String(l.id)));
+          payloadToSave = {
+            parent_dbs: sceneDataRef.current.parent_dbs,
+            nodes: sceneDataRef.current.nodes,
+            links: sceneDataRef.current.links,
+            quest_nodes: originalData.nodes,
+            quest_links: originalData.links
+          };
+        } else {
+          filenameToSave = `x_view_dbs/${ownerId}/${parentFileId}`;
+          payloadToSave = originalData;
+        }
+        savePromises.push(context.actions.save_view_data(filenameToSave, payloadToSave));
         updatedParentDataCache[parentFileId] = originalData;
       }
     }
@@ -2424,7 +2459,7 @@ var userActionHandlers = {
     if (!nodeData || !graphDataRef.current || !sceneDataRef.current) return;
     const nodeIdToDelete = nodeData.id;
     const strNodeId = String(nodeIdToDelete);
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeIdToDelete);
+    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeIdToDelete, context.sceneConfigId, context.ownerId);
     if (!parentInfo || !parentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node a ser exclu\xEDdo:", nodeIdToDelete);
       alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para exclus\xE3o.");
@@ -2436,9 +2471,27 @@ var userActionHandlers = {
     const newLinks = (specificParentData.links || []).filter((l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId);
     specificParentData.nodes = newNodes;
     specificParentData.links = newLinks;
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+    let filenameToSave;
+    let payloadToSave;
+    if (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);
+      sceneDataRef.current.nodes = newVisualNodes;
+      sceneDataRef.current.links = newVisualLinks;
+      payloadToSave = {
+        parent_dbs: sceneDataRef.current.parent_dbs,
+        nodes: newVisualNodes,
+        links: newVisualLinks,
+        quest_nodes: specificParentData.nodes,
+        quest_links: specificParentData.links
+      };
+    } else {
+      filenameToSave = `x_view_dbs/${ownerId}/${parentFileId}`;
+      payloadToSave = specificParentData;
+    }
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      await context.actions.save_view_data(filenameToSave, payloadToSave);
       graphDataRef.current[parentFileId] = specificParentData;
       setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeIdToDelete) ? null : prev);
       removeNodeFromScene(stateRef.current, nodeIdToDelete);
@@ -2452,7 +2505,7 @@ var userActionHandlers = {
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { _baseEmissiveIntensity: ignored, ...nodeToSave } = updatedNode;
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeToSave.id);
+    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeToSave.id, context.sceneConfigId, context.ownerId);
     if (!parentInfo || !parentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node a ser atualizado:", nodeToSave.id);
       alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para atualiza\xE7\xE3o.");
@@ -2486,7 +2539,7 @@ var userActionHandlers = {
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNode, targetNode, ...linkToSave } = updatedLink;
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkToSave.source);
+    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkToSave.source, context.sceneConfigId, context.ownerId);
     if (!parentInfo || !parentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link a ser atualizado:", linkToSave.id);
       alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para atualiza\xE7\xE3o.");
@@ -7848,9 +7901,180 @@ function InSceneVersionForm({
   ));
 }
 
-// src/components/NodeDetailsPanel.jsx
+// src/components/InSceneQuestForm.jsx
 var import_react16 = __toESM(require("react"));
 var import_fi14 = require("react-icons/fi");
+var QUEST_STATUS_COLORS = {
+  "Backlog": "#64748b",
+  // Slate (Cinza azulado)
+  "In Progress": "#eab308",
+  // Yellow (Amarelo)
+  "Review": "#a855f7",
+  // Purple (Roxo)
+  "Done": "#22c55e"
+  // Green (Verde)
+};
+function InSceneQuestForm({
+  onSave,
+  onCancel,
+  style,
+  refEl,
+  onOpenImageViewer,
+  availableNodes = [],
+  availableAncestries = [],
+  onMentionClick,
+  onUploadFile
+}) {
+  const [name, setName] = (0, import_react16.useState)("");
+  const [types, setTypes] = (0, import_react16.useState)(["quest"]);
+  const [typeInput, setTypeInput] = (0, import_react16.useState)("");
+  const [status, setStatus] = (0, import_react16.useState)("Backlog");
+  const [size, setSize] = (0, import_react16.useState)("medium");
+  const [intensity, setIntensity] = (0, import_react16.useState)(0);
+  const [description, setDescription] = (0, import_react16.useState)("");
+  const [customProps, setCustomProps] = (0, import_react16.useState)([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react16.useState)(false);
+  const propsEndRef = (0, import_react16.useRef)(null);
+  const handleAddProp = () => {
+    const newProp = createNewCustomProperty(customProps);
+    setCustomProps([...customProps, newProp]);
+    setTimeout(() => {
+      var _a;
+      (_a = propsEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "center" });
+    }, 100);
+  };
+  const handleRemoveProp = (index) => setCustomProps(customProps.filter((_, i) => i !== index));
+  const handleUpdateProp = (index, updatedProp) => {
+    const newProps = [...customProps];
+    newProps[index] = updatedProp;
+    setCustomProps(newProps);
+  };
+  const handleAddType = (newType) => {
+    const trimmed = newType.trim();
+    if (trimmed && !types.includes(trimmed)) {
+      setTypes([...types, trimmed]);
+      setTypeInput("");
+    }
+  };
+  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 handleSubmit = (e) => {
+    e.preventDefault();
+    if (!name.trim()) {
+      alert("O campo 'Nome' \xE9 obrigat\xF3rio.");
+      return;
+    }
+    const additionalData = toObjectFromCustomProps(
+      customProps.filter((prop) => prop.key.trim() && !prop.isEditing)
+    );
+    const processedSections = processDescriptionForSave(description, []);
+    onSave({
+      name: name.trim(),
+      type: types,
+      color: QUEST_STATUS_COLORS[status],
+      // Cor atrelada ao status
+      status,
+      size,
+      intensity,
+      description: description.trim(),
+      description_sections: processedSections,
+      useImageAsTexture: false,
+      textureImageUrl: null,
+      ...additionalData
+    });
+  };
+  const swallow = (e) => e.stopPropagation();
+  const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
+  const availableImages = customProps.filter((p) => p.type === "images").flatMap((p) => Array.isArray(p.value) ? p.value : []).filter((img) => img.value && img.value.trim() !== "");
+  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+    "div",
+    {
+      ref: refEl,
+      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 w-[min(92vw,440px)] overflow-hidden",
+      style,
+      onPointerDown: swallow,
+      onClick: swallow,
+      onWheel: swallow,
+      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("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(
+      "input",
+      {
+        type: "text",
+        value: typeInput,
+        onChange: (e) => setTypeInput(e.target.value),
+        onKeyDown: handleTypeInputKeyDown,
+        onBlur: () => {
+          if (typeInput.trim()) handleAddType(typeInput);
+        },
+        className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200",
+        autoComplete: "off"
+      }
+    ))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "relative group min-h-[80px] bg-slate-800/70 p-2.5 rounded-lg border border-white/10 hover:border-white/20 transition-colors" }, /* @__PURE__ */ import_react16.default.createElement(
+      DescriptionDisplay,
+      {
+        description,
+        savedSections: [],
+        availableNodes,
+        availableAncestries,
+        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(
+      CustomPropertyDisplay,
+      {
+        key: prop.id,
+        prop,
+        onUpdate: (updatedProp) => handleUpdateProp(index, updatedProp),
+        onRemove: () => handleRemoveProp(index),
+        onOpenImageViewer,
+        unavailableTypes: currentUsedTypes.filter((t) => t !== prop.type),
+        onUploadFile
+      }
+    )), /* @__PURE__ */ import_react16.default.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ import_react16.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_react16.default.createElement("button", { type: "button", onClick: onCancel, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm" }, "Cancelar"), /* @__PURE__ */ import_react16.default.createElement("button", { type: "submit", className: "px-4 py-2 rounded-lg bg-gradient-to-tr from-indigo-600 to-indigo-400 hover:from-indigo-500 hover:to-indigo-300 transition-colors font-semibold text-sm shadow-[0_8px_24px_rgba(99,102,241,0.35)]" }, "Salvar Quest")))
+  ), isDescriptionModalOpen && /* @__PURE__ */ import_react16.default.createElement(
+    DescriptionEditModal,
+    {
+      isOpen: isDescriptionModalOpen,
+      title: "Editar Descri\xE7\xE3o da Quest",
+      initialValue: description,
+      onSave: (newDescription) => setDescription(newDescription),
+      onClose: () => setIsDescriptionModalOpen(false),
+      availableNodes,
+      availableAncestries,
+      availableImages
+    }
+  ));
+}
+
+// src/components/NodeDetailsPanel.jsx
+var import_react17 = __toESM(require("react"));
+var import_fi15 = require("react-icons/fi");
 function NodeDetailsPanel({
   node,
   onClose,
@@ -7871,38 +8095,38 @@ function NodeDetailsPanel({
   userRole,
   currentDatasetName
 }) {
-  const [name, setName] = (0, import_react16.useState)((node == null ? void 0 : node.name) ?? "");
-  const [types, setTypes] = (0, import_react16.useState)([]);
-  const [typeInput, setTypeInput] = (0, import_react16.useState)("");
-  const [color, setColor] = (0, import_react16.useState)((node == null ? void 0 : node.color) ?? "#8b5cf6");
-  const [size, setSize] = (0, import_react16.useState)((node == null ? void 0 : node.size) ?? "medium");
-  const [description, setDescription] = (0, import_react16.useState)((node == null ? void 0 : node.description) ?? "");
-  const [intensity, setIntensity] = (0, import_react16.useState)((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
-  const [customProps, setCustomProps] = (0, import_react16.useState)(() => extractCustomPropsFromNode(node || {}));
-  const [showTypeSuggestions, setShowTypeSuggestions] = (0, import_react16.useState)(false);
-  const [filteredTypes, setFilteredTypes] = (0, import_react16.useState)([]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react16.useState)(false);
-  const [isReadMode, setIsReadMode] = (0, import_react16.useState)(false);
-  const [existingSections, setExistingSections] = (0, import_react16.useState)((node == null ? void 0 : node.description_sections) || []);
-  const [isSaving, setIsSaving] = (0, import_react16.useState)(false);
-  const [isLinkCopied, setIsLinkCopied] = (0, import_react16.useState)(false);
-  const [useImageAsTexture, setUseImageAsTexture] = (0, import_react16.useState)(() => {
+  const [name, setName] = (0, import_react17.useState)((node == null ? void 0 : node.name) ?? "");
+  const [types, setTypes] = (0, import_react17.useState)([]);
+  const [typeInput, setTypeInput] = (0, import_react17.useState)("");
+  const [color, setColor] = (0, import_react17.useState)((node == null ? void 0 : node.color) ?? "#8b5cf6");
+  const [size, setSize] = (0, import_react17.useState)((node == null ? void 0 : node.size) ?? "medium");
+  const [description, setDescription] = (0, import_react17.useState)((node == null ? void 0 : node.description) ?? "");
+  const [intensity, setIntensity] = (0, import_react17.useState)((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [customProps, setCustomProps] = (0, import_react17.useState)(() => extractCustomPropsFromNode(node || {}));
+  const [showTypeSuggestions, setShowTypeSuggestions] = (0, import_react17.useState)(false);
+  const [filteredTypes, setFilteredTypes] = (0, import_react17.useState)([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react17.useState)(false);
+  const [isReadMode, setIsReadMode] = (0, import_react17.useState)(false);
+  const [existingSections, setExistingSections] = (0, import_react17.useState)((node == null ? void 0 : node.description_sections) || []);
+  const [isSaving, setIsSaving] = (0, import_react17.useState)(false);
+  const [isLinkCopied, setIsLinkCopied] = (0, import_react17.useState)(false);
+  const [useImageAsTexture, setUseImageAsTexture] = (0, import_react17.useState)(() => {
     if ((node == null ? void 0 : node.useImageAsTexture) === "true") return true;
     if ((node == null ? void 0 : node.useImageAsTexture) === "false") return false;
     return !!(node == null ? void 0 : node.useImageAsTexture);
   });
-  const [selectedImageUrl, setSelectedImageUrl] = (0, import_react16.useState)((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [selectedImageUrl, setSelectedImageUrl] = (0, import_react17.useState)((node == null ? void 0 : node.textureImageUrl) ?? null);
   const maxPanelW = typeof window !== "undefined" ? window.innerWidth * 0.92 : 1200;
   const { width: panelWidth, isResizing, handlePointerDown: handleResize, setWidth } = useResizablePanel({
     initialWidth: isReadMode ? 700 : 440,
     minWidth: 320,
     maxWidth: maxPanelW
   });
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     setWidth(isReadMode ? 700 : 440);
   }, [isReadMode, setWidth]);
-  const prevNodeIdRef = (0, import_react16.useRef)(null);
-  const propsEndRef = (0, import_react16.useRef)(null);
+  const prevNodeIdRef = (0, import_react17.useRef)(null);
+  const propsEndRef = (0, import_react17.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, name2) => {
@@ -7910,7 +8134,7 @@ function NodeDetailsPanel({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if ((node == null ? void 0 : node.id) !== prevNodeIdRef.current) {
       prevNodeIdRef.current = node == null ? void 0 : node.id;
       setName((node == null ? void 0 : node.name) ?? "");
@@ -7932,13 +8156,13 @@ function NodeDetailsPanel({
     }
   }, [node]);
   const hasImages = customProps.some((p) => p.type === "images" && Array.isArray(p.value) && p.value.length > 0 && p.value.some((img) => img.value));
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!hasImages && useImageAsTexture) {
       setUseImageAsTexture(false);
       setSelectedImageUrl(null);
     }
   }, [hasImages, useImageAsTexture]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (typeInput.trim() === "") {
       setFilteredTypes(existingTypes.filter((t) => !types.includes(t)));
     } else {
@@ -8110,7 +8334,7 @@ function NodeDetailsPanel({
     onClose();
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
-  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.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"}`,
@@ -8123,7 +8347,7 @@ function NodeDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       "div",
       {
         onPointerDown: (e) => {
@@ -8134,7 +8358,7 @@ function NodeDetailsPanel({
         title: "Arraste para redimensionar"
       }
     ),
-    isReadMode ? /* @__PURE__ */ import_react16.default.createElement(
+    isReadMode ? /* @__PURE__ */ import_react17.default.createElement(
       DescriptionReadModePanel,
       {
         title: name || (node == null ? void 0 : node.name),
@@ -8155,23 +8379,23 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__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("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ import_react16.default.createElement(
+    ) : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
         onClick: handleCopyLink,
         className: `ml-1 p-1 transition-colors ${isLinkCopied ? "text-green-400" : "text-slate-400 hover:text-indigo-400"}`,
         title: isLinkCopied ? "Link Copiado!" : "Copiar link para este Node"
       },
-      isLinkCopied ? /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiLink, { size: 12 })
-    )), /* @__PURE__ */ import_react16.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react16.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_react16.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] 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" }, "Tipos"), /* @__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 ${canEdit ? "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 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ import_react16.default.createElement(
+      isLinkCopied ? /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiCheck, { size: 12 }) : /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiLink, { size: 12 })
+    )), /* @__PURE__ */ import_react17.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ import_react17.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_react17.default.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ import_react17.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_react17.default.createElement("span", { key: index, className: "flex items-center gap-1 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
         type: "button",
         onClick: () => handleRemoveType(index),
         className: "hover:text-white transition-colors"
       },
-      /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiX, { size: 12 })
-    ))), canEdit && /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiX, { size: 12 })
+    ))), canEdit && /* @__PURE__ */ import_react17.default.createElement(
       "input",
       {
         type: "text",
@@ -8192,7 +8416,7 @@ function NodeDetailsPanel({
         placeholder: types.length === 0 ? "Ex.: Cliente" : "",
         autoComplete: "off"
       }
-    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ import_react16.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_react16.default.createElement(
+    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ import_react17.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_react17.default.createElement(
       "li",
       {
         key: index,
@@ -8203,7 +8427,7 @@ function NodeDetailsPanel({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ import_react16.default.createElement(
+    ))))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ import_react17.default.createElement(
       "input",
       {
         type: "text",
@@ -8212,7 +8436,7 @@ function NodeDetailsPanel({
         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_react16.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react16.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_react16.default.createElement(
+    )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react17.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_react17.default.createElement(
       DescriptionDisplay,
       {
         description,
@@ -8224,7 +8448,7 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ), /* @__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 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ import_react16.default.createElement(
+    ), /* @__PURE__ */ import_react17.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_react17.default.createElement(
       "button",
       {
         type: "button",
@@ -8232,8 +8456,8 @@ function NodeDetailsPanel({
         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_react16.default.createElement(import_fi14.FiBookOpen, { size: 14 })
-    ), canEdit && /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiBookOpen, { size: 14 })
+    ), canEdit && /* @__PURE__ */ import_react17.default.createElement(
       "button",
       {
         type: "button",
@@ -8241,17 +8465,17 @@ function NodeDetailsPanel({
         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_react16.default.createElement(import_fi14.FiEdit2, { size: 14 })
-    )), canEdit && !description && /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiEdit2, { size: 14 })
+    )), canEdit && !description && /* @__PURE__ */ import_react17.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" }, "Size"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
+    ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Size"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
       const isSelected = size === s;
-      return /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react17.default.createElement(
         "button",
         {
           key: s,
@@ -8259,10 +8483,10 @@ function NodeDetailsPanel({
           onClick: () => canEdit && handleSizeChange(s),
           className: `flex items-center gap-2 group focus:outline-none ${canEdit ? "cursor-pointer" : "cursor-default opacity-80"}`
         },
-        /* @__PURE__ */ import_react16.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_react16.default.createElement(import_fi14.FiCheck, { size: 12, className: "text-white" })),
-        /* @__PURE__ */ import_react16.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_react17.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_react17.default.createElement(import_fi15.FiCheck, { size: 12, className: "text-white" })),
+        /* @__PURE__ */ import_react17.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_react16.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react16.default.createElement("label", { className: "text-xs text-slate-300" }, "Cor e Brilho"), canEdit && hasImages && /* @__PURE__ */ import_react16.default.createElement("label", { className: "flex items-center gap-2 cursor-pointer group" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${useImageAsTexture ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}` }, useImageAsTexture && /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiCheck, { size: 12, className: "text-white" })), /* @__PURE__ */ import_react16.default.createElement(
+    }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react17.default.createElement("label", { className: "text-xs text-slate-300" }, "Cor e Brilho"), canEdit && hasImages && /* @__PURE__ */ import_react17.default.createElement("label", { className: "flex items-center gap-2 cursor-pointer group" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: `w-4 h-4 rounded border flex items-center justify-center transition-colors ${useImageAsTexture ? "bg-indigo-500 border-indigo-500" : "border-slate-500 bg-transparent"}` }, useImageAsTexture && /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiCheck, { size: 12, className: "text-white" })), /* @__PURE__ */ import_react17.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -8270,14 +8494,14 @@ function NodeDetailsPanel({
         onChange: handleToggleImageMode,
         className: "hidden"
       }
-    ), /* @__PURE__ */ import_react16.default.createElement("span", { className: `text-xs ${useImageAsTexture ? "text-indigo-300" : "text-slate-400 group-hover:text-slate-300"}` }, "Usar imagem para representar o node"))), /* @__PURE__ */ import_react16.default.createElement(
+    ), /* @__PURE__ */ import_react17.default.createElement("span", { className: `text-xs ${useImageAsTexture ? "text-indigo-300" : "text-slate-400 group-hover:text-slate-300"}` }, "Usar imagem para representar o node"))), /* @__PURE__ */ import_react17.default.createElement(
       ColorPicker,
       {
         color,
         onChange: handleColorChange,
         disabled: !canEdit || useImageAsTexture
       }
-    ), /* @__PURE__ */ import_react16.default.createElement("div", { className: "mt-3 flex items-center gap-3" }, /* @__PURE__ */ import_react16.default.createElement(import_fi14.FiSun, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react16.default.createElement(
+    ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "mt-3 flex items-center gap-3" }, /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiSun, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ import_react17.default.createElement(
       "input",
       {
         type: "range",
@@ -8290,7 +8514,7 @@ function NodeDetailsPanel({
         className: `w-full h-1.5 bg-slate-700 rounded-lg appearance-none ${canEdit ? "cursor-pointer accent-indigo-500 hover:accent-indigo-400" : "cursor-default accent-slate-500"}`,
         title: `Intensidade do brilho: ${intensity}`
       }
-    ), /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ import_react16.default.createElement("span", { className: `text-xs block mt-1 transition-opacity ${useImageAsTexture ? "opacity-40" : "text-slate-400"}` }, useImageAsTexture ? "Cor da borda (definida pela imagem)" : "Ajuste a cor e a intensidade do brilho.")), /* @__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"), canEdit && /* @__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, idx) => /* @__PURE__ */ import_react16.default.createElement(
+    ), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ import_react17.default.createElement("span", { className: `text-xs block mt-1 transition-opacity ${useImageAsTexture ? "opacity-40" : "text-slate-400"}` }, useImageAsTexture ? "Cor da borda (definida pela imagem)" : "Ajuste a cor e a intensidade do brilho.")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ import_react17.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_react17.default.createElement(import_fi15.FiPlus, { size: 14 }), " Adicionar")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ import_react17.default.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8305,7 +8529,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ import_react16.default.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ import_react16.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_react16.default.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ import_react16.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_react16.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_react16.default.createElement(
+    )), /* @__PURE__ */ import_react17.default.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ import_react17.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_react17.default.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ import_react17.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_react17.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_react17.default.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -8314,10 +8538,10 @@ function NodeDetailsPanel({
                             ${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_react16.default.createElement(import_fi14.FiLoader, { className: "animate-spin" }),
+      isSaving && /* @__PURE__ */ import_react17.default.createElement(import_fi15.FiLoader, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
-  ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ import_react16.default.createElement(
+  ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ import_react17.default.createElement(
     DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
@@ -8337,7 +8561,7 @@ function NodeDetailsPanel({
 }
 
 // src/components/MultiNodeContextMenu.jsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 function MultiNodeContextMenu({
   data,
   userRole,
@@ -8346,12 +8570,12 @@ function MultiNodeContextMenu({
   onDismissOtherNodes,
   onDeleteNodes
 }) {
-  const menuRef = (0, import_react17.useRef)(null);
-  const [menuPos, setMenuPos] = (0, import_react17.useState)({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = (0, import_react17.useState)(false);
+  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_react17.useLayoutEffect)(() => {
+  (0, import_react18.useLayoutEffect)(() => {
     if (!data.visible || !menuRef.current) return;
     const el = menuRef.current;
     const w = el.clientWidth;
@@ -8364,7 +8588,7 @@ function MultiNodeContextMenu({
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
   }, [data]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (data.visible) {
       setIsConfirmingDelete(false);
     }
@@ -8379,7 +8603,7 @@ function MultiNodeContextMenu({
   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_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement(
     "div",
     {
       ref: menuRef,
@@ -8393,28 +8617,28 @@ function MultiNodeContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ import_react17.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
-    /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ import_react17.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_react17.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_react17.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react17.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_react17.default.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ import_react17.default.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ import_react17.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_react17.default.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ import_react17.default.createElement(
+    /* @__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_react17.default.createElement(
+    ), /* @__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_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ import_react17.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_react17.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react17.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_react17.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ import_react17.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_react17.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_react17.default.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ import_react17.default.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ import_react17.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_react17.default.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ import_react17.default.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ import_react17.default.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ import_react17.default.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ import_react17.default.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ import_react17.default.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ import_react17.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_react17.default.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ import_react17.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_react17.default.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ import_react17.default.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ import_react17.default.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
+    ))) : /* @__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_react18 = __toESM(require("react"));
-var import_fi15 = require("react-icons/fi");
+var import_react19 = __toESM(require("react"));
+var import_fi16 = require("react-icons/fi");
 function RelationshipDetailsPanel({
   link,
   onClose,
@@ -8428,19 +8652,19 @@ function RelationshipDetailsPanel({
   onUploadFile,
   userRole
 }) {
-  const [name, setName] = (0, import_react18.useState)((link == null ? void 0 : link.name) ?? "");
-  const [description, setDescription] = (0, import_react18.useState)((link == null ? void 0 : link.description) ?? "");
-  const [customProps, setCustomProps] = (0, import_react18.useState)(() => extractCustomPropsFromNode(link || {}));
-  const [existingSections, setExistingSections] = (0, import_react18.useState)((link == null ? void 0 : link.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = (0, import_react18.useState)(false);
-  const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
-  const [isReadMode, setIsReadMode] = (0, import_react18.useState)(false);
-  const propsEndRef = (0, import_react18.useRef)(null);
-  const canEdit = (0, import_react18.useMemo)(() => {
+  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_react18.useEffect)(() => {
+  (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) || []);
@@ -8515,7 +8739,7 @@ function RelationshipDetailsPanel({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.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
@@ -8530,7 +8754,7 @@ function RelationshipDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    isReadMode ? /* @__PURE__ */ import_react18.default.createElement(
+    isReadMode ? /* @__PURE__ */ import_react19.default.createElement(
       DescriptionReadModePanel,
       {
         title: name || "Rela\xE7\xE3o",
@@ -8551,7 +8775,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__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("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_react18.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ import_react18.default.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ import_react18.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_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" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ import_react18.default.createElement(
+    ) : /* @__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(
       "input",
       {
         type: "text",
@@ -8563,7 +8787,7 @@ function RelationshipDetailsPanel({
                                         ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                     `
       }
-    )), /* @__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(
+    )), /* @__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(
       DescriptionDisplay,
       {
         description,
@@ -8575,7 +8799,7 @@ function RelationshipDetailsPanel({
         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(
+    ), /* @__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(
       "button",
       {
         type: "button",
@@ -8583,8 +8807,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_react18.default.createElement(import_fi15.FiBookOpen, { size: 14 })
-    ), canEdit && /* @__PURE__ */ import_react18.default.createElement(
+      /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiBookOpen, { size: 14 })
+    ), canEdit && /* @__PURE__ */ import_react19.default.createElement(
       "button",
       {
         type: "button",
@@ -8592,15 +8816,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_react18.default.createElement(import_fi15.FiEdit2, { size: 14 })
-    )), !description && canEdit && /* @__PURE__ */ import_react18.default.createElement(
+      /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiEdit2, { size: 14 })
+    )), !description && canEdit && /* @__PURE__ */ import_react19.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: "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_fi15.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(
+    ))), /* @__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(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8612,7 +8836,7 @@ function RelationshipDetailsPanel({
         onUploadFile,
         disabled: !canEdit
       }
-    )), /* @__PURE__ */ import_react18.default.createElement("div", { ref: propsEndRef })))), /* @__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: 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_react18.default.createElement(
+    )), /* @__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(
       "button",
       {
         onClick: () => handleSave(false),
@@ -8621,10 +8845,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_react18.default.createElement(import_fi15.FiLoader, { className: "animate-spin" }),
+      isSaving && /* @__PURE__ */ import_react19.default.createElement(import_fi16.FiLoader, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
-  ), isDescriptionModalOpen && /* @__PURE__ */ import_react18.default.createElement(
+  ), isDescriptionModalOpen && /* @__PURE__ */ import_react19.default.createElement(
     DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
@@ -8645,7 +8869,7 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 function RelationshipContextMenu({
   data,
   userRole,
@@ -8655,25 +8879,25 @@ function RelationshipContextMenu({
   onDelete,
   onClose
 }) {
-  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 = (0, import_react19.useMemo)(() => defineAbilityFor(userRole), [userRole]);
-  const sourceName = (0, import_react19.useMemo)(
+  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)(
     () => {
       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_react19.useMemo)(
+  const targetName = (0, import_react20.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_react19.useLayoutEffect)(() => {
+  (0, import_react20.useLayoutEffect)(() => {
     if (!data.visible || !menuRef.current) return;
     const el = menuRef.current;
     const w = el.clientWidth;
@@ -8686,7 +8910,7 @@ function RelationshipContextMenu({
     if (top + h + 8 > vh) top = Math.max(8, vh - h - 8);
     setMenuPos({ left, top });
   }, [data]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (data.visible) {
       setIsConfirmingDelete(false);
     }
@@ -8702,7 +8926,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_react19.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(
     "div",
     {
       ref: menuRef,
@@ -8716,29 +8940,29 @@ function RelationshipContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__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: "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-rose-500/20 flex items-center justify-center text-rose-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 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ import_react19.default.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ import_react19.default.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ import_react19.default.createElement("strong", null, targetName), ".")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ import_react19.default.createElement(
+    /* @__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(
       "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(
+    ), /* @__PURE__ */ import_react20.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_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-teal-400/80 shadow-[0_0_12px_1px_rgba(45,212,191,0.5)]" }), /* @__PURE__ */ import_react19.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
+    ))) : /* @__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(
       "button",
       {
         onClick: () => onRelinkSource == null ? void 0 : onRelinkSource(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Source"
       },
-      /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8751,18 +8975,18 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react19.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_react19.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("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_react19.default.createElement("span", null, "Desconectar Source (", sourceName, ")")
-    ), /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement("span", null, "Desconectar Source (", sourceName, ")")
+    ), /* @__PURE__ */ import_react20.default.createElement(
       "button",
       {
         onClick: () => onRelinkTarget == null ? void 0 : onRelinkTarget(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Target"
       },
-      /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8775,21 +8999,21 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react19.default.createElement("polyline", { points: "16 3 21 3 21 8" }),
-        /* @__PURE__ */ import_react19.default.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
-        /* @__PURE__ */ import_react19.default.createElement("polyline", { points: "21 16 21 21 16 21" }),
-        /* @__PURE__ */ import_react19.default.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
-        /* @__PURE__ */ import_react19.default.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
+        /* @__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_react19.default.createElement("span", null, "Desconectar Target (", targetName, ")")
-    ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ import_react19.default.createElement(
+      /* @__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(
       "button",
       {
         onClick: () => onOpenDetails == null ? void 0 : onOpenDetails(data.linkObject),
         className: baseButtonClass,
         title: "Abrir detalhes da rela\xE7\xE3o"
       },
-      /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8802,19 +9026,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ import_react19.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ import_react19.default.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-        /* @__PURE__ */ import_react19.default.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
+        /* @__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_react19.default.createElement("span", null, "Abrir Detalhes")
-    ), canDelete && /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ import_react19.default.createElement(
+      /* @__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(
       "button",
       {
         onClick: () => setIsConfirmingDelete(true),
         className: dangerButtonClass,
         title: "Excluir esta conex\xE3o"
       },
-      /* @__PURE__ */ import_react19.default.createElement(
+      /* @__PURE__ */ import_react20.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8827,19 +9051,19 @@ function RelationshipContextMenu({
           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 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
-        /* @__PURE__ */ import_react19.default.createElement("path", { d: "M10 11v6" }),
-        /* @__PURE__ */ import_react19.default.createElement("path", { d: "M14 11v6" }),
-        /* @__PURE__ */ import_react19.default.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
+        /* @__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_react19.default.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
+      /* @__PURE__ */ import_react20.default.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
     )))))
   );
 }
 
 // src/components/LoadingScreen.jsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var styles = {
   loadingOverlay: {
     position: "fixed",
@@ -8871,11 +9095,11 @@ var styles = {
   `
 };
 function LoadingScreen() {
-  return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement("style", null, styles.keyframes), /* @__PURE__ */ import_react20.default.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ import_react20.default.createElement("div", { style: styles.spinner })));
+  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 })));
 }
 
 // src/components/ImportParentFileModal.jsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 function ImportParentFileModal({
   isOpen,
   onClose,
@@ -8886,12 +9110,12 @@ function ImportParentFileModal({
   onFetchAvailableFiles,
   currentViewName
 }) {
-  const [activeTab, setActiveTab] = (0, import_react21.useState)("databases");
-  const [availableDbs, setAvailableDbs] = (0, import_react21.useState)([]);
-  const [availableViews, setAvailableViews] = (0, import_react21.useState)([]);
-  const [selectedItem, setSelectedItem] = (0, import_react21.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react21.useState)(false);
-  (0, import_react21.useEffect)(() => {
+  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)(() => {
     if (isOpen && session && onFetchAvailableFiles) {
       const fetchData = async () => {
         setIsLoading(true);
@@ -8927,7 +9151,7 @@ function ImportParentFileModal({
       fetchData();
     }
   }, [isOpen, session, parentDbs, onFetchAvailableFiles, currentViewName]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     setSelectedItem(null);
   }, [activeTab]);
   if (!isOpen) {
@@ -8956,13 +9180,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_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.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_react21.default.createElement(
+    /* @__PURE__ */ import_react22.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]",
@@ -8974,14 +9198,14 @@ function ImportParentFileModal({
         onContextMenu: swallow,
         onDoubleClick: swallow
       },
-      /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ import_react21.default.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ import_react21.default.createElement(
+      /* @__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(
         "button",
         {
           onClick: onClose,
           className: "p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
           title: "Fechar"
         },
-        /* @__PURE__ */ import_react21.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ import_react21.default.createElement(
+        /* @__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(
           "path",
           {
             fillRule: "evenodd",
@@ -8990,14 +9214,14 @@ function ImportParentFileModal({
           }
         ))
       )),
-      /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ import_react21.default.createElement(
+      /* @__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(
         "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_react21.default.createElement(
+      ), /* @__PURE__ */ import_react22.default.createElement(
         "button",
         {
           onClick: () => setActiveTab("views"),
@@ -9005,24 +9229,24 @@ function ImportParentFileModal({
         },
         "Views (Ancestralidades)"
       )),
-      /* @__PURE__ */ import_react21.default.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ import_react21.default.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ import_react21.default.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ import_react21.default.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ import_react21.default.createElement(
+      /* @__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(
         "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_react21.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react21.default.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ import_react21.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_react21.default.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
-      )) : /* @__PURE__ */ import_react21.default.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
-      /* @__PURE__ */ import_react21.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_react21.default.createElement(
+        /* @__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(
         "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_react21.default.createElement(
+      ), /* @__PURE__ */ import_react22.default.createElement(
         "button",
         {
           onClick: handleConfirm,
@@ -9036,8 +9260,8 @@ function ImportParentFileModal({
 }
 
 // src/components/AncestryLinkDetailsPanel.jsx
-var import_react22 = __toESM(require("react"));
-var import_fi16 = require("react-icons/fi");
+var import_react23 = __toESM(require("react"));
+var import_fi17 = require("react-icons/fi");
 function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
   var _a, _b, _c, _d;
   const relationshipData = data.relationship || {};
@@ -9046,21 +9270,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_react22.useState)(false);
+  const [isReadMode, setIsReadMode] = (0, import_react23.useState)(false);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
       onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ import_react23.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_react22.default.createElement(
+    /* @__PURE__ */ import_react23.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
@@ -9068,7 +9292,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
                 `,
         onClick: swallow
       },
-      isReadMode ? /* @__PURE__ */ import_react22.default.createElement(
+      isReadMode ? /* @__PURE__ */ import_react23.default.createElement(
         DescriptionReadModePanel,
         {
           title: `${sourceName} \u2794 ${targetName}`,
@@ -9080,15 +9304,15 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ import_react22.default.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ import_react22.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_react22.default.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ import_react22.default.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ import_react22.default.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ import_react22.default.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ import_react22.default.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ import_react22.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_react22.default.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ import_react22.default.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react22.default.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ import_react22.default.createElement(
+      ) : /* @__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(
         "button",
         {
           onClick: () => setIsReadMode(true),
           className: "p-1 text-slate-400 hover:text-white transition-colors",
           title: "Modo de Leitura"
         },
-        /* @__PURE__ */ import_react22.default.createElement(import_fi16.FiBookOpen, { size: 14 })
-      )), /* @__PURE__ */ import_react22.default.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ import_react22.default.createElement(
+        /* @__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(
         DescriptionDisplay,
         {
           description,
@@ -9097,7 +9321,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ))), customProps.length > 0 && /* @__PURE__ */ import_react22.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react22.default.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ import_react22.default.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ import_react22.default.createElement(
+      ))), 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(
         CustomPropertyDisplay,
         {
           key: prop.id,
@@ -9106,14 +9330,14 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onOpenImageViewer,
           onUploadFile
         }
-      )))), !description && customProps.length === 0 && /* @__PURE__ */ import_react22.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_react22.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_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".')))
     )
   );
 }
 
 // src/components/AncestryBoard.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");
 var GroupItem = ({
   group,
   index,
@@ -9133,7 +9357,7 @@ var GroupItem = ({
 }) => {
   const canIndent = index > 0;
   const isPickingForThisGroup = pickingGroupId === group.id;
-  const textareaRef = (0, import_react23.useRef)(null);
+  const textareaRef = (0, import_react24.useRef)(null);
   const adjustHeight = () => {
     const textarea = textareaRef.current;
     if (textarea) {
@@ -9141,13 +9365,13 @@ var GroupItem = ({
       textarea.style.height = `${textarea.scrollHeight}px`;
     }
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     adjustHeight();
   }, [group.text]);
-  return /* @__PURE__ */ import_react23.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_react23.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react23.default.createElement("div", { className: `
+  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: `
                 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_react23.default.createElement(
+            ` }, /* @__PURE__ */ import_react24.default.createElement(
     "textarea",
     {
       ref: textareaRef,
@@ -9164,9 +9388,9 @@ var GroupItem = ({
         if (canEdit) onUpdate(group.id, { ...group, text: e.target.value });
       }
     }
-  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
+  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ import_react24.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_react23.default.createElement(
+    return /* @__PURE__ */ import_react24.default.createElement(
       "div",
       {
         key: anc.ancestry_id,
@@ -9178,28 +9402,28 @@ var GroupItem = ({
       },
       isValid ? (
         // [MANTIDO] Botão Play visível para todos
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react24.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_react23.default.createElement(import_fi17.FiPlay, { size: 10, className: "ml-0.5 fill-current" })
+          /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiPlay, { size: 10, className: "ml-0.5 fill-current" })
         )
-      ) : /* @__PURE__ */ import_react23.default.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiAlertTriangle, { size: 10 })),
-      /* @__PURE__ */ import_react23.default.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
-      canEdit && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ import_react23.default.createElement(
+      ) : /* @__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(
         "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_react23.default.createElement(import_fi17.FiX, { size: 12 })
+        /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiX, { size: 12 })
       ))
     );
-  })), canEdit && /* @__PURE__ */ import_react23.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_react23.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react23.default.createElement(
+  })), 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(
     "button",
     {
       onClick: () => onRequestPickAncestry(group.id),
@@ -9209,17 +9433,17 @@ var GroupItem = ({
                                 `,
       title: "Adicionar Ancestralidade a este grupo"
     },
-    isPickingForThisGroup ? /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiCheckCircle, { size: 12 }) : /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiSearch, { size: 12 }),
+    isPickingForThisGroup ? /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiCheckCircle, { size: 12 }) : /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiSearch, { size: 12 }),
     isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-  ), /* @__PURE__ */ import_react23.default.createElement(
+  ), /* @__PURE__ */ import_react24.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_react23.default.createElement(import_fi17.FiPlus, { size: 14 })
-  )), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ import_react23.default.createElement(
+    /* @__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(
     "button",
     {
       onClick: () => onIndent(group.id),
@@ -9227,24 +9451,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_react23.default.createElement(import_fi17.FiArrowRight, { size: 14 })
-  ), /* @__PURE__ */ import_react23.default.createElement(
+    /* @__PURE__ */ import_react24.default.createElement(import_fi18.FiArrowRight, { size: 14 })
+  ), /* @__PURE__ */ import_react24.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_react23.default.createElement(import_fi17.FiArrowLeft, { size: 14 })
-  ), /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ import_react23.default.createElement(
+    /* @__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(
     "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_react23.default.createElement(import_fi17.FiTrash2, { size: 14 })
-  )))), group.children && group.children.length > 0 && /* @__PURE__ */ import_react23.default.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ import_react23.default.createElement(
+    /* @__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(
     GroupItem,
     {
       key: childGroup.id,
@@ -9276,21 +9500,21 @@ function AncestryBoard({
   userRole
   // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = (0, import_react23.useState)("");
-  const [groups, setGroups] = (0, import_react23.useState)([]);
-  const [isLoaded, setIsLoaded] = (0, import_react23.useState)(false);
-  const [pickingGroupId, setPickingGroupId] = (0, import_react23.useState)(null);
-  const [saveStatus, setSaveStatus] = (0, import_react23.useState)("idle");
-  const canEdit = (0, import_react23.useMemo)(() => {
+  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)(() => {
     return userRole !== "viewer";
   }, [userRole]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (initialGroups && !isLoaded) {
       setGroups(initialGroups);
       setIsLoaded(true);
     }
   }, [initialGroups, isLoaded]);
-  const nodeNamesMap = (0, import_react23.useMemo)(() => {
+  const nodeNamesMap = (0, import_react24.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     if (availableNodes && Array.isArray(availableNodes)) {
       availableNodes.forEach((node) => {
@@ -9301,7 +9525,7 @@ function AncestryBoard({
     }
     return map;
   }, [availableNodes]);
-  const availableIds = (0, import_react23.useMemo)(() => {
+  const availableIds = (0, import_react24.useMemo)(() => {
     return new Set(availableAncestries.map((a) => String(a.ancestry_id)));
   }, [availableAncestries]);
   const sanitizeGroups = (groupList) => {
@@ -9315,7 +9539,7 @@ function AncestryBoard({
       children: sanitizeGroups(g.children || [])
     }));
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!isLoaded || !onSave) return;
     const timeoutId = setTimeout(async () => {
       setSaveStatus("saving");
@@ -9333,7 +9557,7 @@ function AncestryBoard({
     }, 3e3);
     return () => clearTimeout(timeoutId);
   }, [groups, isLoaded, onSave]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -9349,7 +9573,7 @@ function AncestryBoard({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, onClose, pickingGroupId]);
-  const filtered = (0, import_react23.useMemo)(() => {
+  const filtered = (0, import_react24.useMemo)(() => {
     const term = searchTerm.toLowerCase().trim();
     return availableAncestries.filter((a) => {
       if (!term) return true;
@@ -9488,27 +9712,27 @@ function AncestryBoard({
     });
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react24.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_react23.default.createElement(
+    /* @__PURE__ */ import_react24.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_react23.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_react23.default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ import_react23.default.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiLayers, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ import_react23.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_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiLoader, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ import_react23.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_react23.default.createElement(
+      /* @__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(
         "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_react23.default.createElement(import_fi17.FiPlus, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ import_react23.default.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ import_react23.default.createElement(
+        /* @__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(
         "button",
         {
           onClick: onClose,
@@ -9516,11 +9740,11 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: `
+      /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ import_react24.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_react23.default.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ import_react23.default.createElement(import_fi17.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_react23.default.createElement(
+                    ` }, /* @__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(
         "input",
         {
           type: "text",
@@ -9533,10 +9757,10 @@ function AncestryBoard({
           onChange: (e) => setSearchTerm(e.target.value),
           autoFocus: !pickingGroupId
         }
-      ))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
+      ))), /* @__PURE__ */ import_react24.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_react23.default.createElement(
+        return /* @__PURE__ */ import_react24.default.createElement(
           "div",
           {
             key: anc.ancestry_id,
@@ -9548,12 +9772,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_react23.default.createElement("div", { className: `
+          /* @__PURE__ */ import_react24.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_react23.default.createElement(import_fi17.FiPlus, { size: 16 }) : /* @__PURE__ */ import_react23.default.createElement(import_fi17.FiLayers, { size: 14 })),
-          /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ import_react23.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_react23.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_react23.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_react23.default.createElement(import_fi17.FiCornerUpRight, { size: 10 }), /* @__PURE__ */ import_react23.default.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ import_react23.default.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
-          !isPicking && /* @__PURE__ */ import_react23.default.createElement(
+                                    ` }, 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(
             "button",
             {
               onClick: (e) => {
@@ -9563,10 +9787,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_react23.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_react23.default.createElement(import_fi17.FiPlay, { size: 14, className: "ml-0.5" }))
+            /* @__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_react23.default.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ import_react23.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_react23.default.createElement(import_fi17.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ import_react23.default.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ import_react23.default.createElement(
+      }))), /* @__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(
         GroupItem,
         {
           key: group.id,
@@ -9586,7 +9810,7 @@ function AncestryBoard({
           canEdit
         }
       ))))),
-      /* @__PURE__ */ import_react23.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_react23.default.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ import_react23.default.createElement("span", null, groups.length, " grupos raiz"))
+      /* @__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"))
     )
   );
 }
@@ -9666,12 +9890,12 @@ function XViewScene({
   check_user_permission
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const { data: session, status } = (0, import_react25.useSession)();
+  const { data: session, status } = (0, import_react26.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_react24.useMemo)(() => {
+  const viewParams = (0, import_react25.useMemo)(() => {
     if (encryptedConfig) {
       const data = decryptData(encryptedConfig);
       if (data) {
@@ -9680,7 +9904,7 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
       const { id, type, owner_id } = viewParams;
@@ -9710,64 +9934,65 @@ function XViewScene({
       setIsLoading(false);
     }
   }, [viewParams, session, status, check_user_permission]);
-  const sceneConfigId = (0, import_react24.useMemo)(() => (viewParams == null ? void 0 : viewParams.id) || null, [viewParams]);
-  const ownerId = (0, import_react24.useMemo)(() => (viewParams == null ? void 0 : viewParams.owner_id) || null, [viewParams]);
-  const dbSaveUrl = (0, import_react24.useMemo)(() => {
+  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)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_dbs/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneSaveUrl = (0, import_react24.useMemo)(() => {
+  const sceneSaveUrl = (0, import_react25.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_scenes/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const ancestry_save_url = (0, import_react24.useMemo)(() => {
+  const ancestry_save_url = (0, import_react25.useMemo)(() => {
     if (ownerId && sceneConfigId) {
       return `x_view_ancestry/${ownerId}/${sceneConfigId}`;
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = (0, import_react24.useRef)(null);
-  const parentDataRef = (0, import_react24.useRef)(null);
-  const ancestryDataRef = (0, import_react24.useRef)(null);
-  const [isLoading, setIsLoading] = (0, import_react24.useState)(true);
-  const [permissionStatus, setPermissionStatus] = (0, import_react24.useState)("loading");
-  const [userPermissionRole, setUserPermissionRole] = (0, import_react24.useState)(null);
-  const [isInitialized, setIsInitialized] = (0, import_react24.useState)(false);
-  const [sceneVersion, setSceneVersion] = (0, import_react24.useState)(0);
-  const [contextMenu, setContextMenu] = (0, import_react24.useState)({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = (0, import_react24.useState)({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = (0, import_react24.useState)({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = (0, import_react24.useState)({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = (0, import_react24.useState)({ isActive: false, sourceNodeData: null });
-  const [hasFocusedInitial, setHasFocusedInitial] = (0, import_react24.useState)(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = (0, import_react24.useState)(false);
-  const [ancestryMode, setAncestryMode] = (0, import_react24.useState)({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-  const [readingMode, setReadingMode] = (0, import_react24.useState)({
+  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)({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = (0, import_react24.useState)({ left: 16, top: 16, opacity: 0 });
-  const [detailsNode, setDetailsNode] = (0, import_react24.useState)(null);
-  const [detailsLink, setDetailsLink] = (0, import_react24.useState)(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = (0, import_react24.useState)(null);
-  const [imageViewer, setImageViewer] = (0, import_react24.useState)({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = (0, import_react24.useState)({ visible: false, data: null, path: null });
-  const [isImportModalOpen, setIsImportModalOpen] = (0, import_react24.useState)(false);
-  const [importSuccessMessage, setImportSuccessMessage] = (0, import_react24.useState)("");
-  const [highlightedNodeId, setHighlightedNodeId] = (0, import_react24.useState)(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = (0, import_react24.useState)(false);
-  const [ancestryBoardData, setAncestryBoardData] = (0, import_react24.useState)([]);
-  const [isSidebarOpen, setIsSidebarOpen] = (0, import_react24.useState)(false);
-  const mountRef = (0, import_react24.useRef)(null);
-  const tooltipRef = (0, import_react24.useRef)(null);
-  const formRef = (0, import_react24.useRef)(null);
-  const stateRef = (0, import_react24.useRef)({
+  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)({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -9812,10 +10037,10 @@ function XViewScene({
     minWidth: 320,
     maxWidth: maxReadPanelW
   });
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     stateRef.current.ancestry = ancestryMode;
   }, [ancestryMode]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     var _a2;
     if (!isInitialized) return;
     const map = /* @__PURE__ */ new Map();
@@ -9836,10 +10061,10 @@ function XViewScene({
     }
     stateRef.current.nodeIdToParentFileMap = map;
   }, [isInitialized, sceneVersion]);
-  const handleNavigateBack = (0, import_react24.useCallback)(() => {
+  const handleNavigateBack = (0, import_react25.useCallback)(() => {
     router.push("/dashboard/scenes");
   }, [router]);
-  const handleConfirmImport = (0, import_react24.useCallback)(
+  const handleConfirmImport = (0, import_react25.useCallback)(
     async (importPayload) => {
       var _a2, _b2;
       let files = [];
@@ -9937,7 +10162,7 @@ function XViewScene({
   const handleOpenImageViewer = (images, startIndex) => {
     setImageViewer({ visible: true, images, startIndex });
   };
-  const tweenToTarget = (0, import_react24.useCallback)((target, zoomFactor = 1, forcedDirection = null) => {
+  const tweenToTarget = (0, import_react25.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;
@@ -9960,7 +10185,7 @@ function XViewScene({
     if (!t || typeof t.closest !== "function") return false;
     return !!t.closest(".ui-overlay");
   };
-  const buildFullAncestryTree = (0, import_react24.useCallback)((idTree, nodes, ancestries = []) => {
+  const buildFullAncestryTree = (0, import_react25.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]));
@@ -10036,7 +10261,7 @@ function XViewScene({
     }
     return recursiveBuild(idTree);
   }, []);
-  const handleActivateTimeline = (0, import_react24.useCallback)(() => {
+  const handleActivateTimeline = (0, import_react25.useCallback)(() => {
     const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
@@ -10189,7 +10414,7 @@ function XViewScene({
       }
     });
   }, []);
-  const handleVersionTimeline = (0, import_react24.useCallback)((sourceMesh, versionMeshes) => {
+  const handleVersionTimeline = (0, import_react25.useCallback)((sourceMesh, versionMeshes) => {
     const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
     if (!tweenGroup || !timelineIntervalsGroup || versionMeshes.length === 0) return;
     versionMeshes.forEach((mesh) => {
@@ -10312,7 +10537,7 @@ function XViewScene({
       }
     });
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     async function fetchAllData(configPath, ownerId2) {
       var _a2, _b2;
       if (!get_scene_view_data) {
@@ -10384,12 +10609,12 @@ function XViewScene({
     focusNodeId,
     focusAncestryId
   ]);
-  const isNodeInView = (0, import_react24.useCallback)((id) => {
+  const isNodeInView = (0, import_react25.useCallback)((id) => {
     const key = String(id);
     const objs = stateRef.current.nodeObjects || {};
     return !!objs[key];
   }, []);
-  const addOrUpdateNodeMesh = (0, import_react24.useCallback)((nodeData, position, suppressVersionUpdate = false) => {
+  const addOrUpdateNodeMesh = (0, import_react25.useCallback)((nodeData, position, suppressVersionUpdate = false) => {
     const { graphGroup, nodeObjects, clickableNodes, glowTexture, tweenGroup } = stateRef.current;
     const nodeId = String(nodeData.id);
     if (nodeObjects[nodeId]) {
@@ -10416,7 +10641,7 @@ function XViewScene({
     }
     return mesh;
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
     if (!currentMount) return;
@@ -10809,12 +11034,15 @@ function XViewScene({
       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();
         }
@@ -10822,6 +11050,17 @@ function XViewScene({
         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();
@@ -10980,9 +11219,7 @@ function XViewScene({
         mountEl: currentMount,
         isSceneBusy: stateRef.current.isDragging || creation.isActive || connection.isActive || relink.isActive || ancestryMode.isActive,
         parentData: parentDataRef.current,
-        // <--- ADICIONADO AQUI
         ancestryData: ancestryDataRef.current
-        // <--- ADICIONADO AQUI
       });
       (_b2 = stateRef.current.tweenGroup) == null ? void 0 : _b2.update(time);
       stateRef.current.controls.update();
@@ -11049,7 +11286,7 @@ function XViewScene({
       }
     };
   }, [isInitialized, tweenToTarget, dbSaveUrl, isNodeInView, addOrUpdateNodeMesh, handleActivateTimeline, get_scene_view_data, save_view_data]);
-  const handleGhostNodeImageChange = (0, import_react24.useCallback)((useImage, imageUrl) => {
+  const handleGhostNodeImageChange = (0, import_react25.useCallback)((useImage, imageUrl) => {
     const { node: ghostNode, line: ghostLine, aura: ghostAura } = stateRef.current.ghostElements;
     const { graphGroup, glowTexture } = stateRef.current;
     if (!ghostNode || !graphGroup) return;
@@ -11091,7 +11328,7 @@ function XViewScene({
       aura: newGhostNode.getObjectByName("aura")
     };
   }, []);
-  const handleGhostNodeIntensityChange = (0, import_react24.useCallback)((newIntensity) => {
+  const handleGhostNodeIntensityChange = (0, import_react25.useCallback)((newIntensity) => {
     const { node: ghostNode, aura: ghostAura } = stateRef.current.ghostElements;
     if (!ghostNode) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -11112,7 +11349,7 @@ function XViewScene({
       ghostAura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
   }, []);
-  const handleDetailNodeIntensityChange = (0, import_react24.useCallback)((nodeId, newIntensity) => {
+  const handleDetailNodeIntensityChange = (0, import_react25.useCallback)((nodeId, newIntensity) => {
     const mesh = stateRef.current.nodeObjects[String(nodeId)];
     if (!mesh) return;
     const adjustedIntensity = newIntensity + MIN_VISIBILITY_INTENSITY;
@@ -11258,7 +11495,7 @@ function XViewScene({
       mountRef.current.style.cursor = "default";
     }
   };
-  const handleAncestryTreeUpdate = (0, import_react24.useCallback)((newTree, extraData = null) => {
+  const handleAncestryTreeUpdate = (0, import_react25.useCallback)((newTree, extraData = null) => {
     setAncestryMode((prev) => {
       const prevTreeStr = JSON.stringify(prev.tree);
       const newTreeStr = JSON.stringify(newTree);
@@ -11278,7 +11515,7 @@ function XViewScene({
       };
     });
   }, []);
-  const actionHandlerContext = (0, import_react24.useMemo)(
+  const actionHandlerContext = (0, import_react25.useMemo)(
     () => {
       var _a2;
       return {
@@ -11288,6 +11525,11 @@ function XViewScene({
         mountRef,
         creationMode,
         versionMode,
+        questMode,
+        sceneSaveUrl,
+        sceneConfigId,
+        ownerId,
+        viewType: viewParams == null ? void 0 : viewParams.type,
         userId: (_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.id,
         setters: {
           setContextMenu,
@@ -11299,7 +11541,8 @@ function XViewScene({
           setDetailsNode,
           setDetailsLink,
           setSceneVersion,
-          setAncestryMode
+          setAncestryMode,
+          setQuestMode
         },
         tweenToTarget,
         handleVersionTimeline,
@@ -11315,8 +11558,13 @@ function XViewScene({
     [
       creationMode,
       versionMode,
-      tweenToTarget,
+      questMode,
+      sceneSaveUrl,
+      sceneConfigId,
+      ownerId,
+      viewParams == null ? void 0 : viewParams.type,
       (_a = session == null ? void 0 : session.user) == null ? void 0 : _a.id,
+      tweenToTarget,
       handleVersionTimeline,
       save_view_data,
       get_single_parent_file,
@@ -11328,7 +11576,98 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleClearAncestryVisuals = (0, import_react24.useCallback)((ancestryId) => {
+  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 newNode = {
+      id: import_short_uuid2.default.generate(),
+      ...newQuestData,
+      is_quest: true,
+      type: ["quest", ...newQuestData.type.filter((t) => t !== "quest")]
+    };
+    if (!graphDataRef.current[sceneConfigId2]) {
+      graphDataRef.current[sceneConfigId2] = { nodes: [], links: [] };
+    }
+    graphDataRef.current[sceneConfigId2].nodes.push(newNode);
+    const sceneFileData = {
+      parent_dbs: sceneDataRef2.current.parent_dbs,
+      nodes: sceneDataRef2.current.nodes,
+      // <-- Mantém o cenário inicial inalterado
+      links: sceneDataRef2.current.links,
+      // <-- Mantém o cenário inicial inalterado
+      quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
+      quest_links: graphDataRef.current[sceneConfigId2].links
+    };
+    try {
+      await actions.save_view_data(sceneSaveUrl2, sceneFileData);
+      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);
+      addStandaloneNodeToScene(stateRef2.current, newNode, finalPosition);
+      context.tweenToTarget(finalPosition, 1.2);
+      setters.setQuestMode({ isActive: false });
+      setters.setSceneVersion((v) => v + 1);
+    } catch (error) {
+      console.error("Falha ao salvar Quest na View:", error);
+      alert("Ocorreu um erro ao criar a Quest.");
+    }
+  };
+  userActionHandlers.handleCompleteConnection = async (context, targetNodeData) => {
+    const { stateRef: stateRef2, graphDataRef, sceneDataRef: sceneDataRef2, sceneConfigId: sceneConfigId2, sceneSaveUrl: sceneSaveUrl2, ownerId: ownerId2 } = context;
+    const { sourceNodeData } = stateRef2.current.connection;
+    if (!graphDataRef.current || !sceneDataRef2.current || !sourceNodeData || !targetNodeData) {
+      userActionHandlers.handleCancelConnection(context);
+      return;
+    }
+    const sourceParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef2.current, sourceNodeData.id, sceneConfigId2, ownerId2);
+    const targetParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef2.current, targetNodeData.id, sceneConfigId2, ownerId2);
+    let parentInfoToSave = sourceParentInfo;
+    if (sourceParentInfo.parentFileId === sceneConfigId2 && targetParentInfo.parentFileId !== sceneConfigId2) {
+      parentInfoToSave = targetParentInfo;
+    } else if (targetParentInfo.parentFileId === sceneConfigId2 && sourceParentInfo.parentFileId !== sceneConfigId2) {
+      parentInfoToSave = sourceParentInfo;
+    }
+    const { parentFileId: parentFileIdToSave, ownerId: ownerIdToSave } = parentInfoToSave;
+    const newLink = {
+      id: `link_${import_short_uuid2.default.generate()}`,
+      source: sourceNodeData.id,
+      target: targetNodeData.id
+    };
+    try {
+      if (parentFileIdToSave === sceneConfigId2) {
+        const specificParentData = graphDataRef.current[sceneConfigId2];
+        specificParentData.links.push(newLink);
+        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 {
+        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(stateRef2.current, newLink);
+    } catch (error) {
+      console.error("Falha ao salvar a nova conex\xE3o:", error);
+      alert("Ocorreu um erro ao salvar a nova conex\xE3o.");
+    }
+    userActionHandlers.handleCancelConnection(context);
+  };
+  const handleClearAncestryVisuals = (0, import_react25.useCallback)((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryId));
     if (renderIndex !== -1) {
@@ -11342,7 +11681,7 @@ function XViewScene({
       stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     }
   }, []);
-  const handleRenderAncestry = (0, import_react24.useCallback)(
+  const handleRenderAncestry = (0, import_react25.useCallback)(
     async (ancestryObject, allowedSectionIds = null, activeSectionIdForFocus = null, baseRotation = 0, forceReprocess = true) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -11758,7 +12097,7 @@ function XViewScene({
     },
     [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, readingMode.isActive, ancestryMode.isActive]
   );
-  const handleRenderAbstractionTree = (0, import_react24.useCallback)((ancestryObject, targetNodeId = null) => {
+  const handleRenderAbstractionTree = (0, import_react25.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;
@@ -11819,7 +12158,7 @@ function XViewScene({
     stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     tweenToTarget(rootTargetPos, 0.7);
   }, [addOrUpdateNodeMesh, tweenToTarget, buildFullAncestryTree, handleClearAncestryVisuals]);
-  const handleReadModeBranchNav = (0, import_react24.useCallback)((nodeId, action, direction = "right") => {
+  const handleReadModeBranchNav = (0, import_react25.useCallback)((nodeId, action, direction = "right") => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !ancestry.tree) return;
     const allAncestries = ancestryDataRef.current || [];
@@ -11960,13 +12299,13 @@ function XViewScene({
       }));
     }
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, tweenToTarget]);
-  const handleReadModeHighlight = (0, import_react24.useCallback)((nodeId) => {
+  const handleReadModeHighlight = (0, import_react25.useCallback)((nodeId) => {
     if (stateRef.current.highlightedNodeId !== nodeId) {
       stateRef.current.highlightedNodeId = nodeId;
     }
     setHighlightedNodeId(nodeId);
   }, []);
-  const activeNodeBranches = (0, import_react24.useMemo)(() => {
+  const activeNodeBranches = (0, import_react25.useMemo)(() => {
     if (!highlightedNodeId || !readingMode.ancestry || !readingMode.ancestry.tree) return null;
     const fullTree = buildFullAncestryTree(
       readingMode.ancestry.tree,
@@ -12003,7 +12342,7 @@ function XViewScene({
     }
     return null;
   }, [highlightedNodeId, readingMode.ancestry, buildFullAncestryTree, readingMode.branchStack, ancestryDataRef.current]);
-  const backNavigationInfo = (0, import_react24.useMemo)(() => {
+  const backNavigationInfo = (0, import_react25.useMemo)(() => {
     const { branchStack } = readingMode;
     if (!branchStack || branchStack.length === 0) return null;
     const lastStep = branchStack[branchStack.length - 1];
@@ -12014,7 +12353,7 @@ function XViewScene({
       name: "Voltar para anterior"
     };
   }, [readingMode.branchStack]);
-  const getReadModeDisplayContext = (0, import_react24.useMemo)(() => {
+  const getReadModeDisplayContext = (0, import_react25.useMemo)(() => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry) return null;
     if (branchStack.length === 0) {
@@ -12055,7 +12394,7 @@ function XViewScene({
       customProperties: branchProps
     };
   }, [readingMode, buildFullAncestryTree, ancestryDataRef.current]);
-  const readModeAbstractionTree = (0, import_react24.useMemo)(() => {
+  const readModeAbstractionTree = (0, import_react25.useMemo)(() => {
     if (!readingMode.isActive || !readingMode.ancestry || !readingMode.ancestry.abstraction_tree) {
       return null;
     }
@@ -12067,7 +12406,7 @@ function XViewScene({
       allAncestries
     );
   }, [readingMode.isActive, readingMode.ancestry, buildFullAncestryTree, sceneVersion]);
-  const handleStartReadingAncestry = (0, import_react24.useCallback)(
+  const handleStartReadingAncestry = (0, import_react25.useCallback)(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -12102,7 +12441,7 @@ function XViewScene({
     },
     [handleRenderAncestry, handleRenderAbstractionTree]
   );
-  const handleReadModeSectionChange = (0, import_react24.useCallback)((activeSectionId) => {
+  const handleReadModeSectionChange = (0, import_react25.useCallback)((activeSectionId) => {
     const { ancestry, branchStack } = readingMode;
     if (!ancestry || !readingMode.isActive) return;
     let targetObj = ancestry;
@@ -12171,10 +12510,10 @@ function XViewScene({
     }, 0);
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [readingMode, handleRenderAncestry, buildFullAncestryTree, ancestryDataRef.current]);
-  const handleCloseReadMode = (0, import_react24.useCallback)(() => {
+  const handleCloseReadMode = (0, import_react25.useCallback)(() => {
     setReadingMode({ isActive: false, ancestry: null, branchStack: [] });
   }, []);
-  const handleAncestrySectionChange = (0, import_react24.useCallback)((activeSectionId, ancestryOverride = null, rotation = 0) => {
+  const handleAncestrySectionChange = (0, import_react25.useCallback)((activeSectionId, ancestryOverride = null, rotation = 0) => {
     var _a2, _b2;
     const currentMode = stateRef.current.ancestry;
     let targetObj = ancestryOverride;
@@ -12226,7 +12565,7 @@ function XViewScene({
     const renderPayload = { ...targetObj, tree: treeToRender };
     handleRenderAncestry(renderPayload, allowedIds, focusTargetId, rotation);
   }, [handleRenderAncestry]);
-  const handleEditAncestry = (0, import_react24.useCallback)(
+  const handleEditAncestry = (0, import_react25.useCallback)(
     async (ancestryObject) => {
       setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
       if (!ancestryObject || !ancestryObject.tree) {
@@ -12265,7 +12604,7 @@ function XViewScene({
   const handleSelectAncestryParent = (nodeId) => {
     setAncestryMode((prev) => ({ ...prev, selectedParentId: nodeId }));
   };
-  const handleRemoveFromAncestry = (0, import_react24.useCallback)((pathToRemove) => {
+  const handleRemoveFromAncestry = (0, import_react25.useCallback)((pathToRemove) => {
     if (!Array.isArray(pathToRemove) || pathToRemove.length === 0) {
       console.warn("Tentativa de remover a raiz ou caminho inv\xE1lido.");
       return;
@@ -12290,7 +12629,7 @@ function XViewScene({
       return { ...prev, tree: newTree };
     });
   }, []);
-  const handleSaveAncestry = (0, import_react24.useCallback)(
+  const handleSaveAncestry = (0, import_react25.useCallback)(
     async (ancestryName, ancestryDescription, ancestrySections, keepOpen = false, treeOverride = null, ancestryCustomProps = {}) => {
       const treeToUse = treeOverride || ancestryMode.tree;
       const { isEditMode, currentAncestryId } = ancestryMode;
@@ -12494,7 +12833,7 @@ function XViewScene({
     });
     setEditingAncestryRel({ visible: false, data: null, path: null });
   };
-  const handleDeleteAncestry = (0, import_react24.useCallback)(
+  const handleDeleteAncestry = (0, import_react25.useCallback)(
     async (ancestryIdToDelete) => {
       if (!ancestryIdToDelete) {
         alert("ID da ancestralidade n\xE3o encontrado.");
@@ -12556,20 +12895,20 @@ function XViewScene({
     },
     [save_view_data, delete_file_action]
   );
-  const handleOpenAncestryBoard = (0, import_react24.useCallback)(() => {
+  const handleOpenAncestryBoard = (0, import_react25.useCallback)(() => {
     setIsAncestryBoardOpen(true);
   }, []);
-  const handleSelectAncestryFromBoard = (0, import_react24.useCallback)((ancestry) => {
+  const handleSelectAncestryFromBoard = (0, import_react25.useCallback)((ancestry) => {
     setIsAncestryBoardOpen(false);
     setIsSidebarOpen(false);
     handleStartReadingAncestry(ancestry);
   }, [handleStartReadingAncestry]);
-  const handleSaveAncestryBoard = (0, import_react24.useCallback)(async (groups) => {
+  const handleSaveAncestryBoard = (0, import_react25.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_react24.useMemo)(() => {
+  const existingNodeTypes = (0, import_react25.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -12579,7 +12918,7 @@ function XViewScene({
     })).filter(Boolean);
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
-  const searchableDbNodes = (0, import_react24.useMemo)(() => {
+  const searchableDbNodes = (0, import_react25.useMemo)(() => {
     if (!parentDataRef.current) {
       return [];
     }
@@ -12588,13 +12927,14 @@ function XViewScene({
       return !((_a2 = node.version_node) == null ? void 0 : _a2.is_version);
     });
   }, [parentDataRef.current, sceneVersion]);
-  const handleAddExistingNode = (0, import_react24.useCallback)(
+  const handleAddExistingNode = (0, import_react25.useCallback)(
     (nodeId) => {
       return userActionHandlers.handleAddExistingNodeById(actionHandlerContext, nodeId);
     },
     [actionHandlerContext]
   );
-  const handleSaveCurrentView = (0, import_react24.useCallback)(async () => {
+  const handleSaveCurrentView = (0, import_react25.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.");
@@ -12616,25 +12956,30 @@ function XViewScene({
       const { sourceNode, targetNode, ...serializableLinkData } = line.userData;
       return serializableLinkData;
     });
+    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
+      links: currentLinks,
+      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]);
-  const allAvailableNodes = (0, import_react24.useMemo)(() => {
+  }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
+  const allAvailableNodes = (0, import_react25.useMemo)(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
   }, [sceneVersion, isInitialized]);
-  const allAvailableAncestries = (0, import_react24.useMemo)(() => {
+  const allAvailableAncestries = (0, import_react25.useMemo)(() => {
     return ancestryDataRef.current || [];
   }, [sceneVersion, isInitialized]);
-  const handleOpenReference = (0, import_react24.useCallback)((referenceData) => {
+  const handleOpenReference = (0, import_react25.useCallback)((referenceData) => {
     const { type, id } = referenceData;
     if (type === "node") {
       const targetNode = allAvailableNodes.find((n) => String(n.id) === String(id));
@@ -12661,17 +13006,17 @@ function XViewScene({
       }
     }
   }, [allAvailableNodes, allAvailableAncestries, handleEditAncestry, tweenToTarget]);
-  const handleToggleAncestryAddMode = (0, import_react24.useCallback)(() => {
+  const handleToggleAncestryAddMode = (0, import_react25.useCallback)(() => {
     setAncestryMode((prev) => ({ ...prev, isAddingNodes: !prev.isAddingNodes }));
   }, []);
-  const handleFocusNode = (0, import_react24.useCallback)((nodeData) => {
+  const handleFocusNode = (0, import_react25.useCallback)((nodeData) => {
     if (!nodeData) return;
     const nodeMesh = stateRef.current.nodeObjects[String(nodeData.id)];
     if (nodeMesh) {
       tweenToTarget(nodeMesh, 1.2);
     }
   }, [tweenToTarget]);
-  const availableDatasets = (0, import_react24.useMemo)(() => {
+  const availableDatasets = (0, import_react25.useMemo)(() => {
     if (!sceneDataRef.current || !parentDataRef.current) return [];
     return sceneDataRef.current.parent_dbs.map((db) => {
       var _a2;
@@ -12683,7 +13028,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_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
       const nodeObjects = stateRef.current.nodeObjects || {};
       const targetMesh = nodeObjects[String(focusNodeId)];
@@ -12697,7 +13042,7 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusNodeId, hasFocusedInitial, tweenToTarget]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (isInitialized && focusAncestryId && !hasOpenedInitialAncestry) {
       const ancestries = ancestryDataRef.current || [];
       const targetAncestry = ancestries.find((a) => String(a.ancestry_id) === String(focusAncestryId));
@@ -12712,20 +13057,20 @@ function XViewScene({
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ import_react24.default.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ import_react25.default.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ import_react24.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react24.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_react24.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react24.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_react24.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_react24.default.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ import_react24.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_react24.default.createElement(
+    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(
       "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_react24.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_react24.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
+      /* @__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" })),
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(
     "div",
     {
       ref: mountRef,
@@ -12737,7 +13082,7 @@ function XViewScene({
         cursor: stateRef.current.connection.isActive || stateRef.current.relink.isActive || ancestryMode.isActive ? "crosshair" : creationMode.isActive ? "default" : "grab"
       }
     },
-    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react24.default.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ import_react25.default.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -12757,7 +13102,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ import_react24.default.createElement(
+    creationMode.isActive && /* @__PURE__ */ import_react25.default.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -12782,7 +13127,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ import_react24.default.createElement(
+    versionMode.isActive && /* @__PURE__ */ import_react25.default.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -12801,13 +13146,27 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react24.default.createElement(
+    questMode.isActive && /* @__PURE__ */ import_react25.default.createElement(
+      InSceneQuestForm,
+      {
+        onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
+        onCancel: () => setQuestMode({ isActive: false }),
+        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
+      }
+    ),
+    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ import_react25.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_react24.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -12818,7 +13177,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ import_react24.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement(
         DescriptionReadModePanel,
         {
           key: readingMode.branchStack.length > 0 ? readingMode.branchStack[readingMode.branchStack.length - 1].branchId : readingMode.ancestry.ancestry_id,
@@ -12853,7 +13212,7 @@ function XViewScene({
         }
       )
     ),
-    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react24.default.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ import_react25.default.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -12880,7 +13239,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ import_react24.default.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ import_react25.default.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -12894,7 +13253,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && /* @__PURE__ */ import_react24.default.createElement(
+    detailsNode && /* @__PURE__ */ import_react25.default.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -12921,7 +13280,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ import_react24.default.createElement(
+    detailsLink && /* @__PURE__ */ import_react25.default.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -12935,7 +13294,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ import_react24.default.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ import_react25.default.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -12946,7 +13305,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -12973,7 +13332,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -12996,7 +13355,7 @@ function XViewScene({
         onFocusNode: handleFocusNode
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -13007,7 +13366,7 @@ function XViewScene({
         onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(actionHandlerContext, ids)
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -13025,8 +13384,8 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
+    /* @__PURE__ */ import_react25.default.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -13039,7 +13398,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ import_react24.default.createElement(
+    /* @__PURE__ */ import_react25.default.createElement(
       ImportParentFileModal,
       {
         isOpen: isImportModalOpen,
@@ -13100,11 +13459,24 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
         );
       }
     }
+    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) => parentNodeMap.get(String(sceneNode.id))).filter(Boolean);
+    const validatedNodes = (sceneData.nodes || []).map((sceneNode) => {
+      const nodeTypes = Array.isArray(sceneNode.type) ? sceneNode.type : [sceneNode.type];
+      if (nodeTypes.includes("quest")) {
+        return sceneNode;
+      }
+      return parentNodeMap.get(String(sceneNode.id));
+    }).filter(Boolean);
     const validNodeIdsInScene = new Set(validatedNodes.map((node) => String(node.id)));
     const validatedLinks = (sceneData.links || []).filter((sceneLink) => {
       const linkExistsInParent = parentLinkMap.has(`${sceneLink.source}-${sceneLink.target}`);