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

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/XViewScene.jsx
-import React23, { useCallback as useCallback4, useEffect as useEffect21, useRef as useRef17, useState as useState23, useMemo as useMemo12 } from "react";
+import React24, { useCallback as useCallback4, useEffect as useEffect21, useRef as useRef18, useState as useState24, useMemo as useMemo12 } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { useSession } from "next-auth/react";
 import CryptoJS from "crypto-js";
@@ -1515,7 +1515,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)) {
@@ -1524,6 +1524,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 };
@@ -1802,7 +1804,7 @@ var userActionHandlers = {
       version_node: { is_version: true, parent_node: sourceNodeData.id }
     };
     const newLink = { id: `link_${short.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.");
@@ -1978,7 +1980,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.");
@@ -2067,8 +2069,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.");
@@ -2136,7 +2138,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.");
@@ -2148,9 +2150,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) {
@@ -2313,7 +2330,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;
@@ -2347,8 +2364,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;
       }
     }
@@ -2380,7 +2415,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.");
@@ -2392,9 +2427,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);
@@ -2408,7 +2461,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.");
@@ -2442,7 +2495,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.");
@@ -7835,9 +7888,180 @@ function InSceneVersionForm({
   ));
 }
 
+// src/components/InSceneQuestForm.jsx
+import React15, { useState as useState16, useRef as useRef12 } from "react";
+import { FiPlus as FiPlus5, FiCheck as FiCheck9, FiEdit2 as FiEdit26, FiTarget, FiX as FiX4 } from "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] = useState16("");
+  const [types, setTypes] = useState16(["quest"]);
+  const [typeInput, setTypeInput] = useState16("");
+  const [status, setStatus] = useState16("Backlog");
+  const [size, setSize] = useState16("medium");
+  const [intensity, setIntensity] = useState16(0);
+  const [description, setDescription] = useState16("");
+  const [customProps, setCustomProps] = useState16([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
+  const propsEndRef = useRef12(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__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "h-[2px]", style: { background: `linear-gradient(to right, transparent, ${QUEST_STATUS_COLORS[status]}, transparent)` } }),
+    /* @__PURE__ */ React15.createElement("div", { className: "px-6 pt-5 pb-3" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React15.createElement(FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React15.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Nova Tarefa / Objetivo")), /* @__PURE__ */ React15.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Criar Quest")),
+    /* @__PURE__ */ React15.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col max-h-[68vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React15.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__ */ React15.createElement("option", { value: "Backlog" }, "Backlog"),
+      /* @__PURE__ */ React15.createElement("option", { value: "In Progress" }, "In Progress"),
+      /* @__PURE__ */ React15.createElement("option", { value: "Review" }, "Review"),
+      /* @__PURE__ */ React15.createElement("option", { value: "Done" }, "Done")
+    )), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Quest"), /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tipos Adicionais"), /* @__PURE__ */ React15.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__ */ React15.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__ */ React15.createElement("button", { type: "button", onClick: () => handleRemoveType(index), className: "hover:text-white transition-colors" }, /* @__PURE__ */ React15.createElement(FiX4, { size: 12 })))), /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o (Opcional)"), /* @__PURE__ */ React15.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__ */ React15.createElement(
+      DescriptionDisplay,
+      {
+        description,
+        savedSections: [],
+        availableNodes,
+        availableAncestries,
+        onMentionClick,
+        onSaveDescription: (newDesc) => setDescription(newDesc)
+      }
+    ), /* @__PURE__ */ React15.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React15.createElement("button", { type: "button", onClick: () => setIsDescriptionModalOpen(true), className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React15.createElement(FiEdit26, { size: 14 }))), !description && /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tamanho no Cen\xE1rio (Size)"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => /* @__PURE__ */ React15.createElement("button", { key: s, type: "button", onClick: () => setSize(s), className: "flex items-center gap-2 group cursor-pointer focus:outline-none" }, /* @__PURE__ */ React15.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__ */ React15.createElement(FiCheck9, { size: 12, className: "text-white" })), /* @__PURE__ */ React15.createElement("span", { className: `text-sm capitalize transition-colors ${size === s ? "text-white font-medium" : "text-slate-400 group-hover:text-slate-300"}` }, s))))), /* @__PURE__ */ React15.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React15.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), /* @__PURE__ */ React15.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__ */ React15.createElement(FiPlus5, { size: 14 }), " Adicionar")), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, index) => /* @__PURE__ */ React15.createElement(
+      CustomPropertyDisplay,
+      {
+        key: prop.id,
+        prop,
+        onUpdate: (updatedProp) => handleUpdateProp(index, updatedProp),
+        onRemove: () => handleRemoveProp(index),
+        onOpenImageViewer,
+        unavailableTypes: currentUsedTypes.filter((t) => t !== prop.type),
+        onUploadFile
+      }
+    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { 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__ */ React15.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__ */ React15.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
-import React15, { useState as useState16, useEffect as useEffect15, useRef as useRef12 } from "react";
-import { FiPlus as FiPlus5, FiMaximize2 as FiMaximize23, FiX as FiX4, FiCheck as FiCheck9, FiImage as FiImage3, FiEdit2 as FiEdit26, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
+import React16, { useState as useState17, useEffect as useEffect15, useRef as useRef13 } from "react";
+import { FiPlus as FiPlus6, FiMaximize2 as FiMaximize23, FiX as FiX5, FiCheck as FiCheck10, FiImage as FiImage3, FiEdit2 as FiEdit27, FiLoader as FiLoader2, FiBookOpen as FiBookOpen3, FiSun as FiSun2, FiLink as FiLink5, FiDatabase } from "react-icons/fi";
 function NodeDetailsPanel({
   node,
   onClose,
@@ -7858,27 +8082,27 @@ function NodeDetailsPanel({
   userRole,
   currentDatasetName
 }) {
-  const [name, setName] = useState16((node == null ? void 0 : node.name) ?? "");
-  const [types, setTypes] = useState16([]);
-  const [typeInput, setTypeInput] = useState16("");
-  const [color, setColor] = useState16((node == null ? void 0 : node.color) ?? "#8b5cf6");
-  const [size, setSize] = useState16((node == null ? void 0 : node.size) ?? "medium");
-  const [description, setDescription] = useState16((node == null ? void 0 : node.description) ?? "");
-  const [intensity, setIntensity] = useState16((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
-  const [customProps, setCustomProps] = useState16(() => extractCustomPropsFromNode(node || {}));
-  const [showTypeSuggestions, setShowTypeSuggestions] = useState16(false);
-  const [filteredTypes, setFilteredTypes] = useState16([]);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
-  const [isReadMode, setIsReadMode] = useState16(false);
-  const [existingSections, setExistingSections] = useState16((node == null ? void 0 : node.description_sections) || []);
-  const [isSaving, setIsSaving] = useState16(false);
-  const [isLinkCopied, setIsLinkCopied] = useState16(false);
-  const [useImageAsTexture, setUseImageAsTexture] = useState16(() => {
+  const [name, setName] = useState17((node == null ? void 0 : node.name) ?? "");
+  const [types, setTypes] = useState17([]);
+  const [typeInput, setTypeInput] = useState17("");
+  const [color, setColor] = useState17((node == null ? void 0 : node.color) ?? "#8b5cf6");
+  const [size, setSize] = useState17((node == null ? void 0 : node.size) ?? "medium");
+  const [description, setDescription] = useState17((node == null ? void 0 : node.description) ?? "");
+  const [intensity, setIntensity] = useState17((node == null ? void 0 : node.intensity) !== void 0 ? node.intensity : 0);
+  const [customProps, setCustomProps] = useState17(() => extractCustomPropsFromNode(node || {}));
+  const [showTypeSuggestions, setShowTypeSuggestions] = useState17(false);
+  const [filteredTypes, setFilteredTypes] = useState17([]);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState17(false);
+  const [isReadMode, setIsReadMode] = useState17(false);
+  const [existingSections, setExistingSections] = useState17((node == null ? void 0 : node.description_sections) || []);
+  const [isSaving, setIsSaving] = useState17(false);
+  const [isLinkCopied, setIsLinkCopied] = useState17(false);
+  const [useImageAsTexture, setUseImageAsTexture] = useState17(() => {
     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] = useState16((node == null ? void 0 : node.textureImageUrl) ?? null);
+  const [selectedImageUrl, setSelectedImageUrl] = useState17((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,
@@ -7888,8 +8112,8 @@ function NodeDetailsPanel({
   useEffect15(() => {
     setWidth(isReadMode ? 700 : 440);
   }, [isReadMode, setWidth]);
-  const prevNodeIdRef = useRef12(null);
-  const propsEndRef = useRef12(null);
+  const prevNodeIdRef = useRef13(null);
+  const propsEndRef = useRef13(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) => {
@@ -8097,7 +8321,7 @@ function NodeDetailsPanel({
     onClose();
   };
   const currentUsedTypes = customProps.map((p) => p.type).filter((t) => UNIQUE_PROP_TYPES.includes(t));
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.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"}`,
@@ -8110,7 +8334,7 @@ function NodeDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(
       "div",
       {
         onPointerDown: (e) => {
@@ -8121,7 +8345,7 @@ function NodeDetailsPanel({
         title: "Arraste para redimensionar"
       }
     ),
-    isReadMode ? /* @__PURE__ */ React15.createElement(
+    isReadMode ? /* @__PURE__ */ React16.createElement(
       DescriptionReadModePanel,
       {
         title: name || (node == null ? void 0 : node.name),
@@ -8142,23 +8366,23 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React15.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React15.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React15.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React15.createElement(
+    ) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-indigo-400/80 shadow-[0_0_18px_2px_rgba(99,102,241,0.55)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes do Node"), /* @__PURE__ */ React16.createElement(
       "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__ */ React15.createElement(FiCheck9, { size: 12 }) : /* @__PURE__ */ React15.createElement(FiLink5, { size: 12 })
-    )), /* @__PURE__ */ React15.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ React15.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__ */ React15.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__ */ React15.createElement(
+      isLinkCopied ? /* @__PURE__ */ React16.createElement(FiCheck10, { size: 12 }) : /* @__PURE__ */ React16.createElement(FiLink5, { size: 12 })
+    )), /* @__PURE__ */ React16.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || (node == null ? void 0 : node.name))), /* @__PURE__ */ React16.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Cancelar" }, "\xD7")), /* @__PURE__ */ React16.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Tipos"), /* @__PURE__ */ React16.createElement("div", { className: `relative w-full bg-slate-800/70 p-1.5 min-h-[42px] flex flex-wrap gap-1.5 rounded-lg border border-white/10 ${canEdit ? "focus-within:ring-2 focus-within:ring-indigo-400/60" : ""} transition-all` }, types.map((t, index) => /* @__PURE__ */ React16.createElement("span", { key: index, className: "flex items-center gap-1 bg-indigo-500/30 text-indigo-100 px-1.5 py-0.5 rounded-md text-xs font-medium border border-indigo-500/20" }, t, canEdit && /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
         onClick: () => handleRemoveType(index),
         className: "hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React15.createElement(FiX4, { size: 12 })
-    ))), canEdit && /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(FiX5, { size: 12 })
+    ))), canEdit && /* @__PURE__ */ React16.createElement(
       "input",
       {
         type: "text",
@@ -8179,7 +8403,7 @@ function NodeDetailsPanel({
         placeholder: types.length === 0 ? "Ex.: Cliente" : "",
         autoComplete: "off"
       }
-    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ React15.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__ */ React15.createElement(
+    ), canEdit && showTypeSuggestions && filteredTypes.length > 0 && /* @__PURE__ */ React16.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__ */ React16.createElement(
       "li",
       {
         key: index,
@@ -8190,7 +8414,7 @@ function NodeDetailsPanel({
         }
       },
       suggestedType
-    ))))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ React15.createElement(
+    ))))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Nome"), /* @__PURE__ */ React16.createElement(
       "input",
       {
         type: "text",
@@ -8199,7 +8423,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__ */ React15.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React15.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__ */ React15.createElement(
+    )), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React16.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__ */ React16.createElement(
       DescriptionDisplay,
       {
         description,
@@ -8211,7 +8435,7 @@ function NodeDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ), /* @__PURE__ */ React15.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React16.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__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -8219,8 +8443,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__ */ React15.createElement(FiBookOpen3, { size: 14 })
-    ), canEdit && /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(FiBookOpen3, { size: 14 })
+    ), canEdit && /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -8228,17 +8452,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__ */ React15.createElement(FiEdit26, { size: 14 })
-    )), canEdit && !description && /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(FiEdit27, { size: 14 })
+    )), canEdit && !description && /* @__PURE__ */ React16.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__ */ React15.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Size"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
+    ))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Size"), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-5" }, ["small", "medium", "large"].map((s) => {
       const isSelected = size === s;
-      return /* @__PURE__ */ React15.createElement(
+      return /* @__PURE__ */ React16.createElement(
         "button",
         {
           key: s,
@@ -8246,10 +8470,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__ */ React15.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__ */ React15.createElement(FiCheck9, { size: 12, className: "text-white" })),
-        /* @__PURE__ */ React15.createElement("span", { className: `text-sm capitalize transition-colors ${isSelected ? "text-white font-medium" : "text-slate-400 " + (canEdit ? "group-hover:text-slate-300" : "")}` }, s)
+        /* @__PURE__ */ React16.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__ */ React16.createElement(FiCheck10, { size: 12, className: "text-white" })),
+        /* @__PURE__ */ React16.createElement("span", { className: `text-sm capitalize transition-colors ${isSelected ? "text-white font-medium" : "text-slate-400 " + (canEdit ? "group-hover:text-slate-300" : "")}` }, s)
       );
-    }))), /* @__PURE__ */ React15.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React15.createElement("label", { className: "text-xs text-slate-300" }, "Cor e Brilho"), canEdit && hasImages && /* @__PURE__ */ React15.createElement("label", { className: "flex items-center gap-2 cursor-pointer group" }, /* @__PURE__ */ React15.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__ */ React15.createElement(FiCheck9, { size: 12, className: "text-white" })), /* @__PURE__ */ React15.createElement(
+    }))), /* @__PURE__ */ React16.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React16.createElement("label", { className: "text-xs text-slate-300" }, "Cor e Brilho"), canEdit && hasImages && /* @__PURE__ */ React16.createElement("label", { className: "flex items-center gap-2 cursor-pointer group" }, /* @__PURE__ */ React16.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__ */ React16.createElement(FiCheck10, { size: 12, className: "text-white" })), /* @__PURE__ */ React16.createElement(
       "input",
       {
         type: "checkbox",
@@ -8257,14 +8481,14 @@ function NodeDetailsPanel({
         onChange: handleToggleImageMode,
         className: "hidden"
       }
-    ), /* @__PURE__ */ React15.createElement("span", { className: `text-xs ${useImageAsTexture ? "text-indigo-300" : "text-slate-400 group-hover:text-slate-300"}` }, "Usar imagem para representar o node"))), /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React16.createElement("span", { className: `text-xs ${useImageAsTexture ? "text-indigo-300" : "text-slate-400 group-hover:text-slate-300"}` }, "Usar imagem para representar o node"))), /* @__PURE__ */ React16.createElement(
       ColorPicker,
       {
         color,
         onChange: handleColorChange,
         disabled: !canEdit || useImageAsTexture
       }
-    ), /* @__PURE__ */ React15.createElement("div", { className: "mt-3 flex items-center gap-3" }, /* @__PURE__ */ React15.createElement(FiSun2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React16.createElement("div", { className: "mt-3 flex items-center gap-3" }, /* @__PURE__ */ React16.createElement(FiSun2, { className: "text-slate-400", size: 14 }), /* @__PURE__ */ React16.createElement(
       "input",
       {
         type: "range",
@@ -8277,7 +8501,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__ */ React15.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React15.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React15.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__ */ React15.createElement(FiPlus5, { size: 14 }), " Adicionar")), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React15.createElement(
+    ), /* @__PURE__ */ React16.createElement("span", { className: "text-xs text-slate-400 w-6 text-right" }, intensity)), /* @__PURE__ */ React16.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__ */ React16.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React16.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React16.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__ */ React16.createElement(FiPlus6, { size: 14 }), " Adicionar")), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React16.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8292,7 +8516,7 @@ function NodeDetailsPanel({
         onUploadFile: canEdit ? onUploadFile : void 0,
         readOnly: !canEdit
       }
-    )), /* @__PURE__ */ React15.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React15.createElement("div", { className: "pt-3 mt-4 border-t border-white/10 flex items-center justify-end gap-2 text-xs text-slate-400" }, /* @__PURE__ */ React15.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React15.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ React15.createElement("div", { className: "sticky bottom-0 z-10 bg-gradient-to-t from-slate-950/80 via-slate-950/50 to-transparent px-6 py-4 border-t border-white/10 flex justify-end gap-3" }, /* @__PURE__ */ React15.createElement("button", { onClick: handleCancel, disabled: isSaving, className: "px-4 py-2 rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-sm disabled:opacity-50" }, canEdit ? "Cancelar" : "Fechar"), canEdit && /* @__PURE__ */ React15.createElement(
+    )), /* @__PURE__ */ React16.createElement("div", { ref: propsEndRef }))), currentDatasetName && /* @__PURE__ */ React16.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__ */ React16.createElement("span", { className: "truncate text-right" }, /* @__PURE__ */ React16.createElement("span", { className: "text-slate-200 font-medium" }, currentDatasetName)))), /* @__PURE__ */ React16.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__ */ React16.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__ */ React16.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -8301,10 +8525,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__ */ React15.createElement(FiLoader2, { className: "animate-spin" }),
+      isSaving && /* @__PURE__ */ React16.createElement(FiLoader2, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
-  ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ React15.createElement(
+  ), isDescriptionModalOpen && canEdit && /* @__PURE__ */ React16.createElement(
     DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
@@ -8324,7 +8548,7 @@ function NodeDetailsPanel({
 }
 
 // src/components/MultiNodeContextMenu.jsx
-import React16, { useLayoutEffect as useLayoutEffect3, useRef as useRef13, useState as useState17, useEffect as useEffect16 } from "react";
+import React17, { useLayoutEffect as useLayoutEffect3, useRef as useRef14, useState as useState18, useEffect as useEffect16 } from "react";
 function MultiNodeContextMenu({
   data,
   userRole,
@@ -8333,9 +8557,9 @@ function MultiNodeContextMenu({
   onDismissOtherNodes,
   onDeleteNodes
 }) {
-  const menuRef = useRef13(null);
-  const [menuPos, setMenuPos] = useState17({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = useState17(false);
+  const menuRef = useRef14(null);
+  const [menuPos, setMenuPos] = useState18({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState18(false);
   const ability = defineAbilityFor(userRole);
   const canDelete = ability.can("delete", "Node");
   useLayoutEffect3(() => {
@@ -8366,7 +8590,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__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(
     "div",
     {
       ref: menuRef,
@@ -8380,28 +8604,28 @@ function MultiNodeContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React16.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
-    /* @__PURE__ */ React16.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React16.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ React16.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React16.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React16.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React16.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ React16.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ React16.createElement("p", { className: "text-[11px] text-slate-400 leading-tight" }, "Esta a\xE7\xE3o \xE9 irrevers\xEDvel. Todas as conex\xF5es associadas a eles ser\xE3o apagadas.")), /* @__PURE__ */ React16.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" }),
+    /* @__PURE__ */ React17.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React17.createElement("div", { className: "w-10 h-10 rounded-full bg-red-500/20 flex items-center justify-center text-red-400 mb-1" }, /* @__PURE__ */ React17.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__ */ React17.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React17.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__ */ React17.createElement("p", { className: "text-sm text-slate-200" }, "Excluir ", /* @__PURE__ */ React17.createElement("strong", null, nodeCount, " Nodes"), "?"), /* @__PURE__ */ React17.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__ */ React17.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React17.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(false),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
       },
       "Cancelar"
-    ), /* @__PURE__ */ React16.createElement(
+    ), /* @__PURE__ */ React17.createElement(
       "button",
       {
         onClick: () => onDeleteNodes(data.nodeIds),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-red-500 hover:bg-red-600 rounded-md text-white transition-colors"
       },
       "Excluir"
-    ))) : /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React16.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React16.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React16.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React16.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React16.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React16.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React16.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React16.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React16.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ React16.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React16.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React16.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React16.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React16.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React16.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React16.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React16.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ React16.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React16.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React16.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React16.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React16.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React16.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
+    ))) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React17.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__ */ React17.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es em Grupo (", nodeCount, " Nodes)")), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React17.createElement("button", { onClick: () => onDismissNodes(data.nodeIds), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React17.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__ */ React17.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React17.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__ */ React17.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__ */ React17.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React17.createElement("span", null, "Dismiss (", nodeCount, ")")), /* @__PURE__ */ React17.createElement("button", { onClick: () => onDismissOtherNodes(data.nodeIds), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React17.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__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React17.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React17.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React17.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React17.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React17.createElement("span", null, "Dismiss other nodes")), canDelete && /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React17.createElement("button", { onClick: () => setIsConfirmingDelete(true), className: deleteButtonClass, title: "Excluir Nodes" }, /* @__PURE__ */ React17.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__ */ React17.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React17.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__ */ React17.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React17.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React17.createElement("span", null, "Excluir Nodes (", nodeCount, ")"))))))
   );
 }
 
 // src/components/RelationshipDetailsPanel.jsx
-import React17, { useState as useState18, useEffect as useEffect17, useRef as useRef14, useMemo as useMemo9 } from "react";
-import { FiPlus as FiPlus6, FiEdit2 as FiEdit27, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4 } from "react-icons/fi";
+import React18, { useState as useState19, useEffect as useEffect17, useRef as useRef15, useMemo as useMemo9 } from "react";
+import { FiPlus as FiPlus7, FiEdit2 as FiEdit28, FiLoader as FiLoader3, FiBookOpen as FiBookOpen4 } from "react-icons/fi";
 function RelationshipDetailsPanel({
   link,
   onClose,
@@ -8415,14 +8639,14 @@ function RelationshipDetailsPanel({
   onUploadFile,
   userRole
 }) {
-  const [name, setName] = useState18((link == null ? void 0 : link.name) ?? "");
-  const [description, setDescription] = useState18((link == null ? void 0 : link.description) ?? "");
-  const [customProps, setCustomProps] = useState18(() => extractCustomPropsFromNode(link || {}));
-  const [existingSections, setExistingSections] = useState18((link == null ? void 0 : link.description_sections) || []);
-  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState18(false);
-  const [isSaving, setIsSaving] = useState18(false);
-  const [isReadMode, setIsReadMode] = useState18(false);
-  const propsEndRef = useRef14(null);
+  const [name, setName] = useState19((link == null ? void 0 : link.name) ?? "");
+  const [description, setDescription] = useState19((link == null ? void 0 : link.description) ?? "");
+  const [customProps, setCustomProps] = useState19(() => extractCustomPropsFromNode(link || {}));
+  const [existingSections, setExistingSections] = useState19((link == null ? void 0 : link.description_sections) || []);
+  const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState19(false);
+  const [isSaving, setIsSaving] = useState19(false);
+  const [isReadMode, setIsReadMode] = useState19(false);
+  const propsEndRef = useRef15(null);
   const canEdit = useMemo9(() => {
     const ability = defineAbilityFor(userRole);
     return ability.can("update", "Connection");
@@ -8502,7 +8726,7 @@ function RelationshipDetailsPanel({
       onOpenImageViewer([{ name: name2 || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.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
@@ -8517,7 +8741,7 @@ function RelationshipDetailsPanel({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    isReadMode ? /* @__PURE__ */ React17.createElement(
+    isReadMode ? /* @__PURE__ */ React18.createElement(
       DescriptionReadModePanel,
       {
         title: name || "Rela\xE7\xE3o",
@@ -8538,7 +8762,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React17.createElement("span", { className: "inline-flex h-2.5 w-2.5 rounded-full bg-teal-400/80 shadow-[0_0_18px_2px_rgba(45,212,191,0.55)]" }), /* @__PURE__ */ React17.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React17.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React17.createElement("button", { onClick: onClose, disabled: isSaving, className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl disabled:opacity-50", title: "Fechar" }, "\xD7")), /* @__PURE__ */ React17.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React17.createElement(
+    ) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }), /* @__PURE__ */ React18.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React18.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__ */ React18.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Rela\xE7\xE3o")), /* @__PURE__ */ React18.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, name || "Rela\xE7\xE3o")), /* @__PURE__ */ React18.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__ */ React18.createElement("div", { className: "px-6 pb-28 overflow-y-auto overscroll-contain space-y-4 max-h-[68vh] custom-scrollbar" }, /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300" }, "Nome da Rela\xE7\xE3o (Opcional)"), /* @__PURE__ */ React18.createElement(
       "input",
       {
         type: "text",
@@ -8550,7 +8774,7 @@ function RelationshipDetailsPanel({
                                         ${!canEdit ? "opacity-50 cursor-not-allowed" : ""}
                                     `
       }
-    )), /* @__PURE__ */ React17.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React17.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React17.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__ */ React17.createElement(
+    )), /* @__PURE__ */ React18.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React18.createElement("label", { className: "text-xs text-slate-300" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React18.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__ */ React18.createElement(
       DescriptionDisplay,
       {
         description,
@@ -8562,7 +8786,7 @@ function RelationshipDetailsPanel({
         onImageClick: handleImageClickFromText,
         onSaveDescription: handleSaveDescriptionInline
       }
-    ), /* @__PURE__ */ React17.createElement("div", { className: "absolute top-0 right-0 flex bg-slate-900/50 rounded-bl-lg backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity overflow-hidden border-b border-l border-white/5" }, /* @__PURE__ */ React17.createElement(
+    ), /* @__PURE__ */ React18.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__ */ React18.createElement(
       "button",
       {
         type: "button",
@@ -8570,8 +8794,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__ */ React17.createElement(FiBookOpen4, { size: 14 })
-    ), canEdit && /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(FiBookOpen4, { size: 14 })
+    ), canEdit && /* @__PURE__ */ React18.createElement(
       "button",
       {
         type: "button",
@@ -8579,15 +8803,15 @@ function RelationshipDetailsPanel({
         className: "p-2 text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
         title: "Editar descri\xE7\xE3o"
       },
-      /* @__PURE__ */ React17.createElement(FiEdit27, { size: 14 })
-    )), !description && canEdit && /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(FiEdit28, { size: 14 })
+    )), !description && canEdit && /* @__PURE__ */ React18.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__ */ React17.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React17.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React17.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React17.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__ */ React17.createElement(FiPlus6, { size: 14 }), " Adicionar")), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React17.createElement(
+    ))), /* @__PURE__ */ React18.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React18.createElement("h3", { className: "text-sm font-medium" }, "Propriedades Adicionais"), canEdit && /* @__PURE__ */ React18.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__ */ React18.createElement(FiPlus7, { size: 14 }), " Adicionar")), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop, idx) => /* @__PURE__ */ React18.createElement(
       CustomPropertyDisplay,
       {
         key: prop.id,
@@ -8599,7 +8823,7 @@ function RelationshipDetailsPanel({
         onUploadFile,
         disabled: !canEdit
       }
-    )), /* @__PURE__ */ React17.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React17.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__ */ React17.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__ */ React17.createElement(
+    )), /* @__PURE__ */ React18.createElement("div", { ref: propsEndRef })))), /* @__PURE__ */ React18.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__ */ React18.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__ */ React18.createElement(
       "button",
       {
         onClick: () => handleSave(false),
@@ -8608,10 +8832,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__ */ React17.createElement(FiLoader3, { className: "animate-spin" }),
+      isSaving && /* @__PURE__ */ React18.createElement(FiLoader3, { className: "animate-spin" }),
       isSaving ? "Salvando..." : "Salvar"
     )))
-  ), isDescriptionModalOpen && /* @__PURE__ */ React17.createElement(
+  ), isDescriptionModalOpen && /* @__PURE__ */ React18.createElement(
     DescriptionEditModal,
     {
       isOpen: isDescriptionModalOpen,
@@ -8632,7 +8856,7 @@ function RelationshipDetailsPanel({
 }
 
 // src/components/RelationshipContextMenu.jsx
-import React18, { useLayoutEffect as useLayoutEffect4, useRef as useRef15, useState as useState19, useEffect as useEffect18, useMemo as useMemo10 } from "react";
+import React19, { useLayoutEffect as useLayoutEffect4, useRef as useRef16, useState as useState20, useEffect as useEffect18, useMemo as useMemo10 } from "react";
 function RelationshipContextMenu({
   data,
   userRole,
@@ -8642,9 +8866,9 @@ function RelationshipContextMenu({
   onDelete,
   onClose
 }) {
-  const menuRef = useRef15(null);
-  const [menuPos, setMenuPos] = useState19({ left: 0, top: 0 });
-  const [isConfirmingDelete, setIsConfirmingDelete] = useState19(false);
+  const menuRef = useRef16(null);
+  const [menuPos, setMenuPos] = useState20({ left: 0, top: 0 });
+  const [isConfirmingDelete, setIsConfirmingDelete] = useState20(false);
   const ability = useMemo10(() => defineAbilityFor(userRole), [userRole]);
   const sourceName = useMemo10(
     () => {
@@ -8689,7 +8913,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__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       ref: menuRef,
@@ -8703,29 +8927,29 @@ function RelationshipContextMenu({
       onContextMenu: swallow,
       onDoubleClick: swallow
     },
-    /* @__PURE__ */ React18.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
-    /* @__PURE__ */ React18.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React18.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ React18.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React18.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React18.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ React18.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ React18.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ React18.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ React18.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ React18.createElement("strong", null, targetName), ".")), /* @__PURE__ */ React18.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "h-[2px] bg-gradient-to-r from-teal-400/0 via-teal-400/70 to-teal-400/0" }),
+    /* @__PURE__ */ React19.createElement("div", { className: "p-1.5" }, isConfirmingDelete ? /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-3 p-2" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-center text-center gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: "w-10 h-10 rounded-full bg-rose-500/20 flex items-center justify-center text-rose-400 mb-1" }, /* @__PURE__ */ React19.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__ */ React19.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React19.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }), /* @__PURE__ */ React19.createElement("path", { d: "M10 11v6" }), /* @__PURE__ */ React19.createElement("path", { d: "M14 11v6" }), /* @__PURE__ */ React19.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }))), /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-slate-200" }, "Excluir rela\xE7\xE3o?"), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-slate-400 leading-tight break-words" }, "Desconectar ", /* @__PURE__ */ React19.createElement("strong", null, sourceName), " de ", /* @__PURE__ */ React19.createElement("strong", null, targetName), ".")), /* @__PURE__ */ React19.createElement("div", { className: "flex gap-2 mt-1" }, /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(false),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-white/10 hover:bg-white/20 rounded-md text-white transition-colors"
       },
       "Cancelar"
-    ), /* @__PURE__ */ React18.createElement(
+    ), /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => onDelete == null ? void 0 : onDelete(data.linkObject),
         className: "flex-1 px-2 py-2 text-xs font-medium bg-rose-600 hover:bg-rose-500 rounded-md text-white transition-colors"
       },
       "Excluir"
-    ))) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React18.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-teal-400/80 shadow-[0_0_12px_1px_rgba(45,212,191,0.5)]" }), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+    ))) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React19.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__ */ React19.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Rela\xE7\xE3o")), /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-1" }, canUpdate && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => onRelinkSource == null ? void 0 : onRelinkSource(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Source"
       },
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8738,18 +8962,18 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React18.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__ */ React18.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__ */ React19.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__ */ React19.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__ */ React18.createElement("span", null, "Desconectar Source (", sourceName, ")")
-    ), /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement("span", null, "Desconectar Source (", sourceName, ")")
+    ), /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => onRelinkTarget == null ? void 0 : onRelinkTarget(data.linkObject),
         className: baseButtonClass,
         title: "Desconectar ponta ligada ao Target"
       },
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8762,21 +8986,21 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React18.createElement("polyline", { points: "16 3 21 3 21 8" }),
-        /* @__PURE__ */ React18.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
-        /* @__PURE__ */ React18.createElement("polyline", { points: "21 16 21 21 16 21" }),
-        /* @__PURE__ */ React18.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
-        /* @__PURE__ */ React18.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
+        /* @__PURE__ */ React19.createElement("polyline", { points: "16 3 21 3 21 8" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "4", y1: "20", x2: "21", y2: "3" }),
+        /* @__PURE__ */ React19.createElement("polyline", { points: "21 16 21 21 16 21" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "15", y1: "15", x2: "21", y2: "21" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "4", y1: "4", x2: "9", y2: "9" })
       ),
-      /* @__PURE__ */ React18.createElement("span", null, "Desconectar Target (", targetName, ")")
-    ), /* @__PURE__ */ React18.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement("span", null, "Desconectar Target (", targetName, ")")
+    ), /* @__PURE__ */ React19.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" })), /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => onOpenDetails == null ? void 0 : onOpenDetails(data.linkObject),
         className: baseButtonClass,
         title: "Abrir detalhes da rela\xE7\xE3o"
       },
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8789,19 +9013,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ React18.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-        /* @__PURE__ */ React18.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
+        /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+        /* @__PURE__ */ React19.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "8" })
       ),
-      /* @__PURE__ */ React18.createElement("span", null, "Abrir Detalhes")
-    ), canDelete && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement("span", null, "Abrir Detalhes")
+    ), canDelete && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("div", { className: "h-[1px] my-1 mx-1 bg-white/10" }), /* @__PURE__ */ React19.createElement(
       "button",
       {
         onClick: () => setIsConfirmingDelete(true),
         className: dangerButtonClass,
         title: "Excluir esta conex\xE3o"
       },
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -8814,19 +9038,19 @@ function RelationshipContextMenu({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React18.createElement("polyline", { points: "3 6 5 6 21 6" }),
-        /* @__PURE__ */ React18.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
-        /* @__PURE__ */ React18.createElement("path", { d: "M10 11v6" }),
-        /* @__PURE__ */ React18.createElement("path", { d: "M14 11v6" }),
-        /* @__PURE__ */ React18.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
+        /* @__PURE__ */ React19.createElement("polyline", { points: "3 6 5 6 21 6" }),
+        /* @__PURE__ */ React19.createElement("path", { d: "M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }),
+        /* @__PURE__ */ React19.createElement("path", { d: "M10 11v6" }),
+        /* @__PURE__ */ React19.createElement("path", { d: "M14 11v6" }),
+        /* @__PURE__ */ React19.createElement("path", { d: "M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" })
       ),
-      /* @__PURE__ */ React18.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
+      /* @__PURE__ */ React19.createElement("span", null, "Excluir conex\xE3o (", sourceName, " \u2192 ", targetName, ")")
     )))))
   );
 }
 
 // src/components/LoadingScreen.jsx
-import React19 from "react";
+import React20 from "react";
 var styles = {
   loadingOverlay: {
     position: "fixed",
@@ -8858,11 +9082,11 @@ var styles = {
   `
 };
 function LoadingScreen() {
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("style", null, styles.keyframes), /* @__PURE__ */ React19.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ React19.createElement("div", { style: styles.spinner })));
+  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("style", null, styles.keyframes), /* @__PURE__ */ React20.createElement("div", { style: styles.loadingOverlay }, /* @__PURE__ */ React20.createElement("div", { style: styles.spinner })));
 }
 
 // src/components/ImportParentFileModal.jsx
-import React20, { useEffect as useEffect19, useState as useState20 } from "react";
+import React21, { useEffect as useEffect19, useState as useState21 } from "react";
 function ImportParentFileModal({
   isOpen,
   onClose,
@@ -8873,11 +9097,11 @@ function ImportParentFileModal({
   onFetchAvailableFiles,
   currentViewName
 }) {
-  const [activeTab, setActiveTab] = useState20("databases");
-  const [availableDbs, setAvailableDbs] = useState20([]);
-  const [availableViews, setAvailableViews] = useState20([]);
-  const [selectedItem, setSelectedItem] = useState20(null);
-  const [isLoading, setIsLoading] = useState20(false);
+  const [activeTab, setActiveTab] = useState21("databases");
+  const [availableDbs, setAvailableDbs] = useState21([]);
+  const [availableViews, setAvailableViews] = useState21([]);
+  const [selectedItem, setSelectedItem] = useState21(null);
+  const [isLoading, setIsLoading] = useState21(false);
   useEffect19(() => {
     if (isOpen && session && onFetchAvailableFiles) {
       const fetchData = async () => {
@@ -8943,13 +9167,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__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: "ui-overlay fixed inset-0 z-[1200] flex items-center justify-center bg-black/60 backdrop-blur-sm",
       onClick: onClose
     },
-    /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React21.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]",
@@ -8961,14 +9185,14 @@ function ImportParentFileModal({
         onContextMenu: swallow,
         onDoubleClick: swallow
       },
-      /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ React20.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between px-6 py-4 border-b border-white/10 flex-shrink-0" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-lg font-semibold" }, "Importar"), /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: onClose,
           className: "p-2 rounded-md text-slate-400 hover:text-white hover:bg-white/10 transition-colors",
           title: "Fechar"
         },
-        /* @__PURE__ */ React20.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React20.createElement(
+        /* @__PURE__ */ React21.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React21.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -8977,14 +9201,14 @@ function ImportParentFileModal({
           }
         ))
       )),
-      /* @__PURE__ */ React20.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement("div", { className: "flex px-6 border-b border-white/10 bg-white/5 flex-shrink-0" }, /* @__PURE__ */ React21.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__ */ React20.createElement(
+      ), /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: () => setActiveTab("views"),
@@ -8992,24 +9216,24 @@ function ImportParentFileModal({
         },
         "Views (Ancestralidades)"
       )),
-      /* @__PURE__ */ React20.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ React20.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ React20.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement("div", { className: "p-6 overflow-y-auto custom-scrollbar flex-grow min-h-[200px]" }, isLoading ? /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-center h-40" }, /* @__PURE__ */ React21.createElement("div", { className: "w-8 h-8 border-4 border-t-indigo-500 border-slate-700 rounded-full animate-spin" })) : /* @__PURE__ */ React21.createElement("div", { className: "space-y-2" }, currentList.length > 0 ? currentList.map((item) => /* @__PURE__ */ React21.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__ */ React20.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React20.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ React20.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__ */ React20.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
-      )) : /* @__PURE__ */ React20.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
-      /* @__PURE__ */ React20.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__ */ React20.createElement(
+        /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("span", { className: "font-medium text-slate-100" }, item.name), activeTab === "views" && /* @__PURE__ */ React21.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__ */ React21.createElement("p", { className: `text-xs ${(selectedItem == null ? void 0 : selectedItem.id) === item.id ? "text-indigo-200" : "text-slate-400"}` }, item.description)
+      )) : /* @__PURE__ */ React21.createElement("p", { className: "text-slate-400 text-center py-10" }, emptyMessage))),
+      /* @__PURE__ */ React21.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__ */ React21.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__ */ React20.createElement(
+      ), /* @__PURE__ */ React21.createElement(
         "button",
         {
           onClick: handleConfirm,
@@ -9023,7 +9247,7 @@ function ImportParentFileModal({
 }
 
 // src/components/AncestryLinkDetailsPanel.jsx
-import React21, { useState as useState21 } from "react";
+import React22, { useState as useState22 } from "react";
 import { FiBookOpen as FiBookOpen5 } from "react-icons/fi";
 function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenReference, onMentionClick, onUploadFile }) {
   var _a, _b, _c, _d;
@@ -9033,21 +9257,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] = useState21(false);
+  const [isReadMode, setIsReadMode] = useState22(false);
   const swallow = (e) => e.stopPropagation();
   const handleImageClickFromText = (url, name) => {
     if (onOpenImageViewer) {
       onOpenImageViewer([{ name: name || "Imagem", value: url }], 0);
     }
   };
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.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__ */ React21.createElement(
+    /* @__PURE__ */ React22.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
@@ -9055,7 +9279,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
                 `,
         onClick: swallow
       },
-      isReadMode ? /* @__PURE__ */ React21.createElement(
+      isReadMode ? /* @__PURE__ */ React22.createElement(
         DescriptionReadModePanel,
         {
           title: `${sourceName} \u2794 ${targetName}`,
@@ -9067,15 +9291,15 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ) : /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React21.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React21.createElement("div", null, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React21.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__ */ React21.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React21.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React21.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React21.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React21.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React21.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__ */ React21.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React21.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React21.createElement(
+      ) : /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { className: "h-[2px] bg-gradient-to-r from-blue-500/0 via-blue-500/70 to-blue-500/0" }), /* @__PURE__ */ React22.createElement("div", { className: "px-6 pt-5 pb-3 flex items-start justify-between gap-4" }, /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-2 mb-1" }, /* @__PURE__ */ React22.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__ */ React22.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Detalhes da Ancestralidade")), /* @__PURE__ */ React22.createElement("h2", { className: "text-lg font-semibold tracking-tight flex items-center gap-2" }, /* @__PURE__ */ React22.createElement("span", { className: "truncate max-w-[150px]" }, sourceName), /* @__PURE__ */ React22.createElement("span", { className: "text-slate-500 text-sm" }, "\u2794"), /* @__PURE__ */ React22.createElement("span", { className: "truncate max-w-[150px]" }, targetName))), /* @__PURE__ */ React22.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__ */ React22.createElement("div", { className: "px-6 pb-6 overflow-y-auto overscroll-contain space-y-4 custom-scrollbar" }, description && /* @__PURE__ */ React22.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React22.createElement("label", { className: "text-xs text-slate-300 font-medium" }, "Descri\xE7\xE3o"), /* @__PURE__ */ React22.createElement(
         "button",
         {
           onClick: () => setIsReadMode(true),
           className: "p-1 text-slate-400 hover:text-white transition-colors",
           title: "Modo de Leitura"
         },
-        /* @__PURE__ */ React21.createElement(FiBookOpen5, { size: 14 })
-      )), /* @__PURE__ */ React21.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React22.createElement(FiBookOpen5, { size: 14 })
+      )), /* @__PURE__ */ React22.createElement("div", { className: "bg-slate-800/40 rounded-lg border border-white/10 p-1 relative group" }, /* @__PURE__ */ React22.createElement(
         DescriptionDisplay,
         {
           description,
@@ -9084,7 +9308,7 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onMentionClick,
           onImageClick: handleImageClickFromText
         }
-      ))), customProps.length > 0 && /* @__PURE__ */ React21.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React21.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ React21.createElement(
+      ))), customProps.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React22.createElement("label", { className: "text-xs text-slate-300 font-medium mb-2 block" }, "Propriedades"), /* @__PURE__ */ React22.createElement("div", { className: "flex flex-col gap-3" }, customProps.map((prop) => /* @__PURE__ */ React22.createElement(
         CustomPropertyDisplay,
         {
           key: prop.id,
@@ -9093,25 +9317,25 @@ function AncestryLinkDetailsPanel({ data, onClose, onOpenImageViewer, onOpenRefe
           onOpenImageViewer,
           onUploadFile
         }
-      )))), !description && customProps.length === 0 && /* @__PURE__ */ React21.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__ */ React21.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__ */ React22.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__ */ React22.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
-import React22, { useState as useState22, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef16 } from "react";
+import React23, { useState as useState23, useMemo as useMemo11, useEffect as useEffect20, useRef as useRef17 } from "react";
 import {
   FiSearch as FiSearch4,
   FiLayers as FiLayers6,
   FiCornerUpRight as FiCornerUpRight4,
   FiPlay,
-  FiPlus as FiPlus7,
+  FiPlus as FiPlus8,
   FiTrash2 as FiTrash23,
   FiArrowLeft as FiArrowLeft3,
   FiArrowRight,
   FiCheckCircle,
   FiLoader as FiLoader4,
-  FiX as FiX5,
+  FiX as FiX6,
   FiAlertTriangle
 } from "react-icons/fi";
 var GroupItem = ({
@@ -9133,7 +9357,7 @@ var GroupItem = ({
 }) => {
   const canIndent = index > 0;
   const isPickingForThisGroup = pickingGroupId === group.id;
-  const textareaRef = useRef16(null);
+  const textareaRef = useRef17(null);
   const adjustHeight = () => {
     const textarea = textareaRef.current;
     if (textarea) {
@@ -9144,10 +9368,10 @@ var GroupItem = ({
   useEffect20(() => {
     adjustHeight();
   }, [group.text]);
-  return /* @__PURE__ */ React22.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__ */ React22.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React22.createElement("div", { className: `
+  return /* @__PURE__ */ React23.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__ */ React23.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React23.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__ */ React22.createElement(
+            ` }, /* @__PURE__ */ React23.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__ */ React22.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
+  ), group.ancestries && group.ancestries.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "flex flex-wrap gap-2 mt-1" }, group.ancestries.map((anc) => {
     const isValid = availableIds.has(String(anc.ancestry_id));
-    return /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React23.createElement(
       "div",
       {
         key: anc.ancestry_id,
@@ -9178,28 +9402,28 @@ var GroupItem = ({
       },
       isValid ? (
         // [MANTIDO] Botão Play visível para todos
-        /* @__PURE__ */ React22.createElement(
+        /* @__PURE__ */ React23.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__ */ React22.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
+          /* @__PURE__ */ React23.createElement(FiPlay, { size: 10, className: "ml-0.5 fill-current" })
         )
-      ) : /* @__PURE__ */ React22.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React22.createElement(FiAlertTriangle, { size: 10 })),
-      /* @__PURE__ */ React22.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
-      canEdit && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ React22.createElement(
+      ) : /* @__PURE__ */ React23.createElement("div", { className: "p-1 text-red-500 cursor-not-allowed" }, /* @__PURE__ */ React23.createElement(FiAlertTriangle, { size: 10 })),
+      /* @__PURE__ */ React23.createElement("span", { className: `font-medium truncate max-w-[150px] ${!isValid && "line-through decoration-red-500/50"}` }, anc.name),
+      canEdit && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: `w-px h-3 mx-0.5 ${isValid ? "bg-white/10" : "bg-red-500/20"}` }), /* @__PURE__ */ React23.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__ */ React22.createElement(FiX5, { size: 12 })
+        /* @__PURE__ */ React23.createElement(FiX6, { size: 12 })
       ))
     );
-  })), canEdit && /* @__PURE__ */ React22.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__ */ React22.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React22.createElement(
+  })), canEdit && /* @__PURE__ */ React23.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__ */ React23.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React23.createElement(
     "button",
     {
       onClick: () => onRequestPickAncestry(group.id),
@@ -9209,17 +9433,17 @@ var GroupItem = ({
                                 `,
       title: "Adicionar Ancestralidade a este grupo"
     },
-    isPickingForThisGroup ? /* @__PURE__ */ React22.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React22.createElement(FiSearch4, { size: 12 }),
+    isPickingForThisGroup ? /* @__PURE__ */ React23.createElement(FiCheckCircle, { size: 12 }) : /* @__PURE__ */ React23.createElement(FiSearch4, { size: 12 }),
     isPickingForThisGroup ? "Selecionando..." : "Adicionar"
-  ), /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React23.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__ */ React22.createElement(FiPlus7, { size: 14 })
-  )), /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(FiPlus8, { size: 14 })
+  )), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React23.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__ */ React22.createElement(FiArrowRight, { size: 14 })
-  ), /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(FiArrowRight, { size: 14 })
+  ), /* @__PURE__ */ React23.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__ */ React22.createElement(FiArrowLeft3, { size: 14 })
-  ), /* @__PURE__ */ React22.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(FiArrowLeft3, { size: 14 })
+  ), /* @__PURE__ */ React23.createElement("div", { className: "w-px h-3 bg-white/10 mx-1" }), /* @__PURE__ */ React23.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__ */ React22.createElement(FiTrash23, { size: 14 })
-  )))), group.children && group.children.length > 0 && /* @__PURE__ */ React22.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(FiTrash23, { size: 14 })
+  )))), group.children && group.children.length > 0 && /* @__PURE__ */ React23.createElement("div", { className: "ml-2" }, group.children.map((childGroup, idx) => /* @__PURE__ */ React23.createElement(
     GroupItem,
     {
       key: childGroup.id,
@@ -9276,11 +9500,11 @@ function AncestryBoard({
   userRole
   // [NOVO] Recebe a role do usuário
 }) {
-  const [searchTerm, setSearchTerm] = useState22("");
-  const [groups, setGroups] = useState22([]);
-  const [isLoaded, setIsLoaded] = useState22(false);
-  const [pickingGroupId, setPickingGroupId] = useState22(null);
-  const [saveStatus, setSaveStatus] = useState22("idle");
+  const [searchTerm, setSearchTerm] = useState23("");
+  const [groups, setGroups] = useState23([]);
+  const [isLoaded, setIsLoaded] = useState23(false);
+  const [pickingGroupId, setPickingGroupId] = useState23(null);
+  const [saveStatus, setSaveStatus] = useState23("idle");
   const canEdit = useMemo11(() => {
     return userRole !== "viewer";
   }, [userRole]);
@@ -9488,27 +9712,27 @@ function AncestryBoard({
     });
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     "div",
     {
       className: "fixed inset-0 z-[2200] bg-black/80 backdrop-blur-sm flex items-center justify-center p-2",
       onClick: onClose
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.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__ */ React22.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React22.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React22.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React22.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React22.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__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(FiLoader4, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ React22.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React22.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React22.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React22.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement("div", { className: "h-14 px-4 border-b border-white/10 bg-slate-900/90 flex items-center justify-between shrink-0" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React23.createElement("h3", { className: "text-base font-semibold text-white flex items-center gap-2 whitespace-nowrap" }, /* @__PURE__ */ React23.createElement(FiLayers6, { className: "text-indigo-400" }), "Ancestry Board"), saveStatus !== "idle" && /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-2 animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React23.createElement("div", { className: "w-px h-4 bg-white/10 mx-1" }), /* @__PURE__ */ React23.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__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(FiLoader4, { className: "animate-spin text-indigo-400", size: 12 }), /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-indigo-300" }, "Salvando")), saveStatus === "saved" && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(FiCheckCircle, { className: "text-emerald-400", size: 12 }), /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-slate-400" }, "Salvo")), saveStatus === "error" && /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("span", { className: "w-2 h-2 rounded-full bg-red-500" }), /* @__PURE__ */ React23.createElement("span", { className: "text-[10px] uppercase tracking-wide font-medium text-red-400" }, "Erro"))))), /* @__PURE__ */ React23.createElement("div", { className: "flex items-center gap-3" }, pickingGroupId && /* @__PURE__ */ React23.createElement("span", { className: "text-xs text-indigo-300 font-medium animate-pulse hidden sm:inline-block mr-2" }, "Selecione na lateral..."), canEdit && /* @__PURE__ */ React23.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__ */ React22.createElement(FiPlus7, { size: 14, className: "text-indigo-400" }),
-        /* @__PURE__ */ React22.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
-      ), /* @__PURE__ */ React22.createElement(
+        /* @__PURE__ */ React23.createElement(FiPlus8, { size: 14, className: "text-indigo-400" }),
+        /* @__PURE__ */ React23.createElement("span", { className: "hidden sm:inline" }, "Novo Grupo")
+      ), /* @__PURE__ */ React23.createElement(
         "button",
         {
           onClick: onClose,
@@ -9516,11 +9740,11 @@ function AncestryBoard({
         },
         "\xD7"
       ))),
-      /* @__PURE__ */ React22.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React22.createElement("div", { className: `
+      /* @__PURE__ */ React23.createElement("div", { className: "flex flex-1 overflow-hidden" }, /* @__PURE__ */ React23.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__ */ React22.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React22.createElement("div", { className: "relative group" }, /* @__PURE__ */ React22.createElement(FiSearch4, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ React22.createElement(
+                    ` }, /* @__PURE__ */ React23.createElement("div", { className: "p-3 border-b border-white/5 bg-slate-900/50" }, /* @__PURE__ */ React23.createElement("div", { className: "relative group" }, /* @__PURE__ */ React23.createElement(FiSearch4, { className: `absolute left-3 top-1/2 -translate-y-1/2 transition-colors ${pickingGroupId ? "text-indigo-400" : "text-slate-500 group-focus-within:text-indigo-400"}` }), /* @__PURE__ */ React23.createElement(
         "input",
         {
           type: "text",
@@ -9533,10 +9757,10 @@ function AncestryBoard({
           onChange: (e) => setSearchTerm(e.target.value),
           autoFocus: !pickingGroupId
         }
-      ))), /* @__PURE__ */ React22.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-3 space-y-2" }, filtered.map((anc) => {
+      ))), /* @__PURE__ */ React23.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__ */ React22.createElement(
+        return /* @__PURE__ */ React23.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__ */ React22.createElement("div", { className: `
+          /* @__PURE__ */ React23.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__ */ React22.createElement(FiPlus7, { size: 16 }) : /* @__PURE__ */ React22.createElement(FiLayers6, { size: 14 })),
-          /* @__PURE__ */ React22.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React22.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React22.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__ */ React22.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__ */ React22.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__ */ React22.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React22.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React22.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
-          !isPicking && /* @__PURE__ */ React22.createElement(
+                                    ` }, isPicking ? /* @__PURE__ */ React23.createElement(FiPlus8, { size: 16 }) : /* @__PURE__ */ React23.createElement(FiLayers6, { size: 14 })),
+          /* @__PURE__ */ React23.createElement("div", { className: "flex-1 min-w-0 pb-2" }, /* @__PURE__ */ React23.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React23.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__ */ React23.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__ */ React23.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__ */ React23.createElement(FiCornerUpRight4, { size: 10 }), /* @__PURE__ */ React23.createElement("span", { className: "truncate max-w-[120px]" }, parentNodeName)), anc.description && /* @__PURE__ */ React23.createElement("p", { className: "mt-1.5 text-[11px] text-slate-400 line-clamp-2 leading-relaxed opacity-80" }, anc.description)),
+          !isPicking && /* @__PURE__ */ React23.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__ */ React22.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React22.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
+            /* @__PURE__ */ React23.createElement("div", { className: "bg-indigo-500 text-white p-2 rounded-full shadow-lg hover:bg-indigo-400 hover:scale-110 transition-all" }, /* @__PURE__ */ React23.createElement(FiPlay, { size: 14, className: "ml-0.5" }))
           )
         );
