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

package/dist/index.mjs

@@ -250,11 +250,12 @@ function ContextMenu({
     });
   };
   const renderMainView = () => {
+    var _a2;
     const hasVersions = computedVersions.length > 0;
     const canCreateVersion = ability.can("create", "Versioning");
     const canReadVersion = ability.can("read", "Versioning");
     const shouldShowVersioningBtn = canCreateVersion || canReadVersion && hasVersions;
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", null, "Conectar")), ability.can("create", "Node") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ React.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ React.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 20.5c.5-.5.8-1.2.8-2s-.3-1.5-.8-2c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8c-.5.5-.8 1.2-.8 2s.3 1.5.8 2c.5.5 1.2-.8 2 .8s1.5-.3 2-.8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M14 3.5c.5.5.8 1.2.8 2s-.3 1.5-.8 2c-.5-.5-1.2-.8-2 .8s1.5.3-2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ React.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ React.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" }), /* @__PURE__ */ React.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ React.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-2 pt-1 pb-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex h-2 w-2 rounded-full bg-indigo-400/80 shadow-[0_0_12px_1px_rgba(99,102,241,0.5)]" }), /* @__PURE__ */ React.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "A\xE7\xF5es R\xE1pidas")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-1" }, ability.can("create", "Connection") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartConnection == null ? void 0 : onStartConnection(data.nodeData), className: baseButtonClass, title: "Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", null, "Conectar")), ability.can("create", "Node") && !((_a2 = data.nodeData) == null ? void 0 : _a2.is_quest) && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartCreation == null ? void 0 : onStartCreation(data.nodeData), className: baseButtonClass, title: "Criar e Conectar" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }), /* @__PURE__ */ React.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" })), /* @__PURE__ */ React.createElement("span", null, "Criar e Conectar")), ability.can("create", "Ancestry") && /* @__PURE__ */ React.createElement("button", { onClick: () => onStartAncestryCreation == null ? void 0 : onStartAncestryCreation(data.nodeData), className: baseButtonClass, title: "Criar Ancestralidade" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 20.5c.5-.5.8-1.2.8-2s-.3-1.5-.8-2c-.5-.5-1.2-.8-2-.8s-1.5.3-2 .8c-.5.5-.8 1.2-.8 2s.3 1.5.8 2c.5.5 1.2-.8 2 .8s1.5-.3 2-.8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M10 16v-3a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ React.createElement("path", { d: "M14 3.5c.5.5.8 1.2.8 2s-.3 1.5-.8 2c-.5-.5-1.2-.8-2 .8s1.5.3-2-.8c-.5-.5-.8-1.2-.8-2s.3-1.5.8-2c.5.5 1.2-.8 2 .8s1.5.3 2 .8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M14 8v3a2 2 0 0 0 2 2h4" })), /* @__PURE__ */ React.createElement("span", null, "Criar Ancestralidade")), shouldShowVersioningBtn && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("versioning"), className: baseButtonClass, title: hasVersions ? "Versionamento" : "Criar Versionamento" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("line", { x1: "6", y1: "3", x2: "6", y2: "15" }), /* @__PURE__ */ React.createElement("circle", { cx: "18", cy: "6", r: "3" }), /* @__PURE__ */ React.createElement("circle", { cx: "6", cy: "18", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M18 9a9 9 0 0 1-9 9" })), /* @__PURE__ */ React.createElement("span", null, hasVersions || !canCreateVersion ? "Versionamento" : "Criar Versionamento")), (connections.length > 0 || availableAncestries.length > 0) && ability.can("read", "Connection") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("connections"), className: baseButtonClass, title: "Conex\xF5es" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" }), /* @__PURE__ */ React.createElement("path", { d: "M8 12h8" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v8" })), /* @__PURE__ */ React.createElement("span", null, "Conex\xF5es (", totalConnectionsCount, ")"))), /* @__PURE__ */ React.createElement("div", { className: "my-1 h-px w-full bg-white/10" }), /* @__PURE__ */ React.createElement("button", { onClick: () => {
       onFocusNode == null ? void 0 : onFocusNode(data.nodeData);
       onClose();
     }, className: baseButtonClass, title: "Focar na c\xE2mera" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })), /* @__PURE__ */ React.createElement("span", null, "Focar neste Node")), /* @__PURE__ */ React.createElement("button", { onClick: (e) => handleCopyLink(e, data.nodeData), className: baseButtonClass, title: "Copiar Link para Compartilhar" }, isLinkCopied ? /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#4ade80", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "20 6 9 17 4 12" })) : /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72" })), /* @__PURE__ */ React.createElement("span", { className: isLinkCopied ? "text-green-400" : "" }, isLinkCopied ? "Copiado!" : "Copiar Link")), ability.can("dismiss", "Node") && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissNode == null ? void 0 : onDismissNode(data.nodeData), className: baseButtonClass, title: "Remover da visualiza\xE7\xE3o" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React.createElement("line", { x1: "2", y1: "2", x2: "22", y2: "22" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss")), /* @__PURE__ */ React.createElement("button", { onClick: () => onDismissOtherNodes == null ? void 0 : onDismissOtherNodes(data.nodeData), className: baseButtonClass, title: "Remover outros da visualiza\xE7\xE3o" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }), /* @__PURE__ */ React.createElement("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }), /* @__PURE__ */ React.createElement("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })), /* @__PURE__ */ React.createElement("span", null, "Dismiss other nodes"))), ability.can("delete", "Node") && /* @__PURE__ */ React.createElement("button", { onClick: () => setMenuView("deleteConfirmation"), className: deleteButtonClass, title: "Excluir Node" }, /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("polyline", { points: "3 6 5 6 21 6" }), /* @__PURE__ */ React.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), /* @__PURE__ */ React.createElement("line", { x1: "14", y1: "11", x2: "14", y2: "17" })), /* @__PURE__ */ React.createElement("span", null, "Excluir Node"))));
@@ -1181,8 +1182,6 @@ var createMultipleLinkLines = (linksArray, sourceNodeMesh, targetNodeMesh, resol
       targetNodeMesh,
       resolution,
       isCurved,
-      isCurved,
-      isCurved,
       curveOffset
     );
     line.userData = {
@@ -1515,7 +1514,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 +1523,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 };
@@ -1793,6 +1794,7 @@ var userActionHandlers = {
     setters.setFormPosition((p) => ({ ...p, opacity: 0 }));
   },
   handleSaveVersionNode: async (context, newNodeData) => {
+    var _a;
     const { graphDataRef, sceneDataRef, stateRef, versionMode, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNodeData } = versionMode;
@@ -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.");
@@ -1812,9 +1814,21 @@ var userActionHandlers = {
     const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
     specificParentData.nodes.push(newNode);
     specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      }
       graphDataRef.current[parentFileId] = specificParentData;
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
       addNewNodeToScene(stateRef.current, newNode, newLink, finalPosition);
@@ -1838,10 +1852,6 @@ var userActionHandlers = {
       var _a;
       const isSource = String(link.source) === String(sourceNode.id);
       const targetNodeId = isSource ? link.target : link.source;
-      const linkAlreadyInSceneData = sceneDataRef.current.links.some((l) => String(l.id) === String(link.id));
-      if (!linkAlreadyInSceneData) {
-        sceneDataRef.current.links.push(link);
-      }
       if (!nodeObjects[String(targetNodeId)]) {
         const allParentNodes = Object.values(graphDataRef.current).flatMap((fileData) => fileData.nodes);
         const nodeData = allParentNodes.find((n) => String(n.id) === String(targetNodeId));
@@ -1849,9 +1859,6 @@ var userActionHandlers = {
           console.warn(`Dados do Node com ID ${targetNodeId} n\xE3o encontrados no cache.`);
           return;
         }
-        if (!sceneDataRef.current.nodes.some((n) => String(n.id) === String(nodeData.id))) {
-          sceneDataRef.current.nodes.push(nodeData);
-        }
         const startPosition = sourceNodeMesh.position.clone();
         const endPosition = startPosition.clone().add(
           new THREE.Vector3((Math.random() - 0.5) * 60, (Math.random() - 0.5) * 15, (Math.random() - 0.5) * 60)
@@ -1971,6 +1978,7 @@ var userActionHandlers = {
     if (mountRef.current) mountRef.current.style.cursor = "grab";
   },
   handleCompleteConnection: async (context, targetNodeData) => {
+    var _a;
     const { stateRef, graphDataRef, sceneDataRef } = context;
     const { sourceNodeData } = stateRef.current.connection;
     if (!graphDataRef.current || !sceneDataRef.current || !sourceNodeData || !targetNodeData) {
@@ -1978,7 +1986,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.");
@@ -1993,12 +2001,26 @@ var userActionHandlers = {
       source: sourceNodeData.id,
       target: targetNodeData.id
     };
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileIdToSave]));
-    specificParentData.links.push(newLink);
-    const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
-      graphDataRef.current[parentFileIdToSave] = specificParentData;
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileIdToSave === context.sceneConfigId) {
+        const specificParentData = graphDataRef.current[context.sceneConfigId];
+        specificParentData.links.push(newLink);
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileIdToSave]));
+        specificParentData.links.push(newLink);
+        const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        graphDataRef.current[parentFileIdToSave] = specificParentData;
+      }
       addNewLinkToScene(stateRef.current, newLink);
     } catch (error) {
       console.error("Falha ao salvar a nova conex\xE3o:", error);
@@ -2067,14 +2089,28 @@ var userActionHandlers = {
     } else {
       newTargetId = newEndNodeData.id;
     }
-    const originalParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldSourceId);
-    const newParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newSourceId);
-    if (!originalParentInfo || !newParentInfo || !originalParentInfo.ownerId || !newParentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar informa\xE7\xF5es dos arquivos pai para o relink.");
+    const oldSourceInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldSourceId, context.sceneConfigId, context.ownerId);
+    const oldTargetInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldTargetId, context.sceneConfigId, context.ownerId);
+    const newSourceInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newSourceId, context.sceneConfigId, context.ownerId);
+    const newTargetInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newTargetId, context.sceneConfigId, context.ownerId);
+    if (!oldSourceInfo || !oldTargetInfo || !newSourceInfo || !newTargetInfo) {
+      console.error("Informa\xE7\xF5es dos arquivos pai incompletas para o relink.");
       alert("Ocorreu um erro ao identificar os arquivos pai para salvar a altera\xE7\xE3o.");
       userActionHandlers.handleCancelRelink(context);
       return;
     }
