@lv-x-software-house/x_view 1.2.6-dev.77 → 1.2.6-dev.79

package/dist/index.mjs

@@ -706,20 +706,20 @@ var updateSceneHighlights = (state) => {
 var addNewNodeToScene = (state, newNodeData, newLinkData, position) => {
   const {
     graphGroup,
-    nodeObjects: nodeObjects2,
+    nodeObjects,
     clickableNodes,
     allLinks,
     glowTexture,
     renderer
   } = state;
-  const sourceNodeMesh = nodeObjects2[String(newLinkData.source)];
+  const sourceNodeMesh = nodeObjects[String(newLinkData.source)];
   if (!sourceNodeMesh || !graphGroup) return;
   const mesh = createNodeMesh(newNodeData, position, glowTexture);
   graphGroup.add(mesh);
   if (mesh.userData.labelObject) {
     graphGroup.add(mesh.userData.labelObject);
   }
-  nodeObjects2[String(newNodeData.id)] = mesh;
+  nodeObjects[String(newNodeData.id)] = mesh;
   clickableNodes.push(mesh);
   const resolution = new THREE.Vector2(
     renderer.domElement.clientWidth,
@@ -737,9 +737,9 @@ var addNewNodeToScene = (state, newNodeData, newLinkData, position) => {
   });
 };
 var addNewLinkToScene = (state, newLinkData) => {
-  const { graphGroup, nodeObjects: nodeObjects2, allLinks, renderer } = state;
-  const sourceNodeMesh = nodeObjects2[String(newLinkData.source)];
-  const targetNodeMesh = nodeObjects2[String(newLinkData.target)];
+  const { graphGroup, nodeObjects, allLinks, renderer } = state;
+  const sourceNodeMesh = nodeObjects[String(newLinkData.source)];
+  const targetNodeMesh = nodeObjects[String(newLinkData.target)];
   if (!sourceNodeMesh || !targetNodeMesh || !graphGroup) return;
   const resolution = new THREE.Vector2(
     renderer.domElement.clientWidth,
@@ -784,12 +784,12 @@ var removeLinkFromScene = (state, linkObject) => {
 var removeNodeFromScene = (state, nodeId) => {
   const {
     graphGroup,
-    nodeObjects: nodeObjects2,
+    nodeObjects,
     clickableNodes,
     allLinks,
     timelineIntervalsGroup
   } = state;
-  const nodeToRemove = nodeObjects2[String(nodeId)];
+  const nodeToRemove = nodeObjects[String(nodeId)];
   if (!nodeToRemove) return;
   const strNodeId = String(nodeId);
   const linksToRemove = [...allLinks].filter(
@@ -798,7 +798,7 @@ var removeNodeFromScene = (state, nodeId) => {
   linksToRemove.forEach((link) => removeLinkFromScene(state, link));
   const nodeIdx = clickableNodes.indexOf(nodeToRemove);
   if (nodeIdx > -1) clickableNodes.splice(nodeIdx, 1);
-  delete nodeObjects2[strNodeId];
+  delete nodeObjects[strNodeId];
   if (graphGroup && nodeToRemove.userData.labelObject) {
     const label = nodeToRemove.userData.labelObject;
     graphGroup.remove(label);
@@ -833,7 +833,7 @@ var removeNodeFromScene = (state, nodeId) => {
   }
 };
 var addStandaloneNodeToScene = (state, nodeData, position, forceShowQuestDate = false) => {
-  const { graphGroup, nodeObjects: nodeObjects2, clickableNodes, glowTexture } = state;
+  const { graphGroup, nodeObjects, clickableNodes, glowTexture } = state;
   if (!graphGroup) return;
   const mesh = createNodeMesh(nodeData, position, glowTexture, forceShowQuestDate);
   mesh.scale.set(0.01, 0.01, 0.01);
@@ -841,7 +841,7 @@ var addStandaloneNodeToScene = (state, nodeData, position, forceShowQuestDate =
   if (mesh.userData.labelObject) {
     graphGroup.add(mesh.userData.labelObject);
   }
-  nodeObjects2[String(nodeData.id)] = mesh;
+  nodeObjects[String(nodeData.id)] = mesh;
   clickableNodes.push(mesh);
   if (state.tweenGroup) {
     const targetScale = NODE_SCALE_FACTORS[nodeData.size || "medium"] || 1;
@@ -879,7 +879,7 @@ var userActionHandlers = {
     const { stateRef, setters, tweenToTarget } = context;
     setters.setContextMenu({ visible: false });
     setters.setRelationshipMenu({ visible: false });
-    const { graphGroup, nodeObjects: nodeObjects2, renderer, ghostElements, glowTexture } = stateRef.current;
+    const { graphGroup, nodeObjects, renderer, ghostElements, glowTexture } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       graphGroup.remove(ghostElements.node);
       ghostElements.node.traverse((child) => {
@@ -895,7 +895,7 @@ var userActionHandlers = {
       ghostElements.line.geometry.dispose();
       ghostElements.line.material.dispose();
     }
-    const sourceNodeMesh = nodeObjects2[String(sourceNodeData.id)];
+    const sourceNodeMesh = nodeObjects[String(sourceNodeData.id)];
     if (!sourceNodeMesh || !graphGroup || !renderer) return;
     stateRef.current.creation = { isActive: true, sourceNodeData };
     const ghostGeometry = new THREE.SphereGeometry(1.5, 32, 32);
@@ -1073,7 +1073,7 @@ var userActionHandlers = {
     const { stateRef, setters, tweenToTarget } = context;
     setters.setContextMenu({ visible: false });
     setters.setRelationshipMenu({ visible: false });
-    const { graphGroup, nodeObjects: nodeObjects2, renderer, ghostElements, glowTexture } = stateRef.current;
+    const { graphGroup, nodeObjects, renderer, ghostElements, glowTexture } = stateRef.current;
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
         graphGroup.remove(ghostElements.node.userData.labelObject);
@@ -1095,7 +1095,7 @@ var userActionHandlers = {
       ghostElements.line.geometry.dispose();
       ghostElements.line.material.dispose();
     }
-    const sourceNodeMesh = nodeObjects2[String(sourceNodeData.id)];
+    const sourceNodeMesh = nodeObjects[String(sourceNodeData.id)];
     if (!sourceNodeMesh || !graphGroup || !renderer) return;
     stateRef.current.creation = { isActive: true, sourceNodeData };
     const ghostGeometry = new THREE.SphereGeometry(1.5, 32, 32);
@@ -1276,7 +1276,7 @@ var userActionHandlers = {
     } = context;
     const {
       graphGroup,
-      nodeObjects: nodeObjects2,
+      nodeObjects,
       clickableNodes,
       allLinks,
       glowTexture,
@@ -1285,7 +1285,7 @@ var userActionHandlers = {
     } = stateRef.current;
     if (!graphGroup || !sceneDataRef.current || !graphDataRef.current || !linksToExpand || linksToExpand.length === 0)
       return;
-    const sourceNodeMesh = nodeObjects2[String(sourceNode.id)];
+    const sourceNodeMesh = nodeObjects[String(sourceNode.id)];
     if (!sourceNodeMesh) return;
     const resolution = new THREE.Vector2(
       mountRef.current.clientWidth,
@@ -1297,7 +1297,7 @@ var userActionHandlers = {
       var _a;
       const isSource = String(link.source) === String(sourceNode.id);
       const targetNodeId = isSource ? link.target : link.source;
-      if (!nodeObjects2[String(targetNodeId)]) {
+      if (!nodeObjects[String(targetNodeId)]) {
         const allParentNodes = Object.values(graphDataRef.current).flatMap(
           (fileData) => fileData.nodes
         );
@@ -1325,7 +1325,7 @@ var userActionHandlers = {
         if (targetMesh.userData.labelObject) {
           graphGroup.add(targetMesh.userData.labelObject);
         }
-        nodeObjects2[String(targetNodeId)] = targetMesh;
+        nodeObjects[String(targetNodeId)] = targetMesh;
         clickableNodes.push(targetMesh);
         const posTween = new Tween(targetMesh.position).to(endPosition, 1200).easing(Easing.Quadratic.Out);
         tweenGroup.add(posTween);
@@ -1344,8 +1344,8 @@ var userActionHandlers = {
         (l) => String(l.userData.id) === String(link.id)
       );
       if (linkAlreadyInSceneObjects) return;
-      const sourceMesh = nodeObjects2[String(link.source)];
-      const targetMesh = nodeObjects2[String(link.target)];
+      const sourceMesh = nodeObjects[String(link.source)];
+      const targetMesh = nodeObjects[String(link.target)];
       if (sourceMesh && targetMesh) {
         const currentLinksBetweenNodesData = allLinks.filter(
           (l) => String(l.userData.source) === String(link.source) && String(l.userData.target) === String(link.target) || String(l.userData.source) === String(link.target) && String(l.userData.target) === String(link.source)
@@ -1407,8 +1407,8 @@ var userActionHandlers = {
     const { stateRef, mountRef, setters } = context;
     setters.setContextMenu({ visible: false });
     setters.setRelationshipMenu({ visible: false });
-    const { graphGroup, nodeObjects: nodeObjects2, renderer, controls } = stateRef.current;
-    const sourceNodeMesh = nodeObjects2[String(sourceNodeData.id)];
+    const { graphGroup, nodeObjects, renderer, controls } = stateRef.current;
+    const sourceNodeMesh = nodeObjects[String(sourceNodeData.id)];
     if (!sourceNodeMesh || !graphGroup || !renderer) return;
     controls.enabled = false;
     if (mountRef.current) mountRef.current.style.cursor = "crosshair";
@@ -1581,7 +1581,7 @@ var userActionHandlers = {
   },
   handleCompleteRelink: async (context, newEndNodeData) => {
     const { stateRef, graphDataRef, sceneDataRef } = context;
-    const { relink, nodeObjects: nodeObjects2 } = stateRef.current;
+    const { relink, nodeObjects } = stateRef.current;
     const originalLinkData = relink.originalLine.userData;
     const oldSourceId = originalLinkData.source;
     const oldTargetId = originalLinkData.target;
@@ -8890,10 +8890,6 @@ function CreateQuestTreePanel({
     }
   };
   const handleLocalSave = async () => {
-    if (!hasUnsavedChanges) {
-      onClose();
-      return;
-    }
     try {
       setIsSaving(true);
       await onSave(questTreeMode.tree, questTreeMode.abstraction_tree);
@@ -8936,13 +8932,20 @@ function CreateQuestTreePanel({
       }
     ),
     /* @__PURE__ */ React11.createElement("div", { className: "flex-shrink-0 p-4 border-b border-slate-700 bg-slate-800/80 backdrop-blur-xl flex flex-col gap-1 z-20" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React11.createElement("h2", { className: "text-xl font-bold text-white flex items-center gap-2" }, /* @__PURE__ */ React11.createElement(FiGitBranch3, { className: "text-emerald-400" }), "Quest Trees"), /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React11.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"
+      },
+      "Fechar"
+    ), /* @__PURE__ */ React11.createElement(
       "button",
       {
         onClick: handleLocalSave,
         disabled: isSaving,
-        className: `flex items-center gap-2 px-4 py-2 ${hasUnsavedChanges ? "bg-emerald-600 hover:bg-emerald-500" : "bg-slate-700 hover:bg-slate-600"} text-white rounded-md transition-colors text-sm font-semibold`
+        className: `px-4 py-2 rounded-lg transition-all font-semibold text-sm flex items-center gap-2 ${isSaving ? "bg-slate-700 text-slate-300 cursor-wait" : "bg-gradient-to-tr from-indigo-600 to-indigo-400 hover:from-indigo-500 hover:to-indigo-300 text-white shadow-[0_8px_24px_rgba(99,102,241,0.35)]"}`
       },
-      isSaving ? "Salvando..." : hasUnsavedChanges ? "Salvar Altera\xE7\xF5es" : "Fechar"
+      isSaving ? "Salvando..." : "Salvar Mudan\xE7as"
     )))),
     /* @__PURE__ */ React11.createElement("div", { className: "flex border-b border-slate-800 bg-slate-900/50 p-2 gap-2 flex-shrink-0" }, /* @__PURE__ */ React11.createElement(
       "button",
@@ -8977,16 +8980,7 @@ function CreateQuestTreePanel({
         selectedParentId
       }
     )) : /* @__PURE__ */ React11.createElement("div", { className: "text-center py-8 text-slate-500 text-sm italic" }, "\xC1rvore vazia. Ofertada inicializa\xE7\xE3o autom\xE1tica em breve..."))),
-    /* @__PURE__ */ React11.createElement("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center gap-3 z-30" }, /* @__PURE__ */ React11.createElement(
-      "button",
-      {
-        onClick: handleLocalSave,
-        disabled: isSaving,
-        className: "flex items-center gap-2 px-8 py-3 rounded-full font-bold shadow-2xl transition-all scale-110 bg-emerald-600 hover:bg-emerald-500 text-white shadow-emerald-500/20 active:scale-100"
-      },
-      isSaving ? "Salvando..." : /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React11.createElement("path", { d: "M20 6L9 17l-5-5" })), " Salvar Mudan\xE7as")
-    )),
-    isAddingModeActive && selectedParentId && /* @__PURE__ */ React11.createElement("div", { className: "absolute bottom-20 left-1/2 -translate-x-1/2 bg-slate-800 px-4 py-2 rounded-full border border-slate-600 text-xs text-slate-300 shadow-lg whitespace-nowrap" }, "Destino: ", /* @__PURE__ */ React11.createElement("span", { className: "text-emerald-400 font-bold" }, ((_c = (_b = (_a = findNodePath3(currentTree, selectedParentId)) == null ? void 0 : _a.node) == null ? void 0 : _b.node) == null ? void 0 : _c.name) || "Root"))
+    isAddingModeActive && selectedParentId && /* @__PURE__ */ React11.createElement("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 bg-slate-800 px-4 py-2 rounded-full border border-slate-600 text-xs text-slate-300 shadow-lg whitespace-nowrap z-30" }, "Destino: ", /* @__PURE__ */ React11.createElement("span", { className: "text-emerald-400 font-bold" }, ((_c = (_b = (_a = findNodePath3(currentTree, selectedParentId)) == null ? void 0 : _a.node) == null ? void 0 : _b.node) == null ? void 0 : _c.name) || "Root"))
   );
 }
 
@@ -13081,11 +13075,30 @@ ${noteText}` : noteText : entry.notes,
         type: "button",
         onClick: () => {
           if (setQuestTreeMode2) {
+            const convertPersistedTree = (storedTree) => {
+              if (!storedTree) return null;
+              if (storedTree.node || storedTree.is_section) return storedTree;
+              const nodeId = storedTree.node_id;
+              if (!nodeId) return null;
+              const foundNode = availableNodes.find((n) => String(n.id) === String(nodeId)) || (String(nodeId) === String(node == null ? void 0 : node.id) ? node : null);
+              return {
+                node: foundNode ? { id: foundNode.id, name: foundNode.raw_title || foundNode.name } : { id: nodeId, name: `Node ${nodeId}` },
+                relationship: storedTree.relationship || {},
+                children: (storedTree.children || []).map(convertPersistedTree).filter(Boolean)
+              };
+            };
+            const rootNode = { id: node == null ? void 0 : node.id, name: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name) || "Quest Principal" };
+            const existingTree = (node == null ? void 0 : node.quest_tree) ? convertPersistedTree(node.quest_tree) : { node: rootNode, children: [] };
+            const existingAbstractionTree = (node == null ? void 0 : node.quest_abstraction_tree) ? convertPersistedTree(node.quest_abstraction_tree) : { node: rootNode, children: [] };
             setQuestTreeMode2((prev) => ({
               ...prev,
               isActive: true,
               isAddingNodes: true,
-              questNodeId: node == null ? void 0 : node.id
+              questNodeId: node == null ? void 0 : node.id,
+              questNodeName: (node == null ? void 0 : node.raw_title) || (node == null ? void 0 : node.name),
+              tree: existingTree,
+              abstraction_tree: existingAbstractionTree,
+              selectedParentId: rootNode.id
             }));
           }
         },
@@ -15543,6 +15556,7 @@ function XViewScene({
   }, [ownerId, sceneConfigId]);
   const sceneDataRef = useRef21(null);
   const parentDataRef = useRef21(null);
+  const graphDataRef = parentDataRef;
   const ancestryDataRef = useRef21(null);
   const [isLoading, setIsLoading] = useState30(true);
   const [permissionStatus, setPermissionStatus] = useState30("loading");
@@ -16008,8 +16022,8 @@ function XViewScene({
     []
   );
   const handleActivateTimeline = useCallback7(() => {
-    const { nodeObjects: nodeObjects2, tweenGroup, timelineIntervalsGroup } = stateRef.current;
-    if (!nodeObjects2 || !tweenGroup || !timelineIntervalsGroup) return;
+    const { nodeObjects, tweenGroup, timelineIntervalsGroup } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !timelineIntervalsGroup) return;
     while (timelineIntervalsGroup.children.length > 0) {
       const obj = timelineIntervalsGroup.children[0];
       timelineIntervalsGroup.remove(obj);
@@ -16019,7 +16033,7 @@ function XViewScene({
         obj.material.dispose();
       }
     }
-    Object.values(nodeObjects2).forEach((mesh) => {
+    Object.values(nodeObjects).forEach((mesh) => {
       const oldLabel = mesh.getObjectByName("timelineLabel");
       if (oldLabel) {
         mesh.remove(oldLabel);
@@ -16043,7 +16057,7 @@ function XViewScene({
       }
       return null;
     };
-    Object.values(nodeObjects2).forEach((mesh) => {
+    Object.values(nodeObjects).forEach((mesh) => {
       const dateProp = mesh.userData.Date;
       let nodeInfo = { mesh, type: "point", label: "", isUndated: true };
       if (dateProp) {
@@ -16418,14 +16432,14 @@ function XViewScene({
     (nodeData, position, suppressVersionUpdate = false, forceShowQuestDate = false) => {
       const {
         graphGroup,
-        nodeObjects: nodeObjects2,
+        nodeObjects,
         clickableNodes,
         glowTexture,
         tweenGroup
       } = stateRef.current;
       const nodeId = String(nodeData.id);
-      if (nodeObjects2[nodeId]) {
-        const existingMesh = nodeObjects2[nodeId];
+      if (nodeObjects[nodeId]) {
+        const existingMesh = nodeObjects[nodeId];
         if (position) {
           const updateTween = new Tween2(existingMesh.position).to(position, 800).easing(Easing2.Cubic.Out);
           tweenGroup.add(updateTween);
@@ -16446,7 +16460,7 @@ function XViewScene({
         }
         graphGroup.add(mesh.userData.labelObject);
       }
-      nodeObjects2[nodeId] = mesh;
+      nodeObjects[nodeId] = mesh;
       clickableNodes.push(mesh);
       if (!suppressVersionUpdate) {
         setSceneVersion((v) => v + 1);
@@ -16456,15 +16470,15 @@ function XViewScene({
     []
   );
   const handleActivateReshapeLens = useCallback7(({ type, columns, centerNodeId }) => {
-    const { nodeObjects: nodeObjects2, tweenGroup, camera, controls } = stateRef.current;
-    if (!nodeObjects2 || !tweenGroup || !camera || !controls) return;
-    const activeNodeIds = Object.keys(nodeObjects2);
+    const { nodeObjects, tweenGroup, camera, controls } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !camera || !controls) return;
+    const activeNodeIds = Object.keys(nodeObjects);
     if (activeNodeIds.length === 0) return;
     let sumX = 0;
     let sumY = 0;
     let nodeCount = 0;
     activeNodeIds.forEach((id) => {
-      const mesh = nodeObjects2[id];
+      const mesh = nodeObjects[id];
       if (mesh && mesh.material) {
         const opacityTween = new Tween2(mesh.material).to({ opacity: 1 }, 1200).easing(Easing2.Cubic.Out);
         tweenGroup.add(opacityTween);
@@ -16479,7 +16493,7 @@ function XViewScene({
       const rowSpacing = 80;
       const numCols = columns || 4;
       activeNodeIds.forEach((id, index) => {
-        const mesh = nodeObjects2[id];
+        const mesh = nodeObjects[id];
         const col = index % numCols;
         const row = Math.floor(index / numCols);
         const targetX = (col - (numCols - 1) / 2) * colSpacing;
@@ -16501,7 +16515,7 @@ function XViewScene({
       const total = activeNodeIds.length;
       const radius = Math.max(80, total * 8);
       activeNodeIds.forEach((id, index) => {
-        const mesh = nodeObjects2[id];
+        const mesh = nodeObjects[id];
         const angle = index / total * Math.PI * 2;
         const targetX = Math.cos(angle) * radius;
         const targetY = Math.sin(angle) * radius;
@@ -16519,7 +16533,7 @@ function XViewScene({
         nodeCount++;
       });
     } else if (type === "Star") {
-      const centerMesh = centerNodeId ? nodeObjects2[String(centerNodeId)] : null;
+      const centerMesh = centerNodeId ? nodeObjects[String(centerNodeId)] : null;
       const orbitingNodeIds = activeNodeIds.filter((id) => id !== String(centerNodeId));
       const totalOrbiting = orbitingNodeIds.length;
       const radius = Math.max(80, totalOrbiting * 10);
@@ -16538,7 +16552,7 @@ function XViewScene({
         nodeCount++;
       }
       orbitingNodeIds.forEach((id, index) => {
-        const mesh = nodeObjects2[id];
+        const mesh = nodeObjects[id];
         const angle = totalOrbiting > 0 ? index / totalOrbiting * Math.PI * 2 : 0;
         const targetX = Math.cos(angle) * radius;
         const targetY = Math.sin(angle) * radius;
@@ -16578,8 +16592,8 @@ function XViewScene({
   }, []);
   const handleActivateQuestLens = useCallback7(({ assigneeId, status: status2, milestoneId }) => {
     var _a2;
-    const { nodeObjects: nodeObjects2, tweenGroup, graphGroup } = stateRef.current;
-    if (!nodeObjects2 || !tweenGroup || !graphGroup) return;
+    const { nodeObjects, tweenGroup, graphGroup } = stateRef.current;
+    if (!nodeObjects || !tweenGroup || !graphGroup) return;
     const allQuests = ((_a2 = sceneDataRef.current) == null ? void 0 : _a2.quest_nodes) || [];
     const filteredQuests = allQuests.filter((q) => {
       const matchAssignee = !assigneeId || String(q.assignee_id) === String(assigneeId);
@@ -16641,7 +16655,7 @@ function XViewScene({
         positionGroups.get(posKey).push(String(q.id));
       });
     });
-    Object.values(nodeObjects2).forEach((mesh) => {
+    Object.values(nodeObjects).forEach((mesh) => {
       const oldLabel = mesh.getObjectByName("questDateLabel") || mesh.getObjectByName("timelineLabel");
       if (oldLabel) {
         mesh.remove(oldLabel);
@@ -16656,13 +16670,13 @@ function XViewScene({
         mesh.userData.timelineEndLabel = null;
       }
     });
-    const nonFilteredNodeIds = Object.keys(nodeObjects2).filter((id) => !filteredQuests.some((q) => String(q.id) === String(id)));
+    const nonFilteredNodeIds = Object.keys(nodeObjects).filter((id) => !filteredQuests.some((q) => String(q.id) === String(id)));
     const COMMON_START_X = startX - 100;
     const COMMON_COL_SPACING = 30;
     const COMMON_ROW_SPACING = 35;
     const MAX_COMMON_ROWS = 15;
     nonFilteredNodeIds.forEach((id, idx) => {
-      const mesh = nodeObjects2[id];
+      const mesh = nodeObjects[id];
       if (!mesh) return;
       const col = Math.floor(idx / MAX_COMMON_ROWS);
       const row = idx % MAX_COMMON_ROWS;
@@ -16688,7 +16702,7 @@ function XViewScene({
       sideTween.start();
     });
     filteredQuests.forEach((q) => {
-      const mesh = nodeObjects2[String(q.id)];
+      const mesh = nodeObjects[String(q.id)];
       if (mesh) {
         if (mesh.material) {
           const fadeInTween = new Tween2(mesh.material).to({ opacity: 1 }, 1200).easing(Easing2.Cubic.Out);
@@ -16706,7 +16720,7 @@ function XViewScene({
       const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
       questsInCol.forEach((q, rowIndex) => {
         const nodeId = String(q.id);
-        let mesh = nodeObjects2[nodeId];
+        let mesh = nodeObjects[nodeId];
         const timeInfo = questTimeInfos.get(nodeId) || { isUndated: true };
         let targetY;
         if (!timeInfo.isUndated) {
@@ -16852,8 +16866,8 @@ function XViewScene({
     stateRef.current.timelineIntervalsGroup = timelineIntervalsGroup;
     const graphData = sceneDataRef.current;
     const nodePositions = calculateNodePositions(graphData.nodes);
-    const nodeObjects2 = {};
-    stateRef.current.nodeObjects = nodeObjects2;
+    const nodeObjects = {};
+    stateRef.current.nodeObjects = nodeObjects;
     stateRef.current.glowTexture = makeGlowTexture();
     graphData.nodes.forEach((node) => {
       const position = nodePositions[node.id] || new THREE3.Vector3();
@@ -16863,7 +16877,7 @@ function XViewScene({
         mesh.userData.labelObject.position.copy(mesh.position).add(mesh.userData.labelOffset);
         graphGroup.add(mesh.userData.labelObject);
       }
-      nodeObjects2[String(node.id)] = mesh;
+      nodeObjects[String(node.id)] = mesh;
       stateRef.current.clickableNodes.push(mesh);
     });
     const linksGroupedByNodes = /* @__PURE__ */ new Map();
@@ -16875,8 +16889,8 @@ function XViewScene({
       linksGroupedByNodes.get(pairKey).push(link);
     });
     linksGroupedByNodes.forEach((linksArray) => {
-      const sourceNode = nodeObjects2[String(linksArray[0].source)];
-      const targetNode = nodeObjects2[String(linksArray[0].target)];
+      const sourceNode = nodeObjects[String(linksArray[0].source)];
+      const targetNode = nodeObjects[String(linksArray[0].target)];
       if (sourceNode && targetNode) {
         const resolution = new THREE3.Vector2(
           currentMount.clientWidth,
@@ -18104,17 +18118,44 @@ function XViewScene({
     const formattedTree = convertTreeToIds(newTree);
     const formattedAbstractionTree = convertTreeToIds(newAbstractionTree);
     if (questNodeId && sceneConfigId) {
-      const sceneData = (_a2 = sceneDataRef.current) == null ? void 0 : _a2[sceneConfigId];
+      const sceneData = sceneDataRef.current;
       if (sceneData && sceneData.quest_nodes) {
         const questIndex = sceneData.quest_nodes.findIndex((q) => String(q.id) === String(questNodeId));
         if (questIndex !== -1) {
           sceneData.quest_nodes[questIndex].quest_tree = formattedTree;
           sceneData.quest_nodes[questIndex].quest_abstraction_tree = formattedAbstractionTree;
-          if (save_view_data) {
-            await save_view_data(sceneConfigId, sceneData, "scene");
+          if (parentDataRef.current[sceneConfigId]) {
+            const parentIndex = parentDataRef.current[sceneConfigId].nodes.findIndex(
+              (q) => String(q.id) === String(questNodeId)
+            );
+            if (parentIndex !== -1) {
+              parentDataRef.current[sceneConfigId].nodes[parentIndex].quest_tree = formattedTree;
+              parentDataRef.current[sceneConfigId].nodes[parentIndex].quest_abstraction_tree = formattedAbstractionTree;
+            }
+          }
+          if (save_view_data && sceneSaveUrl) {
+            const { nodeObjects: nObj, allLinks: aLinks } = stateRef.current;
+            const currentNodes = nObj ? Object.values(nObj).map((mesh) => {
+              const { _baseEmissiveIntensity, labelObject, labelOffset, timelineIntervalBar, timelineEndLabel, ...serializableNodeData } = mesh.userData;
+              return serializableNodeData;
+            }) : sceneData.nodes || [];
+            const currentLinks = aLinks ? aLinks.map((line) => {
+              const { sourceNode, targetNode, ...serializableLinkData } = line.userData;
+              return serializableLinkData;
+            }) : sceneData.links || [];
+            const sceneFileData = {
+              ...sceneData,
+              nodes: currentNodes,
+              links: currentLinks,
+              quest_nodes: sceneData.quest_nodes,
+              quest_links: sceneData.quest_links || [],
+              quest_counter: sceneData.quest_counter || 1,
+              milestones: sceneData.milestones || []
+            };
+            await save_view_data(sceneSaveUrl, sceneFileData);
           }
           const updatedNodeData = sceneData.quest_nodes[questIndex];
-          const nodeMesh = nodeObjects[String(questNodeId)];
+          const nodeMesh = (_a2 = stateRef.current.nodeObjects) == null ? void 0 : _a2[String(questNodeId)];
           if (nodeMesh) {
             nodeMesh.userData.questData = updatedNodeData;
           }
@@ -18156,7 +18197,7 @@ function XViewScene({
   };
   const handleSaveQuestNode = async (context, newQuestData) => {
     const {
-      graphDataRef,
+      graphDataRef: graphDataRef2,
       sceneDataRef: sceneDataRef2,
       stateRef: stateRef2,
       setters,
@@ -18166,7 +18207,7 @@ function XViewScene({
       sceneConfigId: sceneConfigId2,
       ownerId: ownerId2
     } = context;
-    if (!graphDataRef.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
+    if (!graphDataRef2.current || (viewType == null ? void 0 : viewType.toLowerCase()) !== "view") return;
     const currentCounter = sceneDataRef2.current.quest_counter || 1;
     const newNode = {
       id: short2.generate(),
@@ -18174,14 +18215,14 @@ function XViewScene({
       is_quest: true,
       type: ["quest", ...newQuestData.type.filter((t) => t !== "quest")]
     };
-    if (!graphDataRef.current[sceneConfigId2]) {
-      graphDataRef.current[sceneConfigId2] = { nodes: [], links: [] };
+    if (!graphDataRef2.current[sceneConfigId2]) {
+      graphDataRef2.current[sceneConfigId2] = { nodes: [], links: [] };
     }
-    graphDataRef.current[sceneConfigId2].nodes.push(newNode);
+    graphDataRef2.current[sceneConfigId2].nodes.push(newNode);
     const sceneFileData = {
       ...sceneDataRef2.current,
-      quest_nodes: graphDataRef.current[sceneConfigId2].nodes,
-      quest_links: graphDataRef.current[sceneConfigId2].links,
+      quest_nodes: graphDataRef2.current[sceneConfigId2].nodes,
+      quest_links: graphDataRef2.current[sceneConfigId2].links,
       quest_counter: currentCounter + 1
     };
     try {
@@ -18192,9 +18233,9 @@ function XViewScene({
         ownerId: ownerId2,
         datasetName: "Quests Internas (View)"
       });
-      sceneDataRef2.current.quest_nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+      sceneDataRef2.current.quest_nodes = [...graphDataRef2.current[sceneConfigId2].nodes];
       if (parentDataRef.current[sceneConfigId2]) {
-        parentDataRef.current[sceneConfigId2].nodes = [...graphDataRef.current[sceneConfigId2].nodes];
+        parentDataRef.current[sceneConfigId2].nodes = [...graphDataRef2.current[sceneConfigId2].nodes];
       }
       const finalPosition = stateRef2.current.ghostElements.node ? stateRef2.current.ghostElements.node.position.clone() : stateRef2.current.controls.target.clone();
       const { graphGroup, ghostElements } = stateRef2.current;
@@ -18216,26 +18257,26 @@ function XViewScene({
   userActionHandlers.handleCompleteConnection = async (context, targetNodeData) => {
     const {
       stateRef: stateRef2,
-      graphDataRef,
+      graphDataRef: graphDataRef2,
       sceneDataRef: sceneDataRef2,
       sceneConfigId: sceneConfigId2,
       sceneSaveUrl: sceneSaveUrl2,
       ownerId: ownerId2
     } = context;
     const { sourceNodeData } = stateRef2.current.connection;
-    if (!graphDataRef.current || !sceneDataRef2.current || !sourceNodeData || !targetNodeData) {
+    if (!graphDataRef2.current || !sceneDataRef2.current || !sourceNodeData || !targetNodeData) {
       userActionHandlers.handleCancelConnection(context);
       return;
     }
     const sourceParentInfo = getParentFileInfoForNode(
-      graphDataRef.current,
+      graphDataRef2.current,
       sceneDataRef2.current,
       sourceNodeData.id,
       sceneConfigId2,
       ownerId2
     );
     const targetParentInfo = getParentFileInfoForNode(
-      graphDataRef.current,
+      graphDataRef2.current,
       sceneDataRef2.current,
       targetNodeData.id,
       sceneConfigId2,
@@ -18255,7 +18296,7 @@ function XViewScene({
     };
     try {
       if (parentFileIdToSave === sceneConfigId2) {
-        const specificParentData = graphDataRef.current[sceneConfigId2];
+        const specificParentData = graphDataRef2.current[sceneConfigId2];
         specificParentData.links.push(newLink);
         const viewFilePayload = {
           ...sceneDataRef2.current,
@@ -18266,7 +18307,7 @@ function XViewScene({
         await context.actions.save_view_data(sceneSaveUrl2, viewFilePayload);
       } else {
         const specificParentData = JSON.parse(
-          JSON.stringify(graphDataRef.current[parentFileIdToSave])
+          JSON.stringify(graphDataRef2.current[parentFileIdToSave])
         );
         specificParentData.links.push(newLink);
         const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
@@ -18274,7 +18315,7 @@ function XViewScene({
           filenameForSpecificParent,
           specificParentData
         );
-        graphDataRef.current[parentFileIdToSave] = specificParentData;
+        graphDataRef2.current[parentFileIdToSave] = specificParentData;
       }
       addNewLinkToScene(stateRef2.current, newLink);
     } catch (error) {
@@ -18321,7 +18362,7 @@ function XViewScene({
           }
         });
       }
-      const { ancestryGroup, nodeObjects: nodeObjects2, renderer, renderedAncestries } = stateRef.current;
+      const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
       const currentRenderLimit = stateRef.current.maxAncestryRenderIndex || 0;
       const isFullRenderRequest = !normalizedAllowedIds;
       const checkShouldRender = (section) => {
@@ -18425,10 +18466,10 @@ function XViewScene({
       );
       if (!fullTree) return;
       const rootNodeId = String(ancestryObject.ancestral_node);
-      let rootNodeMesh = nodeObjects2[rootNodeId];
+      let rootNodeMesh = nodeObjects[rootNodeId];
       let originMesh = null;
       if (ancestryObject._originNodeId) {
-        originMesh = nodeObjects2[String(ancestryObject._originNodeId)];
+        originMesh = nodeObjects[String(ancestryObject._originNodeId)];
       }
       let rootTargetPos = null;
       if (originMesh) {
@@ -18642,7 +18683,7 @@ function XViewScene({
       } else {
         const traverseAndCollect = (item) => {
           if (item.node) {
-            const mesh = nodeObjects2[String(item.node.id)];
+            const mesh = nodeObjects[String(item.node.id)];
             if (mesh) allRenderedNodePositions.push(mesh.position.clone());
           }
           if (item.children) item.children.forEach(traverseAndCollect);
@@ -18690,7 +18731,7 @@ function XViewScene({
         const nodeIds = collectNodeIdsInSection(targetSectionForZone);
         const vectors = [];
         nodeIds.forEach((id) => {
-          const mesh = nodeObjects2[String(id)];
+          const mesh = nodeObjects[String(id)];
           if (mesh) {
             const targetPos = targetPositionsCache.get(String(id));
             vectors.push(targetPos ? targetPos.clone() : mesh.position.clone());
@@ -18749,8 +18790,8 @@ function XViewScene({
           focusTargetPosition = targetPositionsCache.get(anchorId) || currentAnchorMesh.position.clone();
           focusTargetRotation = baseRotation;
         }
-      } else if (activeSectionIdForFocus && nodeObjects2[String(activeSectionIdForFocus)]) {
-        const directNode = nodeObjects2[String(activeSectionIdForFocus)];
+      } else if (activeSectionIdForFocus && nodeObjects[String(activeSectionIdForFocus)]) {
+        const directNode = nodeObjects[String(activeSectionIdForFocus)];
         const tPos = targetPositionsCache.get(String(activeSectionIdForFocus));
         focusTargetPosition = tPos ? tPos.clone() : directNode.position.clone();
         focusTargetRotation = baseRotation;
@@ -18801,7 +18842,7 @@ function XViewScene({
         (prev) => prev.visible ? { ...prev, visible: false } : prev
       );
       if (!ancestryObject || !ancestryObject.abstraction_tree) return;
-      const { ancestryGroup, nodeObjects: nodeObjects2, renderer, renderedAncestries } = stateRef.current;
+      const { ancestryGroup, nodeObjects, renderer, renderedAncestries } = stateRef.current;
       const allParentNodes = Object.values(parentDataRef.current).flatMap(
         (f) => f.nodes
       );
@@ -18842,7 +18883,7 @@ function XViewScene({
       const ancestryEntry = { id: absId, lines: [], isFullRender: true };
       renderedAncestries.push(ancestryEntry);
       const rootNodeId = String(fullTree.node.id);
-      let rootNodeMesh = nodeObjects2[rootNodeId];
+      let rootNodeMesh = nodeObjects[rootNodeId];
       let rootTargetPos = rootNodeMesh ? rootNodeMesh.position.clone() : new THREE3.Vector3(0, 0, 0);
       if (!rootNodeMesh) {
         rootNodeMesh = addOrUpdateNodeMesh(fullTree.node, rootTargetPos, true);
@@ -19954,8 +19995,8 @@ function XViewScene({
       setSceneVersion((v) => v + 1);
       const isView = ((_a2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _a2.toLowerCase()) === "view";
       if (!isView || !save_view_data || !sceneSaveUrl) return;
-      const { nodeObjects: nodeObjects2, allLinks } = stateRef.current;
-      const currentNodes = Object.values(nodeObjects2 || {}).map((mesh) => {
+      const { nodeObjects, allLinks } = stateRef.current;
+      const currentNodes = Object.values(nodeObjects || {}).map((mesh) => {
         const {
           _baseEmissiveIntensity,
           labelObject,
@@ -19994,15 +20035,15 @@ function XViewScene({
   );
   const handleSaveCurrentView = useCallback7(async () => {
     var _a2, _b2, _c2;
-    const { nodeObjects: nodeObjects2, allLinks } = stateRef.current;
-    if (!nodeObjects2 || !allLinks || !sceneSaveUrl || !parentDataRef.current) {
+    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."
       );
       return;
     }
     if (!save_view_data) return;
-    const currentNodes = Object.values(nodeObjects2).map((mesh) => {
+    const currentNodes = Object.values(nodeObjects).map((mesh) => {
       const {
         _baseEmissiveIntensity,
         labelObject,
@@ -20057,8 +20098,8 @@ function XViewScene({
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   useEffect25(() => {
     if (isInitialized && focusNodeId && !hasFocusedInitial) {
-      const nodeObjects2 = stateRef.current.nodeObjects || {};
-      const targetMesh = nodeObjects2[String(focusNodeId)];
+      const nodeObjects = stateRef.current.nodeObjects || {};
+      const targetMesh = nodeObjects[String(focusNodeId)];
       if (targetMesh) {
         setTimeout(() => {
           tweenToTarget(targetMesh, 1.2);
@@ -20147,10 +20188,10 @@ function XViewScene({
         if (isUiClear) {
           const isView = ((_c2 = viewParams == null ? void 0 : viewParams.type) == null ? void 0 : _c2.toLowerCase()) === "view";
           if (!isView) return;
-          const { graphGroup, glowTexture, controls: sceneControls, nodeObjects: nodeObjects2 } = stateRef.current;
+          const { graphGroup, glowTexture, controls: sceneControls, nodeObjects } = stateRef.current;
           if (graphGroup) {
             let ghostPosition = sceneControls.target.clone();
-            const existingNodes = Object.values(nodeObjects2);
+            const existingNodes = Object.values(nodeObjects);
             let isOccupied = true;
             let radius = 18;
             let angle = 0;