-      }))), /* @__PURE__ */ React22.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React22.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React22.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__ */ React22.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React22.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React22.createElement(React22.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React22.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React22.createElement(React22.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React22.createElement(
+      }))), /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col flex-1 bg-slate-950/30" }, /* @__PURE__ */ React23.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 space-y-4" }, groups.length === 0 ? /* @__PURE__ */ React23.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__ */ React23.createElement(FiLayers6, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React23.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React23.createElement(React23.Fragment, null, "Nenhum grupo criado.", /* @__PURE__ */ React23.createElement("br", null), 'Use o bot\xE3o "Novo Grupo" acima.') : /* @__PURE__ */ React23.createElement(React23.Fragment, null, "Nenhum grupo dispon\xEDvel para visualiza\xE7\xE3o."))) : groups.map((group, index) => /* @__PURE__ */ React23.createElement(
         GroupItem,
         {
           key: group.id,
@@ -9586,7 +9810,7 @@ function AncestryBoard({
           canEdit
         }
       ))))),
-      /* @__PURE__ */ React22.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__ */ React22.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React22.createElement("span", null, groups.length, " grupos raiz"))
+      /* @__PURE__ */ React23.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__ */ React23.createElement("span", null, filtered.length, " itens encontrados"), /* @__PURE__ */ React23.createElement("span", null, groups.length, " grupos raiz"))
     )
   );
 }