+    let oldGoverningFileId = oldSourceInfo.parentFileId;
+    let oldGoverningOwnerId = oldSourceInfo.ownerId;
+    if (oldSourceInfo.parentFileId === context.sceneConfigId || oldTargetInfo.parentFileId === context.sceneConfigId) {
+      oldGoverningFileId = context.sceneConfigId;
+      oldGoverningOwnerId = context.ownerId;
+    }
+    let newGoverningFileId = newSourceInfo.parentFileId;
+    let newGoverningOwnerId = newSourceInfo.ownerId;
+    if (newSourceInfo.parentFileId === context.sceneConfigId || newTargetInfo.parentFileId === context.sceneConfigId) {
+      newGoverningFileId = context.sceneConfigId;
+      newGoverningOwnerId = context.ownerId;
+    }
     const { sourceNode, targetNode, ...dataToKeep } = originalLinkData;
     const newLinkData = {
       ...dataToKeep,
@@ -2082,34 +2118,44 @@ var userActionHandlers = {
       target: newTargetId,
       id: linkId
     };
+    const saveParentData = async (fileId, fileOwnerId, data) => {
+      var _a;
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && fileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: data.nodes,
+          quest_links: data.links
+        };
+        return context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        return context.actions.save_view_data(`x_view_dbs/${fileOwnerId}/${fileId}`, data);
+      }
+    };
     const savePromises = [];
     const filesToUpdate = {};
-    if (originalParentInfo.parentFileId !== newParentInfo.parentFileId) {
-      const updatedOriginalParentData = JSON.parse(JSON.stringify(graphDataRef.current[originalParentInfo.parentFileId]));
+    if (oldGoverningFileId !== newGoverningFileId) {
+      const updatedOriginalParentData = JSON.parse(JSON.stringify(graphDataRef.current[oldGoverningFileId]));
       updatedOriginalParentData.links = updatedOriginalParentData.links.filter(
         (l) => String(l.id) !== String(linkId)
       );
-      filesToUpdate[originalParentInfo.parentFileId] = updatedOriginalParentData;
-      savePromises.push(
-        context.actions.save_view_data(`x_view_dbs/${originalParentInfo.ownerId}/${originalParentInfo.parentFileId}`, updatedOriginalParentData)
-      );
-      const updatedNewParentData = JSON.parse(JSON.stringify(graphDataRef.current[newParentInfo.parentFileId]));
+      filesToUpdate[oldGoverningFileId] = updatedOriginalParentData;
+      savePromises.push(saveParentData(oldGoverningFileId, oldGoverningOwnerId, updatedOriginalParentData));
+      const updatedNewParentData = JSON.parse(JSON.stringify(graphDataRef.current[newGoverningFileId]));
       if (!updatedNewParentData.links) updatedNewParentData.links = [];
       updatedNewParentData.links.push(newLinkData);
-      filesToUpdate[newParentInfo.parentFileId] = updatedNewParentData;
-      savePromises.push(
-        context.actions.save_view_data(`x_view_dbs/${newParentInfo.ownerId}/${newParentInfo.parentFileId}`, updatedNewParentData)
-      );
+      filesToUpdate[newGoverningFileId] = updatedNewParentData;
+      savePromises.push(saveParentData(newGoverningFileId, newGoverningOwnerId, updatedNewParentData));
     } else {
-      const updatedParentData = JSON.parse(JSON.stringify(graphDataRef.current[originalParentInfo.parentFileId]));
+      const updatedParentData = JSON.parse(JSON.stringify(graphDataRef.current[oldGoverningFileId]));
       updatedParentData.links = updatedParentData.links.filter(
         (l) => String(l.id) !== String(linkId)
       );
       updatedParentData.links.push(newLinkData);
-      filesToUpdate[originalParentInfo.parentFileId] = updatedParentData;
-      savePromises.push(
-        context.actions.save_view_data(`x_view_dbs/${originalParentInfo.ownerId}/${originalParentInfo.parentFileId}`, updatedParentData)
-      );
+      filesToUpdate[oldGoverningFileId] = updatedParentData;
+      savePromises.push(saveParentData(oldGoverningFileId, oldGoverningOwnerId, updatedParentData));
     }
     try {
       await Promise.all(savePromises);
@@ -2127,7 +2173,7 @@ var userActionHandlers = {
     }
   },
   handleDeleteLink: async (context, linkObject) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { stateRef, graphDataRef, sceneDataRef, setters } = context;
     setters.setRelationshipMenu({ visible: false });
     if (!(linkObject == null ? void 0 : linkObject.userData) || !graphDataRef.current || !sceneDataRef.current) return;
@@ -2136,7 +2182,7 @@ var userActionHandlers = {
       console.error("Tentativa de deletar um link sem ID.", linkObject.userData);
       return;
     }
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkObject.userData.source);
+    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkObject.userData.source, context.sceneConfigId, context.ownerId);
     if (!parentInfo || !parentInfo.ownerId) {
       console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link:", linkIdToDelete);
       alert("Ocorreu um erro ao identificar o arquivo pai da rela\xE7\xE3o para exclus\xE3o.");
@@ -2148,9 +2194,25 @@ 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;
+    const isView = ((_g = context.viewType) == null ? void 0 : _g.toLowerCase()) === "view";
+    if (isView && parentFileId === context.sceneConfigId) {
+      filenameToSave = context.sceneSaveUrl;
+      sceneDataRef.current.links = sceneDataRef.current.links.filter((l) => String(l.id) !== String(linkIdToDelete));
+      payloadToSave = {
+        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) {
@@ -2168,12 +2230,6 @@ var userActionHandlers = {
     if (!nodeData || !sceneDataRef.current) return;
     const nodeIdToDismiss = nodeData.id;
     const strNodeId = String(nodeIdToDismiss);
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => String(n.id) !== strNodeId
-    );
-    sceneDataRef.current.links = sceneDataRef.current.links.filter(
-      (l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId
-    );
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2215,22 +2271,12 @@ var userActionHandlers = {
       removeNodeFromScene(stateRef.current, nodeId);
       setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev);
     });
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => String(n.id) === strNodeIdToKeep
-    );
-    sceneDataRef.current.links = [];
   },
   handleDismissMultipleNodes: (context, nodeIds) => {
     const { stateRef, sceneDataRef, setters } = context;
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !sceneDataRef.current) return;
     const strNodeIds = Array.from(nodeIds).map(String);
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => !strNodeIds.includes(String(n.id))
-    );
-    sceneDataRef.current.links = sceneDataRef.current.links.filter(
-      (l) => !strNodeIds.includes(String(l.source)) && !strNodeIds.includes(String(l.target))
-    );
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2286,15 +2332,10 @@ var userActionHandlers = {
       removeNodeFromScene(stateRef.current, nodeId);
       setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev);
     });
-    sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
-      (n) => strNodeIdsToKeep.includes(String(n.id))
-    );
-    sceneDataRef.current.links = sceneDataRef.current.links.filter(
-      (l) => strNodeIdsToKeep.includes(String(l.source)) && strNodeIdsToKeep.includes(String(l.target))
-    );
     stateRef.current.selectedNodes.clear();
   },
   handleDeleteMultipleNodes: async (context, nodeIds) => {
+    var _a;
     const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !graphDataRef.current || !sceneDataRef.current) return;