@@ -9730,44 +9954,45 @@ function XViewScene({
     }
     return null;
   }, [ownerId, sceneConfigId]);
-  const sceneDataRef = useRef17(null);
-  const parentDataRef = useRef17(null);
-  const ancestryDataRef = useRef17(null);
-  const [isLoading, setIsLoading] = useState23(true);
-  const [permissionStatus, setPermissionStatus] = useState23("loading");
-  const [userPermissionRole, setUserPermissionRole] = useState23(null);
-  const [isInitialized, setIsInitialized] = useState23(false);
-  const [sceneVersion, setSceneVersion] = useState23(0);
-  const [contextMenu, setContextMenu] = useState23({ visible: false, x: 0, y: 0, nodeData: null });
-  const [multiContextMenu, setMultiContextMenu] = useState23({ visible: false, x: 0, y: 0, nodeIds: null });
-  const [relationshipMenu, setRelationshipMenu] = useState23({ visible: false, x: 0, y: 0, linkObject: null });
-  const [creationMode, setCreationMode] = useState23({ isActive: false, sourceNodeData: null });
-  const [versionMode, setVersionMode] = useState23({ isActive: false, sourceNodeData: null });
-  const [hasFocusedInitial, setHasFocusedInitial] = useState23(false);
-  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState23(false);
-  const [ancestryMode, setAncestryMode] = useState23({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-  const [readingMode, setReadingMode] = useState23({
+  const sceneDataRef = useRef18(null);
+  const parentDataRef = useRef18(null);
+  const ancestryDataRef = useRef18(null);
+  const [isLoading, setIsLoading] = useState24(true);
+  const [permissionStatus, setPermissionStatus] = useState24("loading");
+  const [userPermissionRole, setUserPermissionRole] = useState24(null);
+  const [isInitialized, setIsInitialized] = useState24(false);
+  const [sceneVersion, setSceneVersion] = useState24(0);
+  const [contextMenu, setContextMenu] = useState24({ visible: false, x: 0, y: 0, nodeData: null });
+  const [multiContextMenu, setMultiContextMenu] = useState24({ visible: false, x: 0, y: 0, nodeIds: null });
+  const [relationshipMenu, setRelationshipMenu] = useState24({ visible: false, x: 0, y: 0, linkObject: null });
+  const [creationMode, setCreationMode] = useState24({ isActive: false, sourceNodeData: null });
+  const [versionMode, setVersionMode] = useState24({ isActive: false, sourceNodeData: null });
+  const [questMode, setQuestMode] = useState24({ isActive: false });
+  const [hasFocusedInitial, setHasFocusedInitial] = useState24(false);
+  const [hasOpenedInitialAncestry, setHasOpenedInitialAncestry] = useState24(false);
+  const [ancestryMode, setAncestryMode] = useState24({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+  const [readingMode, setReadingMode] = useState24({
     isActive: false,
     ancestry: null,
     branchStack: [],
     autoAbstraction: false
   });
-  const [formPosition, setFormPosition] = useState23({ left: 16, top: 16, opacity: 0 });
-  const [detailsNode, setDetailsNode] = useState23(null);
-  const [detailsLink, setDetailsLink] = useState23(null);
-  const [ancestryLinkDetails, setAncestryLinkDetails] = useState23(null);
-  const [imageViewer, setImageViewer] = useState23({ visible: false, images: [], startIndex: 0 });
-  const [editingAncestryRel, setEditingAncestryRel] = useState23({ visible: false, data: null, path: null });
-  const [isImportModalOpen, setIsImportModalOpen] = useState23(false);
-  const [importSuccessMessage, setImportSuccessMessage] = useState23("");
-  const [highlightedNodeId, setHighlightedNodeId] = useState23(null);
-  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState23(false);
-  const [ancestryBoardData, setAncestryBoardData] = useState23([]);
-  const [isSidebarOpen, setIsSidebarOpen] = useState23(false);
-  const mountRef = useRef17(null);
-  const tooltipRef = useRef17(null);
-  const formRef = useRef17(null);
-  const stateRef = useRef17({
+  const [formPosition, setFormPosition] = useState24({ left: 16, top: 16, opacity: 0 });
+  const [detailsNode, setDetailsNode] = useState24(null);
+  const [detailsLink, setDetailsLink] = useState24(null);
+  const [ancestryLinkDetails, setAncestryLinkDetails] = useState24(null);
+  const [imageViewer, setImageViewer] = useState24({ visible: false, images: [], startIndex: 0 });
+  const [editingAncestryRel, setEditingAncestryRel] = useState24({ visible: false, data: null, path: null });
+  const [isImportModalOpen, setIsImportModalOpen] = useState24(false);
+  const [importSuccessMessage, setImportSuccessMessage] = useState24("");
+  const [highlightedNodeId, setHighlightedNodeId] = useState24(null);
+  const [isAncestryBoardOpen, setIsAncestryBoardOpen] = useState24(false);
+  const [ancestryBoardData, setAncestryBoardData] = useState24([]);
+  const [isSidebarOpen, setIsSidebarOpen] = useState24(false);
+  const mountRef = useRef18(null);
+  const tooltipRef = useRef18(null);
+  const formRef = useRef18(null);
+  const stateRef = useRef18({
     readMode: {
       currentMaxIndex: 0,
       progressMap: {}
@@ -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();
@@ -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,6 +11576,97 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
+  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: short2.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_${short2.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 = useCallback4((ancestryId) => {
     const { renderedAncestries, ancestryGroup } = stateRef.current;
     const renderIndex = renderedAncestries.findIndex((a) => String(a.id) === String(ancestryId));
@@ -12595,6 +12934,7 @@ function XViewScene({
     [actionHandlerContext]
   );
   const handleSaveCurrentView = useCallback4(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,17 +12956,22 @@ 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]);
+  }, [sceneSaveUrl, save_view_data, sceneConfigId, viewParams == null ? void 0 : viewParams.type]);
   const allAvailableNodes = useMemo12(() => {
     if (!parentDataRef.current) return [];
     return Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
@@ -12712,20 +13057,20 @@ function XViewScene({
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
-    return /* @__PURE__ */ React23.createElement(LoadingScreen, null);
+    return /* @__PURE__ */ React24.createElement(LoadingScreen, null);
   }
   if (permissionStatus === "denied") {
-    return /* @__PURE__ */ React23.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React23.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React23.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React23.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__ */ React23.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__ */ React23.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React23.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__ */ React23.createElement(
+    return /* @__PURE__ */ React24.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ React24.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ React24.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ React24.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__ */ React24.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__ */ React24.createElement("h2", { className: "text-2xl font-bold mb-2" }, "Acesso Negado"), /* @__PURE__ */ React24.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__ */ React24.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__ */ React23.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__ */ React23.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
+      /* @__PURE__ */ React24.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__ */ React24.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })),
       "Voltar para Scenes"
     )));
   }
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.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__ */ React23.createElement(
+    userPermissionRole !== "link_viewer" && /* @__PURE__ */ React24.createElement(
       XViewSidebar,
       {
         dbNodes: searchableDbNodes,
@@ -12757,7 +13102,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    creationMode.isActive && /* @__PURE__ */ React23.createElement(
+    creationMode.isActive && /* @__PURE__ */ React24.createElement(
       InSceneCreationForm,
       {
         onSave: (data) => userActionHandlers.handleSaveNode(actionHandlerContext, data),
@@ -12782,7 +13127,7 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    versionMode.isActive && /* @__PURE__ */ React23.createElement(
+    versionMode.isActive && /* @__PURE__ */ React24.createElement(
       InSceneVersionForm,
       {
         onSave: (data) => userActionHandlers.handleSaveVersionNode(actionHandlerContext, data),
@@ -12801,13 +13146,27 @@ function XViewScene({
         availableAncestries: allAvailableAncestries
       }
     ),
-    readingMode.isActive && readingMode.ancestry && /* @__PURE__ */ React23.createElement(
+    questMode.isActive && /* @__PURE__ */ React24.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__ */ React24.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__ */ React23.createElement(
+      /* @__PURE__ */ React24.createElement(
         "div",
         {
           onPointerDown: (e) => {
@@ -12818,7 +13177,7 @@ function XViewScene({
           title: "Arraste para redimensionar"
         }
       ),
-      /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React24.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__ */ React23.createElement(
+    ancestryMode.isActive && ancestryMode.tree && /* @__PURE__ */ React24.createElement(
       CreateAncestryPanel,
       {
         ancestryMode,
@@ -12880,7 +13239,7 @@ function XViewScene({
         onRenderAbstractionTree: (data, targetId) => handleRenderAbstractionTree(data, targetId)
       }
     ),
-    editingAncestryRel.visible && /* @__PURE__ */ React23.createElement(
+    editingAncestryRel.visible && /* @__PURE__ */ React24.createElement(
       AncestryRelationshipPanel,
       {
         data: editingAncestryRel.data,
@@ -12894,7 +13253,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    detailsNode && /* @__PURE__ */ React23.createElement(
+    detailsNode && /* @__PURE__ */ React24.createElement(
       NodeDetailsPanel,
       {
         node: detailsNode,
@@ -12921,7 +13280,7 @@ function XViewScene({
         currentDatasetName: detailsNodeDatasetInfo == null ? void 0 : detailsNodeDatasetInfo.datasetName
       }
     ),
-    detailsLink && /* @__PURE__ */ React23.createElement(
+    detailsLink && /* @__PURE__ */ React24.createElement(
       RelationshipDetailsPanel,
       {
         link: detailsLink,
@@ -12935,7 +13294,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    ancestryLinkDetails && /* @__PURE__ */ React23.createElement(
+    ancestryLinkDetails && /* @__PURE__ */ React24.createElement(
       AncestryLinkDetailsPanel,
       {
         data: ancestryLinkDetails,
@@ -12946,7 +13305,7 @@ function XViewScene({
         onUploadFile: upload_file_action
       }
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       "div",
       {
         ref: tooltipRef,
@@ -12973,7 +13332,7 @@ function XViewScene({
         }
       }
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       ContextMenu,
       {
         data: contextMenu,
@@ -12996,7 +13355,7 @@ function XViewScene({
         onFocusNode: handleFocusNode
       }
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       MultiNodeContextMenu,
       {
         data: multiContextMenu,
@@ -13007,7 +13366,7 @@ function XViewScene({
         onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(actionHandlerContext, ids)
       }
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       RelationshipContextMenu,
       {
         data: relationshipMenu,
@@ -13025,8 +13384,8 @@ function XViewScene({
         onDelete: (data) => userActionHandlers.handleDeleteLink(actionHandlerContext, data)
       }
     ),
-    /* @__PURE__ */ React23.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(ImageViewer, { data: imageViewer, onClose: () => setImageViewer({ ...imageViewer, visible: false }) }),
+    /* @__PURE__ */ React24.createElement(
       AncestryBoard,
       {
         isOpen: isAncestryBoardOpen,
@@ -13039,7 +13398,7 @@ function XViewScene({
         userRole: userPermissionRole
       }
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.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}`);