@@ -2313,7 +2354,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 +2388,27 @@ 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;
+        const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+        if (isView && parentFileId === context.sceneConfigId) {
+          filenameToSave = context.sceneSaveUrl;
+          const strNodesToDelete = Array.from(nodesToDelete).map(String);
+          const strLinksToDelete = Array.from(linksToDelete).map(String);
+          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;
       }
     }
@@ -2369,6 +2429,7 @@ var userActionHandlers = {
     }
   },
   handleDeleteNode: async (context, nodeData) => {
+    var _a;
     const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     if (actions.delete_file && nodeData) {
       const urls = extractFileUrlsFromProperties(nodeData);
@@ -2380,7 +2441,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 +2453,28 @@ 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;
+    const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+    if (isView && parentFileId === context.sceneConfigId) {
+      filenameToSave = context.sceneSaveUrl;
+      const newVisualNodes = sceneDataRef.current.nodes.filter((n) => String(n.id) !== strNodeId);
+      const newVisualLinks = sceneDataRef.current.links.filter((l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId);
+      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);
@@ -2405,10 +2485,11 @@ var userActionHandlers = {
     }
   },
   handleSaveNodeDetails: async (context, updatedNode, keepOpen = false) => {
+    var _a;
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { _baseEmissiveIntensity: ignored, ...nodeToSave } = updatedNode;
-    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.");
@@ -2424,9 +2505,21 @@ var userActionHandlers = {
       alert("Erro interno: Node n\xE3o encontrado para salvar.");
       return;
     }
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      }
       graphDataRef.current[parentFileId] = specificParentData;
       updateExistingNodeVisuals(stateRef.current, nodeToSave);
       setters.setSceneVersion((v) => v + 1);
@@ -2439,10 +2532,11 @@ var userActionHandlers = {
     }
   },
   handleSaveLinkDetails: async (context, updatedLink, keepOpen = false) => {
+    var _a;
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNode, targetNode, ...linkToSave } = updatedLink;
-    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.");
@@ -2458,9 +2552,21 @@ var userActionHandlers = {
       alert("Erro interno: link n\xE3o encontrado para salvar.");
       return;
     }
-    const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
     try {
-      await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
+      if (isView && parentFileId === context.sceneConfigId) {
+        const viewFilePayload = {
+          parent_dbs: sceneDataRef.current.parent_dbs,
+          nodes: sceneDataRef.current.nodes,
+          links: sceneDataRef.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+      } else {
+        const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
+        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+      }
       graphDataRef.current[parentFileId] = specificParentData;
       const lineObject = stateRef.current.allLinks.find(
         (l) => String(l.userData.id) === String(linkToSave.id)
@@ -2483,7 +2589,7 @@ var userActionHandlers = {
     }
   },
   handleAddExistingNodeById: (context, nodeId) => {
-    var _a, _b;
+    var _a;
     const { stateRef, sceneDataRef, graphDataRef, tweenToTarget, setters } = context;
     const state = stateRef.current;
     const graphFull = graphDataRef.current;
@@ -2499,16 +2605,12 @@ var userActionHandlers = {
       tweenToTarget(state.nodeObjects[strNodeId]);
       return;
     }
-    const alreadyInSceneData = (((_a = sceneDataRef.current) == null ? void 0 : _a.nodes) || []).some((n) => String(n.id) === String(strNodeId));
-    if (!alreadyInSceneData) {
-      sceneDataRef.current.nodes.push(nodeData);
-    }
     const base = state.controls ? state.controls.target.clone() : new THREE.Vector3(0, 0, 0);
     const offset = new THREE.Vector3((Math.random() - 0.5) * 20, (Math.random() - 0.5) * 6, (Math.random() - 0.5) * 20);
     const position = base.add(offset);
     addStandaloneNodeToScene(state, nodeData, position);
     tweenToTarget(position, 1.3);
-    (_b = setters == null ? void 0 : setters.setSceneVersion) == null ? void 0 : _b.call(setters, (v) => v + 1);
+    (_a = setters == null ? void 0 : setters.setSceneVersion) == null ? void 0 : _a.call(setters, (v) => v + 1);
   }
 };
 
@@ -3097,7 +3199,7 @@ function useResizablePanel({ initialWidth, minWidth, maxWidth }) {
 
 // src/components/CustomPropertyDisplay.jsx
 import React3, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
-import { FiCheck, FiX as FiX2, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
+import { FiCheck, FiX, FiEdit3, FiTrash2, FiExternalLink, FiFileText, FiChevronDown, FiUpload, FiLoader } from "react-icons/fi";
 function CustomPropertyDisplay({
   prop,
   onUpdate,
@@ -3388,7 +3490,7 @@ function CustomPropertyDisplay({
         default:
           return /* @__PURE__ */ React3.createElement("input", { type: "text", placeholder: "Valor", value: tempProp.value, onChange: (e) => handlePropChange("value", e.target.value), className: baseInput });
       }
-    })()), /* @__PURE__ */ React3.createElement("div", { className: "flex justify-end items-center gap-2 pt-1" }, /* @__PURE__ */ React3.createElement("button", { onClick: handleCancel, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiX2, { className: "text-red-400" })), /* @__PURE__ */ React3.createElement("button", { onClick: handleSave, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiCheck, { className: "text-green-400" }))));
+    })()), /* @__PURE__ */ React3.createElement("div", { className: "flex justify-end items-center gap-2 pt-1" }, /* @__PURE__ */ React3.createElement("button", { onClick: handleCancel, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiX, { className: "text-red-400" })), /* @__PURE__ */ React3.createElement("button", { onClick: handleSave, type: "button", className: "w-8 h-8 grid place-items-center rounded-lg hover:bg-white/10 transition-colors" }, /* @__PURE__ */ React3.createElement(FiCheck, { className: "text-green-400" }))));
   };
   const renderDisplayView = () => /* @__PURE__ */ React3.createElement("div", { className: "w-full space-y-2 text-sm" }, /* @__PURE__ */ React3.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React3.createElement("p", { className: "font-semibold text-slate-200" }, prop.key), /* @__PURE__ */ React3.createElement("span", { className: "text-xs capitalize bg-slate-700/50 px-2 py-0.5 rounded text-slate-400" }, prop.type)), /* @__PURE__ */ React3.createElement("div", { className: "text-slate-300 pl-1" }, (() => {
     switch (prop.type) {
@@ -7024,7 +7126,7 @@ function CreateAncestryPanel({
 
 // src/components/ImageViewer.jsx
 import React11, { useState as useState12, useEffect as useEffect11, useLayoutEffect as useLayoutEffect2, useCallback as useCallback3 } from "react";
-import { FiX as FiX3, FiChevronLeft as FiChevronLeft3, FiChevronRight as FiChevronRight5 } from "react-icons/fi";
+import { FiX as FiX2, FiChevronLeft as FiChevronLeft3, FiChevronRight as FiChevronRight5 } from "react-icons/fi";
 function ImageViewer({ data, onClose }) {
   var _a;
   const { images = [], startIndex = 0, visible } = data;
@@ -7109,7 +7211,7 @@ function ImageViewer({ data, onClose }) {
           className: "absolute top-4 right-4 z-10 w-10 h-10 flex items-center justify-center bg-white/10 hover:bg-white/20 rounded-full text-white text-2xl transition-colors",
           "aria-label": "Fechar"
         },
-        /* @__PURE__ */ React11.createElement(FiX3, null)
+        /* @__PURE__ */ React11.createElement(FiX2, null)
       ),
       /* @__PURE__ */ React11.createElement("div", { className: "relative max-w-full max-h-full flex items-center justify-center" }, isLoading && /* @__PURE__ */ React11.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React11.createElement("div", { className: "h-10 w-10 border-2 border-white/40 border-t-white rounded-full animate-spin" })), loadedSrc && /* @__PURE__ */ React11.createElement(
         "img",
@@ -7245,7 +7347,7 @@ function ColorPicker({ color, onChange, disabled }) {
 }
 
 // src/components/InSceneCreationForm.jsx
-import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX4, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun, FiChevronDown as FiChevronDown4 } from "react-icons/fi";
+import { FiPlus as FiPlus3, FiMaximize2, FiX as FiX3, FiCheck as FiCheck7, FiEdit2 as FiEdit24, FiSun, FiChevronDown as FiChevronDown4 } from "react-icons/fi";
 function InSceneCreationForm({
   onSave,
   onCancel,
@@ -7463,7 +7565,7 @@ function InSceneCreationForm({
         onClick: () => handleRemoveType(index),
         className: "hover:text-white transition-colors"
       },
-      /* @__PURE__ */ React13.createElement(FiX4, { size: 12 })
+      /* @__PURE__ */ React13.createElement(FiX3, { size: 12 })
     ))), /* @__PURE__ */ React13.createElement(
       "input",
       {
@@ -7837,16 +7939,12 @@ 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 } from "react-icons/fi";
+import { FiPlus as FiPlus5, FiCheck as FiCheck9, FiEdit2 as FiEdit26, FiTarget, FiX as FiX4, FiChevronDown as FiChevronDown5 } 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,
@@ -7857,7 +7955,11 @@ function InSceneQuestForm({
   availableNodes = [],
   availableAncestries = [],
   onMentionClick,
-  onUploadFile
+  onUploadFile,
+  // NOVAS PROPS PARA O GHOST NODE
+  onNameChange,
+  onColorChange,
+  onSizeChange
 }) {
   const [name, setName] = useState16("");
   const [types, setTypes] = useState16(["quest"]);
@@ -7866,6 +7968,7 @@ function InSceneQuestForm({
   const [size, setSize] = useState16("medium");
   const [intensity, setIntensity] = useState16(0);
   const [description, setDescription] = useState16("");
+  const [isStatusDropdownOpen, setIsStatusDropdownOpen] = useState16(false);
   const [customProps, setCustomProps] = useState16([]);
   const [isDescriptionModalOpen, setIsDescriptionModalOpen] = useState16(false);
   const propsEndRef = useRef12(null);
@@ -7884,7 +7987,7 @@ function InSceneQuestForm({
     setCustomProps(newProps);
   };
   const handleAddType = (newType) => {
-    const trimmed = newType.trim().toLowerCase();
+    const trimmed = newType.trim();
     if (trimmed && !types.includes(trimmed)) {
       setTypes([...types, trimmed]);
       setTypeInput("");
@@ -7916,7 +8019,6 @@ function InSceneQuestForm({
       name: name.trim(),
       type: types,
       color: QUEST_STATUS_COLORS[status],
-      // Cor atrelada ao status
       status,
       size,
       intensity,
@@ -7943,20 +8045,52 @@ function InSceneQuestForm({
       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("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(FiTarget, { className: "text-sky-400", size: 14 }), /* @__PURE__ */ React15.createElement("p", { className: "text-xs/relaxed text-slate-300" }, "Nova quest")), /* @__PURE__ */ React15.createElement("h2", { className: "text-xl sm:text-2xl font-semibold tracking-tight" }, "Criar Quest")), /* @__PURE__ */ React15.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onCancel,
+        className: "w-9 h-9 grid place-content-center rounded-lg border border-white/15 bg-transparent hover:bg-white/5 transition-colors text-xl",
+        title: "Fechar"
+      },
+      "\xD7"
+    )),
+    /* @__PURE__ */ 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("div", { className: "relative" }, /* @__PURE__ */ React15.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsStatusDropdownOpen(!isStatusDropdownOpen),
+        className: "w-full bg-slate-800/70 p-2.5 text-sm rounded-lg border border-white/10 hover:border-white/20 focus:outline-none focus:ring-2 focus:ring-indigo-400/60 transition-colors flex items-center justify-between"
+      },
+      /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement("span", { className: "w-3 h-3 rounded-full shadow-[0_0_8px_rgba(0,0,0,0.5)]", style: { backgroundColor: QUEST_STATUS_COLORS[status] } }), /* @__PURE__ */ React15.createElement("span", { className: "text-slate-200 font-medium" }, status)),
+      /* @__PURE__ */ React15.createElement(FiChevronDown5, { className: `text-slate-400 transition-transform duration-200 ${isStatusDropdownOpen ? "rotate-180" : ""}` })
+    ), isStatusDropdownOpen && /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-40", onClick: () => setIsStatusDropdownOpen(false) }), /* @__PURE__ */ React15.createElement("ul", { className: "absolute top-full left-0 mt-1.5 w-full bg-slate-800 border border-white/10 rounded-lg shadow-[0_8px_30px_rgba(0,0,0,0.5)] z-50 overflow-hidden" }, Object.keys(QUEST_STATUS_COLORS).map((s) => /* @__PURE__ */ React15.createElement(
+      "li",
+      {
+        key: s,
+        onClick: () => {
+          setStatus(s);
+          setIsStatusDropdownOpen(false);
+          onColorChange == null ? void 0 : onColorChange(QUEST_STATUS_COLORS[s]);
+        },
+        className: `px-3 py-2.5 text-sm cursor-pointer transition-colors flex items-center gap-2 ${status === s ? "bg-indigo-500/20 text-white" : "text-slate-300 hover:bg-white/5 hover:text-white"}`
       },
-      /* @__PURE__ */ 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(FiX, { size: 12 })))), /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React15.createElement("span", { className: "w-3 h-3 rounded-full", style: { backgroundColor: QUEST_STATUS_COLORS[s] } }),
+      s
+    )))))), /* @__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);
+          onNameChange == null ? void 0 : onNameChange(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",
@@ -7967,7 +8101,6 @@ function InSceneQuestForm({
           if (typeInput.trim()) handleAddType(typeInput);
         },
         className: "flex-1 bg-transparent text-sm min-w-[80px] focus:outline-none text-slate-200",
-        placeholder: "Ex.: Bugfix",
         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(
@@ -7980,7 +8113,20 @@ function InSceneQuestForm({
         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(
+    ), /* @__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 Node (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);
+          onSizeChange == null ? void 0 : onSizeChange(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,
@@ -10173,7 +10319,7 @@ function XViewScene({
         });
       }
       return {
-        node: effectiveNode || { id: nodeId, name: "Unknown" },
+        ...effectiveNode ? { node: effectiveNode } : { node: { id: nodeId, name: "Unknown" } },
         relationship: treeItem.relationship || {},
         children: (treeItem.children || []).map(recursiveBuild).filter(Boolean),
         parallel_branches: processedBranches
@@ -10872,20 +11018,6 @@ function XViewScene({
       const context = actionHandlerContext;
       if (connection.isActive) {
         if (hoveredNode && String(hoveredNode.userData.id) !== String(connection.sourceNodeData.id)) {
-          const sourceId = String(connection.sourceNodeData.id);
-          const targetId = String(hoveredNode.userData.id);
-          let parentInfo = stateRef.current.nodeIdToParentFileMap.get(sourceId);
-          if (!parentInfo || !parentInfo.ownerId) {
-            parentInfo = stateRef.current.nodeIdToParentFileMap.get(targetId);
-            if (parentInfo && parentInfo.ownerId) {
-              stateRef.current.nodeIdToParentFileMap.set(sourceId, parentInfo);
-            } else {
-              console.error("Nenhum dos Nodes possui um Dataset pai v\xE1lido para salvar a conex\xE3o.");
-              alert("N\xE3o \xE9 poss\xEDvel conectar dois Nodes de Quest diretamente sem um Dataset pai, ou ocorreu um erro.");
-              userActionHandlers.handleCancelConnection(context);
-              return;
-            }
-          }
           await userActionHandlers.handleCompleteConnection(context, hoveredNode.userData);
         } else {
           userActionHandlers.handleCancelConnection(context);
@@ -10991,39 +11123,6 @@ function XViewScene({
         }
       }
     }
-    function handleCancelAncestryCreation() {
-      setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
-      if (mountRef.current) mountRef.current.style.cursor = "grab";
-    }
-    function handleKeyDown(event) {
-      var _a2, _b2, _c2, _d2;
-      const context = actionHandlerContext;
-      if (event.key === "Escape") {
-        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
-        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
-        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
-        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
-        if (stateRef.current.ancestry.isActive) handleCancelAncestryCreation();
-        if ((_b2 = context.questMode) == null ? void 0 : _b2.isActive) context.setters.setQuestMode({ isActive: false });
-        if (stateRef.current.selectedNodes.size > 0) {
-          stateRef.current.selectedNodes.clear();
-        }
-        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
-        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
-        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
-      }
-      if (event.key.toLowerCase() === "q") {
-        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_c2 = context.versionMode) == null ? void 0 : _c2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen;
-        if (isUiClear) {
-          const isView = ((_d2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _d2.toLowerCase()) === "view";
-          if (!isView) {
-            alert("Nodes de Quest s\xF3 podem ser criados dentro de uma View.");
-            return;
-          }
-          setQuestMode({ isActive: true });
-        }
-      }
-    }
     function handleDoubleClick(event) {
       if (stateRef.current.camera) stateRef.current.camera.layers.enableAll();
       if (isFromUiOverlay(event) || stateRef.current.isDragging || stateRef.current.creation.isActive || stateRef.current.connection.isActive || stateRef.current.relink.isActive) return;
@@ -11076,7 +11175,6 @@ function XViewScene({
     currentMount.addEventListener("dblclick", handleDoubleClick);
     currentMount.addEventListener("pointermove", onPointerMove);
     currentMount.addEventListener("contextmenu", handleContextMenu);
-    window.addEventListener("keydown", handleKeyDown);
     const originalBackground = scene.background;
     const clock = new THREE3.Clock();
     let animationFrameId = 0;
@@ -11214,7 +11312,6 @@ function XViewScene({
     return () => {
       cancelAnimationFrame(animationFrameId);
       window.removeEventListener("resize", handleResize);
-      window.removeEventListener("keydown", handleKeyDown);
       currentMount.removeEventListener("pointerdown", onPointerDown);
       currentMount.removeEventListener("pointerup", onPointerUp);
       currentMount.removeEventListener("dblclick", handleDoubleClick);
@@ -11488,11 +11585,10 @@ function XViewScene({
         creationMode,
         versionMode,
         questMode,
-        // <-- Adicionado
         sceneSaveUrl,
-        // <-- Adicionado
+        sceneConfigId,
+        ownerId,
         viewType: viewParams == null ? void 0 : viewParams.type,
-        // <-- Adicionado
         userId: (_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.id,
         setters: {
           setContextMenu,
@@ -11506,7 +11602,6 @@ function XViewScene({
           setSceneVersion,
           setAncestryMode,
           setQuestMode
-          // <-- Adicionado
         },
         tweenToTarget,
         handleVersionTimeline,
@@ -11524,9 +11619,11 @@ function XViewScene({
       versionMode,
       questMode,
       sceneSaveUrl,
+      sceneConfigId,
+      ownerId,
       viewParams == null ? void 0 : viewParams.type,
-      tweenToTarget,
       (_a = session == null ? void 0 : session.user) == null ? void 0 : _a.id,
+      tweenToTarget,
       handleVersionTimeline,
       save_view_data,
       get_single_parent_file,
@@ -11538,33 +11635,116 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
+  const handleCancelQuest = useCallback4(() => {
+    const { graphGroup, ghostElements } = stateRef.current;
+    if (ghostElements.node && graphGroup) {
+      if (ghostElements.node.userData.labelObject) {
+        graphGroup.remove(ghostElements.node.userData.labelObject);
+        if (ghostElements.node.userData.labelObject.material.map) ghostElements.node.userData.labelObject.material.map.dispose();
+        ghostElements.node.userData.labelObject.material.dispose();
+      }
+      graphGroup.remove(ghostElements.node);
+      ghostElements.node.traverse((child) => {
+        if (child.material) {
+          if (Array.isArray(child.material)) child.material.forEach((m) => m.dispose());
+          else child.material.dispose();
+        }
+        if (child.geometry) child.geometry.dispose();
+      });
+    }
+    stateRef.current.ghostElements = { node: null, line: null, aura: null };
+    setQuestMode({ isActive: false });
+  }, []);
   const handleSaveQuestNode = async (context, newQuestData) => {
-    const { sceneDataRef: sceneDataRef2, stateRef: stateRef2, setters, actions, sceneSaveUrl: sceneSaveUrl2, viewType } = context;
-    if (!sceneDataRef2.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
+    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")]
     };
-    const updatedSceneData = {
-      ...sceneDataRef2.current,
-      nodes: [...sceneDataRef2.current.nodes, newNode]
+    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,
+      links: sceneDataRef2.current.links,
+      quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
+      quest_links: graphDataRef.current[sceneConfigId2].links
     };
     try {
-      await actions.save_view_data(sceneSaveUrl2, updatedSceneData);
-      sceneDataRef2.current.nodes.push(newNode);
-      const basePosition = stateRef2.current.controls.target.clone();
-      const offset = new THREE3.Vector3((Math.random() - 0.5) * 10, (Math.random() - 0.5) * 5, (Math.random() - 0.5) * 10);
-      const finalPosition = basePosition.add(offset);
-      addOrUpdateNodeMesh(newNode, finalPosition);
+      await actions.save_view_data(sceneSaveUrl2, sceneFileData);
+      stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
+        parentFileId: sceneConfigId2,
+        ownerId: ownerId2,
+        datasetName: "Quests Internas (View)"
+      });
+      const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
+      const { graphGroup, ghostElements } = stateRef2.current;
+      if (ghostElements.node && graphGroup) {
+        if (ghostElements.node.userData.labelObject) graphGroup.remove(ghostElements.node.userData.labelObject);
+        graphGroup.remove(ghostElements.node);
+      }
+      stateRef2.current.ghostElements = { node: null, line: null, aura: null };
+      addStandaloneNodeToScene(stateRef2.current, newNode, finalPosition);
       context.tweenToTarget(finalPosition, 1.2);
       setters.setQuestMode({ isActive: false });
       setters.setSceneVersion((v) => v + 1);
     } catch (error) {
-      console.error("Falha ao salvar a Quest na View:", 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;
+    const isSourceQuest = sourceParentInfo.parentFileId === sceneConfigId2;
+    const isTargetQuest = targetParentInfo.parentFileId === sceneConfigId2;
+    if (isSourceQuest || isTargetQuest) {
+      parentInfoToSave = { parentFileId: sceneConfigId2, ownerId: ownerId2 };
+    }
+    const { parentFileId: parentFileIdToSave, ownerId: ownerIdToSave } = parentInfoToSave;
+    const newLink = {
+      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,
+          links: sceneDataRef2.current.links,
+          quest_nodes: specificParentData.nodes,
+          quest_links: specificParentData.links
+        };
+        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));
@@ -12813,7 +12993,7 @@ function XViewScene({
     const allTypes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes.flatMap((node) => {
       if (Array.isArray(node.type)) return node.type;
       return [node.type];
-    })).filter(Boolean);
+    })).filter((t) => Boolean(t) && String(t).toLowerCase() !== "quest");
     return [...new Set(allTypes)];
   }, [parentDataRef.current, sceneVersion]);
   const searchableDbNodes = useMemo12(() => {
@@ -12832,6 +13012,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.");
@@ -12853,17 +13034,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 || []);
@@ -12948,6 +13134,106 @@ function XViewScene({
       }
     }
   }, [isInitialized, sceneVersion, focusAncestryId, hasOpenedInitialAncestry, handleStartReadingAncestry]);
+  useEffect21(() => {
+    function handleKeyDown(event) {
+      var _a2, _b2, _c2;
+      const context = actionHandlerContext;
+      if (event.key === "Escape") {
+        if (stateRef.current.connection.isActive) userActionHandlers.handleCancelConnection(context);
+        if (stateRef.current.relink.isActive) userActionHandlers.handleCancelRelink(context);
+        if (stateRef.current.creation.isActive) userActionHandlers.handleCancelCreation(context);
+        if ((_a2 = stateRef.current.versionMode) == null ? void 0 : _a2.isActive) userActionHandlers.handleCancelVersioning(context);
+        if (stateRef.current.ancestry.isActive) {
+          setAncestryMode({ isActive: false, tree: null, selectedParentId: null, isEditMode: false, currentAncestryId: null, ancestryName: "", ancestryDescription: "", ancestryDescriptionSections: [], isAddingNodes: false });
+          if (mountRef.current) mountRef.current.style.cursor = "grab";
+        }
+        if (questMode.isActive) {
+          handleCancelQuest();
+        }
+        if (stateRef.current.selectedNodes.size > 0) {
+          stateRef.current.selectedNodes.clear();
+        }
+        setContextMenu((prev) => prev.visible ? { ...prev, visible: false } : prev);
+        setMultiContextMenu((prev) => ({ ...prev, visible: false }));
+        setRelationshipMenu((prev) => ({ ...prev, visible: false }));
+      }
+      if (event.key.toLowerCase() === "q") {
+        const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_b2 = context.versionMode) == null ? void 0 : _b2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isAncestryBoardOpen && !isSidebarOpen && !detailsNode && !detailsLink && !ancestryLinkDetails && !imageViewer.visible && !editingAncestryRel.visible && !questMode.isActive;
+        if (isUiClear) {
+          const isView = ((_c2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _c2.toLowerCase()) === "view";
+          if (!isView) return;
+          const { graphGroup, glowTexture, controls, nodeObjects } = stateRef.current;
+          if (graphGroup) {
+            let ghostPosition = controls.target.clone();
+            const existingNodes = Object.values(nodeObjects);
+            let isOccupied = true;
+            let radius = 18;
+            let angle = 0;
+            let attempts = 0;
+            const MIN_CLEARANCE = 15;
+            while (isOccupied && attempts < 30) {
+              isOccupied = existingNodes.some((mesh) => mesh.position.distanceTo(ghostPosition) < MIN_CLEARANCE);
+              if (isOccupied) {
+                ghostPosition.x = controls.target.x + Math.cos(angle) * radius;
+                ghostPosition.y = controls.target.y + (Math.random() - 0.5) * 8;
+                ghostPosition.z = controls.target.z + Math.sin(angle) * radius;
+                angle += Math.PI / 3;
+                radius += 2.5;
+                attempts++;
+              }
+            }
+            const ghostData = {
+              id: "ghost_quest",
+              name: "Nova Quest",
+              color: "#64748b",
+              // Cor padrão de "Backlog"
+              size: "medium",
+              intensity: 0,
+              type: ["quest"]
+            };
+            const ghostNode = createNodeMesh(ghostData, ghostPosition, glowTexture);
+            ghostNode.traverse((child) => {
+              if (child.isMesh) {
+                child.material.transparent = true;
+                child.material.opacity = 0.75;
+              }
+            });
+            graphGroup.add(ghostNode);
+            if (ghostNode.userData.labelObject) {
+              graphGroup.add(ghostNode.userData.labelObject);
+            }
+            stateRef.current.ghostElements = {
+              node: ghostNode,
+              line: null,
+              aura: ghostNode.getObjectByName("aura")
+            };
+            context.tweenToTarget(ghostPosition, 1.6);
+          }
+          setQuestMode({ isActive: true });
+        }
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [
+    contextMenu.visible,
+    multiContextMenu.visible,
+    relationshipMenu.visible,
+    readingMode.isActive,
+    isImportModalOpen,
+    isAncestryBoardOpen,
+    isSidebarOpen,
+    detailsNode,
+    detailsLink,
+    ancestryLinkDetails,
+    imageViewer.visible,
+    editingAncestryRel.visible,
+    questMode.isActive,
+    viewParams,
+    actionHandlerContext,
+    handleCancelQuest
+    // <-- handleCancelQuest adicionado aqui
+  ]);
   if (isLoading || status === "loading" || permissionStatus === "loading") {
     return /* @__PURE__ */ React24.createElement(LoadingScreen, null);
   }
@@ -13042,7 +13328,10 @@ function XViewScene({
       InSceneQuestForm,
       {
         onSave: (data) => handleSaveQuestNode(actionHandlerContext, data),
-        onCancel: () => setQuestMode({ isActive: false }),
+        onCancel: handleCancelQuest,
+        onNameChange: handleGhostNodeNameChange,
+        onColorChange: handleGhostNodeColorChange,
+        onSizeChange: handleGhostNodeSizeChange,
         style: { position: "absolute", left: `16px`, top: `16px`, zIndex: 20, transition: "opacity 200ms ease-out" },
         refEl: formRef,
         onOpenImageViewer: handleOpenImageViewer,
@@ -13334,6 +13623,12 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
     }
     const sceneData = sceneResponse.data;
     const parentDbObjects = sceneData.parent_dbs || [];
+    if (type && type.toLowerCase().includes("database")) {
+      const selfExists = parentDbObjects.some((db) => String(db.db_id) === String(scene_config));
+      if (!selfExists) {
+        parentDbObjects.push({ db_id: scene_config, owner_id });
+      }
+    }
     const parentResponsesPromises = parentDbObjects.map(
       (db_info) => db_services.get_file(`x_view_dbs/${db_info.owner_id}/${db_info.db_id}`)
     );
@@ -13351,6 +13646,13 @@ 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]));
@@ -13360,7 +13662,11 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
       if (nodeTypes.includes("quest")) {
         return sceneNode;
       }
-      return parentNodeMap.get(String(sceneNode.id));
+      const dbNode = parentNodeMap.get(String(sceneNode.id));
+      if (dbNode) {
+        return { ...sceneNode, ...dbNode };
+      }
+      return null;
     }).filter(Boolean);
     const validNodeIdsInScene = new Set(validatedNodes.map((node) => String(node.id)));
     const validatedLinks = (sceneData.links || []).filter((sceneLink) => {