@lv-x-software-house/x_view 1.2.6 → 1.2.7-dev.1

package/dist/index.js

@@ -15789,7 +15789,11 @@ function XViewScene({
   };
   const tweenToTarget = (0, import_react33.useCallback)(
     (target, zoomFactor = 1, forcedDirection = null) => {
-      const { camera: sceneCamera, controls: sceneControls, tweenGroup } = stateRef.current;
+      const {
+        camera: sceneCamera,
+        controls: sceneControls,
+        tweenGroup
+      } = stateRef.current;
       if (!sceneCamera || !sceneControls || !tweenGroup) return;
       const targetPos = target instanceof THREE3.Mesh ? target.getWorldPosition(new THREE3.Vector3()) : target;
       const controlsTween = new import_tween2.Tween(sceneControls.target).to(targetPos, 1500).easing(import_tween2.Easing.Cubic.Out);
@@ -16346,341 +16350,372 @@ function XViewScene({
     },
     []
   );
-  const handleActivateReshapeLens = (0, import_react33.useCallback)(({ type, columns, centerNodeId }) => {
-    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 = nodeObjects[id];
-      if (mesh && mesh.material) {
-        const opacityTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
-        tweenGroup.add(opacityTween);
-        opacityTween.start();
-      }
-      if (mesh && mesh.userData && mesh.userData.labelObject) {
-        mesh.userData.labelObject.visible = true;
-      }
-    });
-    if (type === "Column") {
-      const colSpacing = 80;
-      const rowSpacing = 80;
-      const numCols = columns || 4;
-      activeNodeIds.forEach((id, index) => {
-        const mesh = nodeObjects[id];
-        const col = index % numCols;
-        const row = Math.floor(index / numCols);
-        const targetX = (col - (numCols - 1) / 2) * colSpacing;
-        const targetY = -(row * rowSpacing) + 50;
-        const posTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(posTween);
-        posTween.start();
-        if (mesh.userData.labelObject) {
-          const labelTarget = new THREE3.Vector3(targetX, targetY, 0).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
-          const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
-          tweenGroup.add(lblTween);
-          lblTween.start();
-        }
-        sumX += targetX;
-        sumY += targetY;
-        nodeCount++;
-      });
-    } else if (type === "Circle") {
-      const total = activeNodeIds.length;
-      const radius = Math.max(80, total * 8);
-      activeNodeIds.forEach((id, index) => {
+  const handleActivateReshapeLens = (0, import_react33.useCallback)(
+    ({ type, columns, centerNodeId }) => {
+      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 = nodeObjects[id];
-        const angle = index / total * Math.PI * 2;
-        const targetX = Math.cos(angle) * radius;
-        const targetY = Math.sin(angle) * radius;
-        const posTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(posTween);
-        posTween.start();
-        if (mesh.userData.labelObject) {
-          const labelTarget = new THREE3.Vector3(targetX, targetY, 0).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
-          const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
-          tweenGroup.add(lblTween);
-          lblTween.start();
-        }
-        sumX += targetX;
-        sumY += targetY;
-        nodeCount++;
-      });
-    } else if (type === "Star") {
-      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);
-      if (centerMesh) {
-        const posTween = new import_tween2.Tween(centerMesh.position).to({ x: 0, y: 0, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(posTween);
-        posTween.start();
-        if (centerMesh.userData.labelObject) {
-          const labelTarget = new THREE3.Vector3(0, 0, 0).add(centerMesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
-          const lblTween = new import_tween2.Tween(centerMesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
-          tweenGroup.add(lblTween);
-          lblTween.start();
+        if (mesh && mesh.material) {
+          const opacityTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+          tweenGroup.add(opacityTween);
+          opacityTween.start();
+        }
+        if (mesh && mesh.userData && mesh.userData.labelObject) {
+          mesh.userData.labelObject.visible = true;
         }
-        sumX += 0;
-        sumY += 0;
-        nodeCount++;
-      }
-      orbitingNodeIds.forEach((id, index) => {
-        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;
-        const posTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(posTween);
-        posTween.start();
-        if (mesh.userData.labelObject) {
-          const labelTarget = new THREE3.Vector3(targetX, targetY, 0).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
-          const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
-          tweenGroup.add(lblTween);
-          lblTween.start();
-        }
-        sumX += targetX;
-        sumY += targetY;
-        nodeCount++;
       });
-    }
-    if (nodeCount > 0) {
-      const centerX = sumX / nodeCount;
-      const centerY = sumY / nodeCount;
-      const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
-      const targetTween = new import_tween2.Tween(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-      tweenGroup.add(targetTween);
-      targetTween.start();
-      let zoomZ = 140;
       if (type === "Column") {
-        const numRows = Math.ceil(nodeCount / (columns || 4));
-        zoomZ = Math.max(140, numRows * 50);
-      } else if (type === "Circle" || type === "Star") {
-        const radius = Math.max(80, nodeCount * 8);
-        zoomZ = radius * 2.5;
-      }
-      const camTween = new import_tween2.Tween(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: zoomZ }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-      tweenGroup.add(camTween);
-      camTween.start();
-    }
-  }, []);
-  const handleActivateQuestLens = (0, import_react33.useCallback)(({ assigneeId, status: status2, milestoneId }) => {
-    var _a2;
-    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);
-      const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
-      const matchMilestone = !milestoneId || q.milestone_ids && q.milestone_ids.includes(milestoneId);
-      return matchAssignee && matchStatus && matchMilestone;
-    });
-    if (filteredQuests.length === 0) {
-      console.warn("Nenhuma quest encontrada para os filtros selecionados.");
-      return;
-    }
-    const questsByStatus = {
-      Backlog: [],
-      "In Progress": [],
-      Review: [],
-      Done: []
-    };
-    filteredQuests.forEach((q) => {
-      if (questsByStatus[q.status]) {
-        questsByStatus[q.status].push(q);
+        const colSpacing = 80;
+        const rowSpacing = 80;
+        const numCols = columns || 4;
+        activeNodeIds.forEach((id, index) => {
+          const mesh = nodeObjects[id];
+          const col = index % numCols;
+          const row = Math.floor(index / numCols);
+          const targetX = (col - (numCols - 1) / 2) * colSpacing;
+          const targetY = -(row * rowSpacing) + 50;
+          const posTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (mesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(targetX, targetY, 0).add(
+              mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
+            );
+            const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += targetX;
+          sumY += targetY;
+          nodeCount++;
+        });
+      } else if (type === "Circle") {
+        const total = activeNodeIds.length;
+        const radius = Math.max(80, total * 8);
+        activeNodeIds.forEach((id, index) => {
+          const mesh = nodeObjects[id];
+          const angle = index / total * Math.PI * 2;
+          const targetX = Math.cos(angle) * radius;
+          const targetY = Math.sin(angle) * radius;
+          const posTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (mesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(targetX, targetY, 0).add(
+              mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
+            );
+            const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += targetX;
+          sumY += targetY;
+          nodeCount++;
+        });
+      } else if (type === "Star") {
+        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);
+        if (centerMesh) {
+          const posTween = new import_tween2.Tween(centerMesh.position).to({ x: 0, y: 0, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (centerMesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(0, 0, 0).add(
+              centerMesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
+            );
+            const lblTween = new import_tween2.Tween(centerMesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += 0;
+          sumY += 0;
+          nodeCount++;
+        }
+        orbitingNodeIds.forEach((id, index) => {
+          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;
+          const posTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (mesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(targetX, targetY, 0).add(
+              mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
+            );
+            const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += targetX;
+          sumY += targetY;
+          nodeCount++;
+        });
       }
-    });
-    const questTimeInfos = /* @__PURE__ */ new Map();
-    const allActiveTimePoints = /* @__PURE__ */ new Set();
-    filteredQuests.forEach((q) => {
-      const info = parseDateProp(q.Date);
-      questTimeInfos.set(String(q.id), info);
-      if (!info.isUndated) {
-        allActiveTimePoints.add(info.startDate.getTime());
-        if (info.endDate && info.type === "interval") {
-          allActiveTimePoints.add(info.endDate.getTime());
-        }
+      if (nodeCount > 0) {
+        const centerX = sumX / nodeCount;
+        const centerY = sumY / nodeCount;
+        const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+        const targetTween = new import_tween2.Tween(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(targetTween);
+        targetTween.start();
+        let zoomZ = 140;
+        if (type === "Column") {
+          const numRows = Math.ceil(nodeCount / (columns || 4));
+          zoomZ = Math.max(140, numRows * 50);
+        } else if (type === "Circle" || type === "Star") {
+          const radius = Math.max(80, nodeCount * 8);
+          zoomZ = radius * 2.5;
+        }
+        const camTween = new import_tween2.Tween(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: zoomZ }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(camTween);
+        camTween.start();
       }
-    });
-    const sortedTimePoints = Array.from(allActiveTimePoints).sort((a, b) => a - b);
-    const timeToYMap = /* @__PURE__ */ new Map();
-    sortedTimePoints.forEach((ms, idx) => {
-      timeToYMap.set(ms, idx * TIMELINE_LAYER_SPACING_Y);
-    });
-    const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
-    let sumX = 0;
-    let sumY = 0;
-    let questCount = 0;
-    const positionGroups = /* @__PURE__ */ new Map();
-    const NODE_X_GAP = 22;
-    QUEST_STATUS_ORDER.forEach((statusName) => {
-      const questsInCol = questsByStatus[statusName];
-      questsInCol.forEach((q, rowIndex) => {
-        const timeInfo = questTimeInfos.get(String(q.id)) || { isUndated: true };
-        let nodeY;
-        if (!timeInfo.isUndated) {
-          nodeY = timeToYMap.get(timeInfo.startDate.getTime());
-        } else {
-          const undatedOffset = sortedTimePoints.length > 0 ? sortedTimePoints.length * 5 : 0;
-          nodeY = -40 - rowIndex * QUEST_LENS_ROW_SPACING - undatedOffset;
-        }
-        const posKey = `${statusName}_${nodeY}`;
-        if (!positionGroups.has(posKey)) positionGroups.set(posKey, []);
-        positionGroups.get(posKey).push(String(q.id));
+    },
+    []
+  );
+  const handleActivateQuestLens = (0, import_react33.useCallback)(
+    ({ assigneeId, status: status2, milestoneId }) => {
+      var _a2;
+      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);
+        const matchStatus = !status2 ? q.status !== "Done" : String(q.status) === String(status2);
+        const matchMilestone = !milestoneId || q.milestone_ids && q.milestone_ids.includes(milestoneId);
+        return matchAssignee && matchStatus && matchMilestone;
       });
-    });
-    Object.values(nodeObjects).forEach((mesh) => {
-      const oldLabel = mesh.getObjectByName("questDateLabel") || mesh.getObjectByName("timelineLabel");
-      if (oldLabel) {
-        mesh.remove(oldLabel);
-        if (oldLabel.material) oldLabel.material.dispose();
-      }
-      if (mesh.userData.timelineIntervalBar) {
-        if (graphGroup) graphGroup.remove(mesh.userData.timelineIntervalBar);
-        mesh.userData.timelineIntervalBar = null;
-      }
-      if (mesh.userData.timelineEndLabel) {
-        if (graphGroup) graphGroup.remove(mesh.userData.timelineEndLabel);
-        mesh.userData.timelineEndLabel = null;
-      }
-    });
-    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 = nodeObjects[id];
-      if (!mesh) return;
-      const col = Math.floor(idx / MAX_COMMON_ROWS);
-      const row = idx % MAX_COMMON_ROWS;
-      const targetX = COMMON_START_X - col * COMMON_COL_SPACING;
-      const targetY = -(row * COMMON_ROW_SPACING) + 50;
-      const targetZ = 0;
-      if (mesh.material) {
-        const opacityTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
-        tweenGroup.add(opacityTween);
-        opacityTween.start();
-      }
-      if (mesh.userData.labelObject) {
-        mesh.userData.labelObject.visible = true;
-        const labelTargetPos = new THREE3.Vector3(targetX, targetY, targetZ).add(
-          mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
-        );
-        const labelTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(labelTween);
-        labelTween.start();
+      if (filteredQuests.length === 0) {
+        console.warn("Nenhuma quest encontrada para os filtros selecionados.");
+        return;
       }
-      const sideTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: targetZ }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-      tweenGroup.add(sideTween);
-      sideTween.start();
-    });
-    filteredQuests.forEach((q) => {
-      const mesh = nodeObjects[String(q.id)];
-      if (mesh) {
-        if (mesh.material) {
-          const fadeInTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
-          tweenGroup.add(fadeInTween);
-          fadeInTween.start();
+      const questsByStatus = {
+        Backlog: [],
+        "In Progress": [],
+        Review: [],
+        Done: []
+      };
+      filteredQuests.forEach((q) => {
+        if (questsByStatus[q.status]) {
+          questsByStatus[q.status].push(q);
         }
-        if (mesh.userData.labelObject) {
-          mesh.userData.labelObject.visible = true;
+      });
+      const questTimeInfos = /* @__PURE__ */ new Map();
+      const allActiveTimePoints = /* @__PURE__ */ new Set();
+      filteredQuests.forEach((q) => {
+        const info = parseDateProp(q.Date);
+        questTimeInfos.set(String(q.id), info);
+        if (!info.isUndated) {
+          allActiveTimePoints.add(info.startDate.getTime());
+          if (info.endDate && info.type === "interval") {
+            allActiveTimePoints.add(info.endDate.getTime());
+          }
         }
-      }
-    });
-    QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
-      if (status2 && status2 !== statusName) return;
-      const questsInCol = questsByStatus[statusName];
-      const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
-      questsInCol.forEach((q, rowIndex) => {
-        const nodeId = String(q.id);
-        let mesh = nodeObjects[nodeId];
-        const timeInfo = questTimeInfos.get(nodeId) || { isUndated: true };
-        let targetY;
-        if (!timeInfo.isUndated) {
-          targetY = timeToYMap.get(timeInfo.startDate.getTime());
-        } else {
-          const undatedOffset = sortedTimePoints.length > 0 ? sortedTimePoints.length * 5 : 0;
-          targetY = -40 - rowIndex * QUEST_LENS_ROW_SPACING - undatedOffset;
-        }
-        const posKey = `${statusName}_${targetY}`;
-        const group = positionGroups.get(posKey) || [nodeId];
-        const indexInGroup = group.indexOf(nodeId);
-        const xOffset = (indexInGroup - (group.length - 1) / 2) * NODE_X_GAP;
-        const finalX = colX + xOffset;
-        if (!mesh) {
-          mesh = addOrUpdateNodeMesh(q, new THREE3.Vector3(finalX, 150, 0), true);
-        }
-        const lensTween = new import_tween2.Tween(mesh.position).to({ x: finalX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-        tweenGroup.add(lensTween);
-        lensTween.start();
-        sumX += finalX;
-        sumY += targetY;
-        questCount++;
-        if (!timeInfo.isUndated && timeInfo.label && !mesh.getObjectByName("questDateLabel")) {
-          const dateSprite = createTextSprite(timeInfo.label, 36);
-          dateSprite.name = "questDateLabel";
-          dateSprite.position.set(0, -5.5, 0);
-          mesh.add(dateSprite);
-        }
-        if (timeInfo.type === "interval" && timeToYMap.has(timeInfo.endDate.getTime())) {
-          const endY = timeToYMap.get(timeInfo.endDate.getTime());
-          if (Math.abs(endY - targetY) > 0.1) {
-            const barHeight = Math.abs(endY - targetY);
-            const barGeometry = new THREE3.CylinderGeometry(
-              TIMELINE_INTERVAL_BAR_RADIUS,
-              TIMELINE_INTERVAL_BAR_RADIUS,
-              1,
-              16
-            );
-            const barMaterial = new THREE3.MeshStandardMaterial({
-              color: TIMELINE_GOLD_COLOR,
-              emissive: 12092939,
-              emissiveIntensity: 0.4,
-              transparent: true,
-              opacity: TIMELINE_INTERVAL_BAR_OPACITY,
-              roughness: 0.3,
-              metalness: 0.8
-            });
-            const intervalBar = new THREE3.Mesh(barGeometry, barMaterial);
-            intervalBar.userData.associatedNodeId = mesh.userData.id;
-            intervalBar.position.set(finalX, (targetY + endY) / 2, -0.5);
-            intervalBar.scale.y = barHeight;
-            graphGroup.add(intervalBar);
-            mesh.userData.timelineIntervalBar = intervalBar;
-            const endLabel = createTextSprite(timeInfo.label.split(" - ")[1] || "", 30);
-            endLabel.name = "timelineEndLabel";
-            endLabel.position.set(finalX, endY + 4, 0);
-            graphGroup.add(endLabel);
-            mesh.userData.timelineEndLabel = endLabel;
+      });
+      const sortedTimePoints = Array.from(allActiveTimePoints).sort(
+        (a, b) => a - b
+      );
+      const timeToYMap = /* @__PURE__ */ new Map();
+      sortedTimePoints.forEach((ms, idx) => {
+        timeToYMap.set(ms, idx * TIMELINE_LAYER_SPACING_Y);
+      });
+      const startX = -((QUEST_STATUS_ORDER.length - 1) * QUEST_LENS_COLUMN_SPACING) / 2;
+      let sumX = 0;
+      let sumY = 0;
+      let questCount = 0;
+      const positionGroups = /* @__PURE__ */ new Map();
+      const NODE_X_GAP = 22;
+      QUEST_STATUS_ORDER.forEach((statusName) => {
+        const questsInCol = questsByStatus[statusName];
+        questsInCol.forEach((q, rowIndex) => {
+          const timeInfo = questTimeInfos.get(String(q.id)) || {
+            isUndated: true
+          };
+          let nodeY;
+          if (!timeInfo.isUndated) {
+            nodeY = timeToYMap.get(timeInfo.startDate.getTime());
+          } else {
+            const undatedOffset = sortedTimePoints.length > 0 ? sortedTimePoints.length * 5 : 0;
+            nodeY = -40 - rowIndex * QUEST_LENS_ROW_SPACING - undatedOffset;
           }
+          const posKey = `${statusName}_${nodeY}`;
+          if (!positionGroups.has(posKey)) positionGroups.set(posKey, []);
+          positionGroups.get(posKey).push(String(q.id));
+        });
+      });
+      Object.values(nodeObjects).forEach((mesh) => {
+        const oldLabel = mesh.getObjectByName("questDateLabel") || mesh.getObjectByName("timelineLabel");
+        if (oldLabel) {
+          mesh.remove(oldLabel);
+          if (oldLabel.material) oldLabel.material.dispose();
+        }
+        if (mesh.userData.timelineIntervalBar) {
+          if (graphGroup) graphGroup.remove(mesh.userData.timelineIntervalBar);
+          mesh.userData.timelineIntervalBar = null;
+        }
+        if (mesh.userData.timelineEndLabel) {
+          if (graphGroup) graphGroup.remove(mesh.userData.timelineEndLabel);
+          mesh.userData.timelineEndLabel = null;
+        }
+      });
+      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 = nodeObjects[id];
+        if (!mesh) return;
+        const col = Math.floor(idx / MAX_COMMON_ROWS);
+        const row = idx % MAX_COMMON_ROWS;
+        const targetX = COMMON_START_X - col * COMMON_COL_SPACING;
+        const targetY = -(row * COMMON_ROW_SPACING) + 50;
+        const targetZ = 0;
+        if (mesh.material) {
+          const opacityTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+          tweenGroup.add(opacityTween);
+          opacityTween.start();
         }
         if (mesh.userData.labelObject) {
-          const labelTargetPos = new THREE3.Vector3(finalX, targetY, 0).add(
-            mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
-          );
+          mesh.userData.labelObject.visible = true;
+          const labelTargetPos = new THREE3.Vector3(
+            targetX,
+            targetY,
+            targetZ
+          ).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
           const labelTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(import_tween2.Easing.Cubic.InOut);
           tweenGroup.add(labelTween);
           labelTween.start();
         }
+        const sideTween = new import_tween2.Tween(mesh.position).to({ x: targetX, y: targetY, z: targetZ }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(sideTween);
+        sideTween.start();
       });
-    });
-    if (questCount > 0) {
-      const { camera: sceneCamera, controls: sceneControls } = stateRef.current;
-      const centerX = sumX / questCount;
-      const centerY = sumY / questCount;
-      const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
-      const targetTween = new import_tween2.Tween(sceneControls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-      tweenGroup.add(targetTween);
-      targetTween.start();
-      const camTween = new import_tween2.Tween(sceneCamera.position).to({ x: targetFocus.x, y: targetFocus.y, z: 140 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
-      tweenGroup.add(camTween);
-      camTween.start();
-    }
-  }, [addOrUpdateNodeMesh]);
+      filteredQuests.forEach((q) => {
+        const mesh = nodeObjects[String(q.id)];
+        if (mesh) {
+          if (mesh.material) {
+            const fadeInTween = new import_tween2.Tween(mesh.material).to({ opacity: 1 }, 1200).easing(import_tween2.Easing.Cubic.Out);
+            tweenGroup.add(fadeInTween);
+            fadeInTween.start();
+          }
+          if (mesh.userData.labelObject) {
+            mesh.userData.labelObject.visible = true;
+          }
+        }
+      });
+      QUEST_STATUS_ORDER.forEach((statusName, colIndex) => {
+        if (status2 && status2 !== statusName) return;
+        const questsInCol = questsByStatus[statusName];
+        const colX = startX + colIndex * QUEST_LENS_COLUMN_SPACING;
+        questsInCol.forEach((q, rowIndex) => {
+          const nodeId = String(q.id);
+          let mesh = nodeObjects[nodeId];
+          const timeInfo = questTimeInfos.get(nodeId) || { isUndated: true };
+          let targetY;
+          if (!timeInfo.isUndated) {
+            targetY = timeToYMap.get(timeInfo.startDate.getTime());
+          } else {
+            const undatedOffset = sortedTimePoints.length > 0 ? sortedTimePoints.length * 5 : 0;
+            targetY = -40 - rowIndex * QUEST_LENS_ROW_SPACING - undatedOffset;
+          }
+          const posKey = `${statusName}_${targetY}`;
+          const group = positionGroups.get(posKey) || [nodeId];
+          const indexInGroup = group.indexOf(nodeId);
+          const xOffset = (indexInGroup - (group.length - 1) / 2) * NODE_X_GAP;
+          const finalX = colX + xOffset;
+          if (!mesh) {
+            mesh = addOrUpdateNodeMesh(
+              q,
+              new THREE3.Vector3(finalX, 150, 0),
+              true
+            );
+          }
+          const lensTween = new import_tween2.Tween(mesh.position).to({ x: finalX, y: targetY, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(lensTween);
+          lensTween.start();
+          sumX += finalX;
+          sumY += targetY;
+          questCount++;
+          if (!timeInfo.isUndated && timeInfo.label && !mesh.getObjectByName("questDateLabel")) {
+            const dateSprite = createTextSprite(timeInfo.label, 36);
+            dateSprite.name = "questDateLabel";
+            dateSprite.position.set(0, -5.5, 0);
+            mesh.add(dateSprite);
+          }
+          if (timeInfo.type === "interval" && timeToYMap.has(timeInfo.endDate.getTime())) {
+            const endY = timeToYMap.get(timeInfo.endDate.getTime());
+            if (Math.abs(endY - targetY) > 0.1) {
+              const barHeight = Math.abs(endY - targetY);
+              const barGeometry = new THREE3.CylinderGeometry(
+                TIMELINE_INTERVAL_BAR_RADIUS,
+                TIMELINE_INTERVAL_BAR_RADIUS,
+                1,
+                16
+              );
+              const barMaterial = new THREE3.MeshStandardMaterial({
+                color: TIMELINE_GOLD_COLOR,
+                emissive: 12092939,
+                emissiveIntensity: 0.4,
+                transparent: true,
+                opacity: TIMELINE_INTERVAL_BAR_OPACITY,
+                roughness: 0.3,
+                metalness: 0.8
+              });
+              const intervalBar = new THREE3.Mesh(barGeometry, barMaterial);
+              intervalBar.userData.associatedNodeId = mesh.userData.id;
+              intervalBar.position.set(finalX, (targetY + endY) / 2, -0.5);
+              intervalBar.scale.y = barHeight;
+              graphGroup.add(intervalBar);
+              mesh.userData.timelineIntervalBar = intervalBar;
+              const endLabel = createTextSprite(
+                timeInfo.label.split(" - ")[1] || "",
+                30
+              );
+              endLabel.name = "timelineEndLabel";
+              endLabel.position.set(finalX, endY + 4, 0);
+              graphGroup.add(endLabel);
+              mesh.userData.timelineEndLabel = endLabel;
+            }
+          }
+          if (mesh.userData.labelObject) {
+            const labelTargetPos = new THREE3.Vector3(finalX, targetY, 0).add(
+              mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0)
+            );
+            const labelTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTargetPos, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(labelTween);
+            labelTween.start();
+          }
+        });
+      });
+      if (questCount > 0) {
+        const { camera: sceneCamera, controls: sceneControls } = stateRef.current;
+        const centerX = sumX / questCount;
+        const centerY = sumY / questCount;
+        const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+        const targetTween = new import_tween2.Tween(sceneControls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(targetTween);
+        targetTween.start();
+        const camTween = new import_tween2.Tween(sceneCamera.position).to({ x: targetFocus.x, y: targetFocus.y, z: 140 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        tweenGroup.add(camTween);
+        camTween.start();
+      }
+    },
+    [addOrUpdateNodeMesh]
+  );
   (0, import_react33.useEffect)(() => {
     if (!isInitialized || !sceneDataRef.current) return;
     const currentMount = mountRef.current;
@@ -17065,7 +17100,9 @@ function XViewScene({
           const clickedNodeId = String(clickedNode.userData.id);
           const parentId = String(currentSelectedParent);
           if (clickedNodeId === parentId) {
-            alert("Erro: N\xE3o \xE9 poss\xEDvel adicionar um Node como filho dele mesmo.");
+            alert(
+              "Erro: N\xE3o \xE9 poss\xEDvel adicionar um Node como filho dele mesmo."
+            );
             return;
           }
           const parentInfo = stateRef.current.nodeIdToParentFileMap.get(clickedNodeId);
@@ -17414,7 +17451,11 @@ function XViewScene({
         ancestryData: ancestryDataRef.current
       });
       (_b2 = stateRef.current.tweenGroup) == null ? void 0 : _b2.update(time);
-      const { keysPressed, controls: sceneControls, camera: sceneCamera } = stateRef.current;
+      const {
+        keysPressed,
+        controls: sceneControls,
+        camera: sceneCamera
+      } = stateRef.current;
       if (sceneControls && keysPressed) {
         const panSpeed = 1.5;
         const rotateSpeed = 0.02;
@@ -17438,10 +17479,18 @@ function XViewScene({
           offset.multiplyScalar(factor);
           sceneCamera.position.copy(sceneControls.target).add(offset);
         } else if (!isCtrl && !isShift && (dirX !== 0 || dirY !== 0)) {
-          const distance = sceneCamera.position.distanceTo(sceneControls.target);
+          const distance = sceneCamera.position.distanceTo(
+            sceneControls.target
+          );
           const currentPanSpeed = panSpeed * (distance / 100);
-          const vecX = new THREE3.Vector3().setFromMatrixColumn(sceneCamera.matrix, 0);
-          const vecY = new THREE3.Vector3().setFromMatrixColumn(sceneCamera.matrix, 1);
+          const vecX = new THREE3.Vector3().setFromMatrixColumn(
+            sceneCamera.matrix,
+            0
+          );
+          const vecY = new THREE3.Vector3().setFromMatrixColumn(
+            sceneCamera.matrix,
+            1
+          );
           vecX.multiplyScalar(dirX * currentPanSpeed);
           vecY.multiplyScalar(dirY * currentPanSpeed);
           sceneCamera.position.add(vecX).add(vecY);
@@ -17838,115 +17887,143 @@ function XViewScene({
   const handleStartVersioning = (nodeData) => {
     userActionHandlers.handleStartVersioning(actionHandlerContext, nodeData);
   };
-  const handleStartQuestQuick = (0, import_react33.useCallback)((questNode) => {
-    var _a2, _b2, _c2;
-    if (!questNode || !actionHandlerContext) return;
-    const allParentNodes = Object.values(parentDataRef.current).flatMap((fileData) => fileData.nodes || []);
-    const blockCheck = isQuestBlocked(questNode, allParentNodes);
-    if (blockCheck.isBlocked) {
-      alert(`Esta quest n\xE3o pode ser iniciada pois possui depend\xEAncias pendentes: ${blockCheck.pendingDependencies.map((d) => d.raw_title || d.name).join(", ")}`);
-      return;
-    }
-    const {
-      labelObject,
-      labelOffset,
-      aura,
-      borderRing,
-      timelineIntervalBar,
-      timelineEndLabel,
-      ...cleanQuestNode
-    } = questNode;
-    const newTimeline = [...cleanQuestNode.timeline || [], createTimelineEntry(
-      ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.id) || "unknown",
-      `Status "In Progress" - Respons\xE1vel: ${((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.name) || "usu\xE1rio"}`,
-      "status_changed"
-    )];
-    const updatedNode = {
-      ...cleanQuestNode,
-      status: "In Progress",
-      color: "#eab308",
-      assignee_id: (_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.id,
-      timeline: newTimeline
-    };
-    if (userActionHandlers.handleSaveNodeDetails) {
-      userActionHandlers.handleSaveNodeDetails(actionHandlerContext, updatedNode, true);
-    }
-    setDetailsNode(updatedNode);
-  }, [session, actionHandlerContext]);
-  const handleFinishQuestQuick = (0, import_react33.useCallback)((questNode) => {
-    var _a2, _b2, _c2, _d2;
-    if (!questNode || !actionHandlerContext) return;
-    const {
-      labelObject,
-      labelOffset,
-      aura,
-      borderRing,
-      timelineIntervalBar,
-      timelineEndLabel,
-      ...cleanQuestNode
-    } = questNode;
-    let nextAssigneeId = cleanQuestNode.assignee_id;
-    let nextStatus = "Done";
-    let newTimeline = [...cleanQuestNode.timeline || []];
-    const reviewStack = [...cleanQuestNode.reviewStack || []];
-    const currentReviewerIdx = reviewStack.findIndex((r) => r.status !== "completed");
-    let nextIdxToAssign = 0;
-    if (currentReviewerIdx !== -1 && reviewStack[currentReviewerIdx].userId === cleanQuestNode.assignee_id) {
-      reviewStack[currentReviewerIdx].status = "completed";
-      nextIdxToAssign = currentReviewerIdx + 1;
-    } else {
-      nextIdxToAssign = currentReviewerIdx !== -1 ? currentReviewerIdx : reviewStack.length;
-    }
-    if (nextIdxToAssign < reviewStack.length) {
-      const remainingMandatory = reviewStack.slice(nextIdxToAssign).some((r) => r.mandatory);
-      const hasAnyMandatory = reviewStack.some((r) => r.mandatory);
-      if (!hasAnyMandatory || remainingMandatory) {
-        const nextReviewer = reviewStack[nextIdxToAssign];
-        nextAssigneeId = nextReviewer.userId;
-        nextStatus = "Review";
+  const handleStartQuestQuick = (0, import_react33.useCallback)(
+    (questNode) => {
+      var _a2, _b2, _c2;
+      if (!questNode || !actionHandlerContext) return;
+      const allParentNodes = Object.values(parentDataRef.current).flatMap(
+        (fileData) => fileData.nodes || []
+      );
+      const blockCheck = isQuestBlocked(questNode, allParentNodes);
+      if (blockCheck.isBlocked) {
+        alert(
+          `Esta quest n\xE3o pode ser iniciada pois possui depend\xEAncias pendentes: ${blockCheck.pendingDependencies.map((d) => d.raw_title || d.name).join(", ")}`
+        );
+        return;
+      }
+      const {
+        labelObject,
+        labelOffset,
+        aura,
+        borderRing,
+        timelineIntervalBar,
+        timelineEndLabel,
+        ...cleanQuestNode
+      } = questNode;
+      const newTimeline = [
+        ...cleanQuestNode.timeline || [],
+        createTimelineEntry(
+          ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.id) || "unknown",
+          `Status "In Progress" - Respons\xE1vel: ${((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.name) || "usu\xE1rio"}`,
+          "status_changed"
+        )
+      ];
+      const updatedNode = {
+        ...cleanQuestNode,
+        status: "In Progress",
+        color: "#eab308",
+        assignee_id: (_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.id,
+        timeline: newTimeline
+      };
+      if (userActionHandlers.handleSaveNodeDetails) {
+        userActionHandlers.handleSaveNodeDetails(
+          actionHandlerContext,
+          updatedNode,
+          true
+        );
+      }
+      setDetailsNode(updatedNode);
+    },
+    [session, actionHandlerContext]
+  );
+  const handleFinishQuestQuick = (0, import_react33.useCallback)(
+    (questNode) => {
+      var _a2, _b2, _c2, _d2;
+      if (!questNode || !actionHandlerContext) return;
+      const {
+        labelObject,
+        labelOffset,
+        aura,
+        borderRing,
+        timelineIntervalBar,
+        timelineEndLabel,
+        ...cleanQuestNode
+      } = questNode;
+      let nextAssigneeId = cleanQuestNode.assignee_id;
+      let nextStatus = "Done";
+      let newTimeline = [...cleanQuestNode.timeline || []];
+      const reviewStack = [...cleanQuestNode.reviewStack || []];
+      const currentReviewerIdx = reviewStack.findIndex(
+        (r) => r.status !== "completed"
+      );
+      let nextIdxToAssign = 0;
+      if (currentReviewerIdx !== -1 && reviewStack[currentReviewerIdx].userId === cleanQuestNode.assignee_id) {
+        reviewStack[currentReviewerIdx].status = "completed";
+        nextIdxToAssign = currentReviewerIdx + 1;
       } else {
-        nextStatus = "Done";
-        for (let i = nextIdxToAssign; i < reviewStack.length; i++) {
-          reviewStack[i].status = "skipped";
+        nextIdxToAssign = currentReviewerIdx !== -1 ? currentReviewerIdx : reviewStack.length;
+      }
+      if (nextIdxToAssign < reviewStack.length) {
+        const remainingMandatory = reviewStack.slice(nextIdxToAssign).some((r) => r.mandatory);
+        const hasAnyMandatory = reviewStack.some((r) => r.mandatory);
+        if (!hasAnyMandatory || remainingMandatory) {
+          const nextReviewer = reviewStack[nextIdxToAssign];
+          nextAssigneeId = nextReviewer.userId;
+          nextStatus = "Review";
+        } else {
+          nextStatus = "Done";
+          for (let i = nextIdxToAssign; i < reviewStack.length; i++) {
+            reviewStack[i].status = "skipped";
+          }
         }
+      } else {
+        nextStatus = "Done";
       }
-    } else {
-      nextStatus = "Done";
-    }
-    if (nextStatus === "Review") {
-      const nextReviewerName = ((_a2 = viewMembers.find((m) => m.id === nextAssigneeId)) == null ? void 0 : _a2.name) || "revisor";
-      newTimeline.push(createTimelineEntry(
-        "system",
-        `Status "Review" - Respons\xE1vel: ${nextReviewerName}`,
-        "status_changed",
-        { metadata: { to_assignee_id: nextAssigneeId } }
-      ));
-    } else if (nextStatus === "Done") {
-      const finisherName = ((_b2 = viewMembers.find((m) => {
-        var _a3;
-        return m.id === (((_a3 = session == null ? void 0 : session.user) == null ? void 0 : _a3.id) || cleanQuestNode.assignee_id);
-      })) == null ? void 0 : _b2.name) || ((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.name) || "respons\xE1vel";
-      newTimeline.push(createTimelineEntry(
-        ((_d2 = session == null ? void 0 : session.user) == null ? void 0 : _d2.id) || cleanQuestNode.assignee_id,
-        `Status "Done" - Finalizado por ${finisherName}`,
-        "status_changed"
-      ));
-    }
-    const updatedNode = {
-      ...cleanQuestNode,
-      status: nextStatus,
-      color: nextStatus === "Done" ? "#22c55e" : "#a855f7",
-      assignee_id: nextAssigneeId,
-      reviewStack,
-      timeline: newTimeline
-    };
-    if (userActionHandlers.handleSaveNodeDetails) {
-      userActionHandlers.handleSaveNodeDetails(actionHandlerContext, updatedNode);
-    }
-    if (detailsNode && String(detailsNode.id) === String(cleanQuestNode.id)) {
-      setDetailsNode(null);
-    }
-  }, [session, actionHandlerContext, viewMembers, detailsNode]);
+      if (nextStatus === "Review") {
+        const nextReviewerName = ((_a2 = viewMembers.find((m) => m.id === nextAssigneeId)) == null ? void 0 : _a2.name) || "revisor";
+        newTimeline.push(
+          createTimelineEntry(
+            "system",
+            `Status "Review" - Respons\xE1vel: ${nextReviewerName}`,
+            "status_changed",
+            { metadata: { to_assignee_id: nextAssigneeId } }
+          )
+        );
+      } else if (nextStatus === "Done") {
+        const finisherName = ((_b2 = viewMembers.find(
+          (m) => {
+            var _a3;
+            return m.id === (((_a3 = session == null ? void 0 : session.user) == null ? void 0 : _a3.id) || cleanQuestNode.assignee_id);
+          }
+        )) == null ? void 0 : _b2.name) || ((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.name) || "respons\xE1vel";
+        newTimeline.push(
+          createTimelineEntry(
+            ((_d2 = session == null ? void 0 : session.user) == null ? void 0 : _d2.id) || cleanQuestNode.assignee_id,
+            `Status "Done" - Finalizado por ${finisherName}`,
+            "status_changed"
+          )
+        );
+      }
+      const updatedNode = {
+        ...cleanQuestNode,
+        status: nextStatus,
+        color: nextStatus === "Done" ? "#22c55e" : "#a855f7",
+        assignee_id: nextAssigneeId,
+        reviewStack,
+        timeline: newTimeline
+      };
+      if (userActionHandlers.handleSaveNodeDetails) {
+        userActionHandlers.handleSaveNodeDetails(
+          actionHandlerContext,
+          updatedNode
+        );
+      }
+      if (detailsNode && String(detailsNode.id) === String(cleanQuestNode.id)) {
+        setDetailsNode(null);
+      }
+    },
+    [session, actionHandlerContext, viewMembers, detailsNode]
+  );
   const handleCancelQuest = (0, import_react33.useCallback)(() => {
     const { graphGroup, ghostElements } = stateRef.current;
     if (ghostElements.node && graphGroup) {
@@ -17997,48 +18074,56 @@ function XViewScene({
     if (questNodeId && sceneConfigId) {
       const sceneData = sceneDataRef.current;
       if (sceneData && sceneData.quest_nodes) {
-        const questIndex = sceneData.quest_nodes.findIndex((q) => String(q.id) === String(questNodeId));
+        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 (parentDataRef.current[sceneConfigId]) {
-            const parentIndex = parentDataRef.current[sceneConfigId].nodes.findIndex(
-              (q) => String(q.id) === String(questNodeId)
-            );
+            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 sceneFileData = {
-              ...sceneData,
-              nodes: sceneData.nodes || [],
-              links: sceneData.links || [],
-              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 = (_a2 = stateRef.current.nodeObjects) == null ? void 0 : _a2[String(questNodeId)];
-          if (nodeMesh) {
-            nodeMesh.userData = {
-              ...nodeMesh.userData,
-              ...updatedNodeData
-            };
-          }
-          if (detailsNode && String(detailsNode.id) === String(questNodeId)) {
-            setDetailsNode((prev) => ({
-              ...prev,
-              quest_tree: formattedTree,
-              quest_abstraction_tree: formattedAbstractionTree
-            }));
-          }
-          setSceneVersion((v) => v + 1);
+          const sceneFileData = {
+            ...sceneData,
+            nodes: sceneData.nodes || [],
+            links: sceneData.links || [],
+            quest_counter: sceneData.quest_counter || 1
+          };
+          delete sceneFileData.quest_nodes;
+          delete sceneFileData.quest_links;
+          delete sceneFileData.milestones;
+          const questFileData = {
+            nodes: sceneData.quest_nodes || [],
+            links: sceneData.quest_links || [],
+            milestones: sceneData.milestones || []
+          };
+          await save_view_data(sceneSaveUrl, sceneFileData);
+          const questSaveUrl = sceneSaveUrl.replace(
+            "x_view_scenes",
+            "x_view_quests"
+          );
+          await save_view_data(questSaveUrl, questFileData);
+        }
+        const updatedNodeData = sceneData.quest_nodes[questIndex];
+        const nodeMesh = (_a2 = stateRef.current.nodeObjects) == null ? void 0 : _a2[String(questNodeId)];
+        if (nodeMesh) {
+          nodeMesh.userData = {
+            ...nodeMesh.userData,
+            ...updatedNodeData
+          };
         }
+        if (detailsNode && String(detailsNode.id) === String(questNodeId)) {
+          setDetailsNode((prev) => ({
+            ...prev,
+            quest_tree: formattedTree,
+            quest_abstraction_tree: formattedAbstractionTree
+          }));
+        }
+        setSceneVersion((v) => v + 1);
       }
     }
   };
@@ -18100,21 +18185,33 @@ function XViewScene({
     graphDataRef2.current[sceneConfigId2].nodes.push(newNode);
     const sceneFileData = {
       ...sceneDataRef2.current,
-      quest_nodes: graphDataRef2.current[sceneConfigId2].nodes,
-      quest_links: graphDataRef2.current[sceneConfigId2].links,
       quest_counter: currentCounter + 1
     };
+    delete sceneFileData.quest_nodes;
+    delete sceneFileData.quest_links;
+    delete sceneFileData.milestones;
+    const questFileData = {
+      nodes: graphDataRef2.current[sceneConfigId2].nodes,
+      links: graphDataRef2.current[sceneConfigId2].links,
+      milestones: sceneDataRef2.current.milestones || []
+    };
     try {
       await actions.save_view_data(sceneSaveUrl2, sceneFileData);
+      const questSaveUrl = sceneSaveUrl2.replace("x_view_scenes", "x_view_quests");
+      await actions.save_view_data(questSaveUrl, questFileData);
       sceneDataRef2.current.quest_counter = currentCounter + 1;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
         ownerId: ownerId2,
         datasetName: "Quests Internas (View)"
       });
-      sceneDataRef2.current.quest_nodes = [...graphDataRef2.current[sceneConfigId2].nodes];
+      sceneDataRef2.current.quest_nodes = [
+        ...graphDataRef2.current[sceneConfigId2].nodes
+      ];
       if (parentDataRef.current[sceneConfigId2]) {
-        parentDataRef.current[sceneConfigId2].nodes = [...graphDataRef2.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;
@@ -18179,11 +18276,22 @@ function XViewScene({
         specificParentData.links.push(newLink);
         const viewFilePayload = {
           ...sceneDataRef2.current,
-          quest_nodes: specificParentData.nodes,
-          quest_links: specificParentData.links,
           quest_counter: sceneDataRef2.current.quest_counter || 1
         };
+        delete viewFilePayload.quest_nodes;
+        delete viewFilePayload.quest_links;
+        delete viewFilePayload.milestones;
+        const questFilePayload = {
+          nodes: specificParentData.nodes,
+          links: specificParentData.links,
+          milestones: sceneDataRef2.current.milestones || []
+        };
         await context.actions.save_view_data(sceneSaveUrl2, viewFilePayload);
+        const questSaveUrl = sceneSaveUrl2.replace(
+          "x_view_scenes",
+          "x_view_quests"
+        );
+        await context.actions.save_view_data(questSaveUrl, questFilePayload);
       } else {
         const specificParentData = JSON.parse(
           JSON.stringify(graphDataRef2.current[parentFileIdToSave])
@@ -18216,9 +18324,7 @@ function XViewScene({
         if (line.material) line.material.dispose();
       });
       renderedAncestries.splice(renderIndex, 1);
-      stateRef.current.ancestryLinks = renderedAncestries.flatMap(
-        (a) => a.lines
-      );
+      stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
     }
   }, []);
   const handleRenderAncestry = (0, import_react33.useCallback)(
@@ -18791,9 +18897,7 @@ function XViewScene({
         });
       };
       renderVertical(fullTree, rootNodeMesh, rootTargetPos, 1);
-      stateRef.current.ancestryLinks = renderedAncestries.flatMap(
-        (a) => a.lines
-      );
+      stateRef.current.ancestryLinks = renderedAncestries.flatMap((a) => a.lines);
       tweenToTarget(rootTargetPos, 0.7);
     },
     [
@@ -18928,10 +19032,7 @@ function XViewScene({
         };
         const descriptionText = targetAncestryInfo.description || "";
         const savedSections = targetAncestryInfo.description_sections || [];
-        const sections = parseDescriptionSections(
-          descriptionText,
-          savedSections
-        );
+        const sections = parseDescriptionSections(descriptionText, savedSections);
         let focusTargetId = null;
         if (popped && popped.nodeId) {
           const mentionTag = `[[MENTION:node:${popped.nodeId}]]`;
@@ -19544,16 +19645,26 @@ function XViewScene({
         const result = await save_view_data(finalSaveUrl, masterAncestryList);
         if (result.success && isExternalSave && isEditMode && currentAncestryId && ancestry_save_url && get_ancestry_file) {
           try {
-            const viewDbResponse = await get_ancestry_file(sceneConfigId, ownerId);
+            const viewDbResponse = await get_ancestry_file(
+              sceneConfigId,
+              ownerId
+            );
             if (viewDbResponse.success && Array.isArray(viewDbResponse.data)) {
-              const hasInViewDb = viewDbResponse.data.some((anc) => String(anc.ancestry_id) === String(currentAncestryId));
+              const hasInViewDb = viewDbResponse.data.some(
+                (anc) => String(anc.ancestry_id) === String(currentAncestryId)
+              );
               if (hasInViewDb) {
-                const updatedViewDb = viewDbResponse.data.filter((anc) => String(anc.ancestry_id) !== String(currentAncestryId));
+                const updatedViewDb = viewDbResponse.data.filter(
+                  (anc) => String(anc.ancestry_id) !== String(currentAncestryId)
+                );
                 await save_view_data(ancestry_save_url, updatedViewDb);
               }
             }
           } catch (fallbackErr) {
-            console.error("Falha ao limpar c\xF3pia residual na edi\xE7\xE3o:", fallbackErr);
+            console.error(
+              "Falha ao limpar c\xF3pia residual na edi\xE7\xE3o:",
+              fallbackErr
+            );
           }
         }
         if (result.success) {
@@ -19664,7 +19775,10 @@ function XViewScene({
       try {
         let updatedAncestriesForFile;
         if (get_ancestry_file && isExternalSave) {
-          const remoteResponse = await get_ancestry_file(sourceFileId, sourceOwnerId);
+          const remoteResponse = await get_ancestry_file(
+            sourceFileId,
+            sourceOwnerId
+          );
           if (remoteResponse.success && Array.isArray(remoteResponse.data)) {
             updatedAncestriesForFile = remoteResponse.data.filter(
               (anc) => String(anc.ancestry_id) !== String(ancestryIdToDelete)
@@ -19679,11 +19793,16 @@ function XViewScene({
             (anc) => anc._source_file_id === sourceFileId && String(anc.ancestry_id) !== String(ancestryIdToDelete)
           );
         }
-        const result = await save_view_data(finalSaveUrl, updatedAncestriesForFile);
+        const result = await save_view_data(
+          finalSaveUrl,
+          updatedAncestriesForFile
+        );
         if (result.success) {
           success = true;
         } else {
-          throw new Error(result.error || "Ocorreu um erro desconhecido ao excluir.");
+          throw new Error(
+            result.error || "Ocorreu um erro desconhecido ao excluir."
+          );
         }
       } catch (error) {
         deletionError = error;
@@ -19692,15 +19811,25 @@ function XViewScene({
         try {
           const viewDbResponse = await get_ancestry_file(sceneConfigId, ownerId);
           if (viewDbResponse.success && Array.isArray(viewDbResponse.data)) {
-            const hasInViewDb = viewDbResponse.data.some((anc) => String(anc.ancestry_id) === String(ancestryIdToDelete));
+            const hasInViewDb = viewDbResponse.data.some(
+              (anc) => String(anc.ancestry_id) === String(ancestryIdToDelete)
+            );
             if (hasInViewDb) {
-              const updatedViewDb = viewDbResponse.data.filter((anc) => String(anc.ancestry_id) !== String(ancestryIdToDelete));
-              const fallbackResult = await save_view_data(ancestry_save_url, updatedViewDb);
+              const updatedViewDb = viewDbResponse.data.filter(
+                (anc) => String(anc.ancestry_id) !== String(ancestryIdToDelete)
+              );
+              const fallbackResult = await save_view_data(
+                ancestry_save_url,
+                updatedViewDb
+              );
               if (fallbackResult.success) success = true;
             }
           }
         } catch (fallbackErr) {
-          console.error("Falha ao limpar c\xF3pia residual da View DB:", fallbackErr);
+          console.error(
+            "Falha ao limpar c\xF3pia residual da View DB:",
+            fallbackErr
+          );
         }
       }
       if (!success && deletionError) {
@@ -19878,23 +20007,28 @@ function XViewScene({
         ...sceneDataRef.current,
         nodes: sceneDataRef.current.nodes || [],
         links: sceneDataRef.current.links || [],
-        quest_nodes: ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || sceneDataRef.current.quest_nodes || [],
-        quest_links: ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || sceneDataRef.current.quest_links || [],
-        quest_counter: sceneDataRef.current.quest_counter || 1,
+        quest_counter: sceneDataRef.current.quest_counter || 1
+      };
+      delete sceneFileData.quest_nodes;
+      delete sceneFileData.quest_links;
+      delete sceneFileData.milestones;
+      const questFileData = {
+        nodes: ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || sceneDataRef.current.quest_nodes || [],
+        links: ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || sceneDataRef.current.quest_links || [],
         milestones: newMilestones
       };
       try {
         await save_view_data(sceneSaveUrl, sceneFileData);
+        const questSaveUrl = sceneSaveUrl.replace(
+          "x_view_scenes",
+          "x_view_quests"
+        );
+        await save_view_data(questSaveUrl, questFileData);
       } catch (error) {
         console.error("Erro ao salvar milestones:", error);
       }
     },
-    [
-      sceneConfigId,
-      sceneSaveUrl,
-      save_view_data,
-      viewParams == null ? void 0 : viewParams.type
-    ]
+    [sceneConfigId, sceneSaveUrl, save_view_data, viewParams == null ? void 0 : viewParams.type]
   );
   const handleSaveCurrentView = (0, import_react33.useCallback)(async () => {
     var _a2, _b2, _c2;
@@ -19928,13 +20062,25 @@ function XViewScene({
       ...sceneDataRef.current,
       nodes: currentNodes,
       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 || [],
-      quest_counter: sceneDataRef.current.quest_counter || 1,
+      quest_counter: sceneDataRef.current.quest_counter || 1
+    };
+    delete sceneFileData.quest_nodes;
+    delete sceneFileData.quest_links;
+    delete sceneFileData.milestones;
+    const questFileData = {
+      nodes: isView ? ((_b2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _b2.nodes) || [] : sceneDataRef.current.quest_nodes || [],
+      links: isView ? ((_c2 = parentDataRef.current[sceneConfigId]) == null ? void 0 : _c2.links) || [] : sceneDataRef.current.quest_links || [],
       milestones: sceneDataRef.current.milestones || []
     };
     try {
       await save_view_data(sceneSaveUrl, sceneFileData);
+      if (isView) {
+        const questSaveUrl = sceneSaveUrl.replace(
+          "x_view_scenes",
+          "x_view_quests"
+        );
+        await save_view_data(questSaveUrl, questFileData);
+      }
     } catch (error) {
       console.error("Erro na chamada de save_view_data:", error);
     }
@@ -20051,7 +20197,12 @@ 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 } = stateRef.current;
+          const {
+            graphGroup,
+            glowTexture,
+            controls: sceneControls,
+            nodeObjects
+          } = stateRef.current;
           if (graphGroup) {
             let ghostPosition = sceneControls.target.clone();
             const existingNodes = Object.values(nodeObjects);
@@ -20107,7 +20258,12 @@ function XViewScene({
           setQuestMode({ isActive: true });
         }
       }
-      const isArrowKey = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(event.key);
+      const isArrowKey = [
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight"
+      ].includes(event.key);
       if (isArrowKey) {
         const isUiClear = !stateRef.current.creation.isActive && !stateRef.current.connection.isActive && !stateRef.current.relink.isActive && !stateRef.current.ancestry.isActive && !((_d2 = context.versionMode) == null ? void 0 : _d2.isActive) && !contextMenu.visible && !multiContextMenu.visible && !relationshipMenu.visible && !readingMode.isActive && !isImportModalOpen && !isBoardsOpen && !isSidebarOpen && !isMilestoneManagerOpen && !detailsNode && !detailsLink && !ancestryLinkDetails && !imageViewer.visible && !editingAncestryRel.visible && !questMode.isActive;
         if (isUiClear) {
@@ -20153,7 +20309,12 @@ function XViewScene({
   if (isLoading || status === "loading" || permissionStatus === "loading") {
     return /* @__PURE__ */ import_react33.default.createElement(LoadingScreen, null);
   }
-  const overlayHiddenStyle = questTreeMode.isActive ? { opacity: 0, pointerEvents: "none", transform: "translateX(30px)", transition: "all 300ms ease-in-out" } : {};
+  const overlayHiddenStyle = questTreeMode.isActive ? {
+    opacity: 0,
+    pointerEvents: "none",
+    transform: "translateX(30px)",
+    transition: "all 300ms ease-in-out"
+  } : {};
   if (permissionStatus === "denied") {
     return /* @__PURE__ */ import_react33.default.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen w-full bg-slate-950 text-white" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "bg-slate-900/50 p-8 rounded-2xl border border-slate-800 shadow-2xl text-center max-w-md" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "mb-4 text-red-500" }, /* @__PURE__ */ import_react33.default.createElement(
       "svg",
@@ -20618,18 +20779,12 @@ function XViewScene({
         data: multiContextMenu,
         userRole: userPermissionRole,
         onClose: () => setMultiContextMenu((prev) => ({ ...prev, visible: false })),
-        onDismissNodes: (ids) => userActionHandlers.handleDismissMultipleNodes(
-          actionHandlerContext,
-          ids
-        ),
+        onDismissNodes: (ids) => userActionHandlers.handleDismissMultipleNodes(actionHandlerContext, ids),
         onDismissOtherNodes: (ids) => userActionHandlers.handleDismissOtherMultipleNodes(
           actionHandlerContext,
           ids
         ),
-        onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(
-          actionHandlerContext,
-          ids
-        )
+        onDeleteNodes: (ids) => userActionHandlers.handleDeleteMultipleNodes(actionHandlerContext, ids)
       }
     ),
     /* @__PURE__ */ import_react33.default.createElement(
@@ -20782,7 +20937,7 @@ async function save_view_data_logic(db_services, filename, data) {
   }
 }
 async function get_scene_view_data_logic(db_services, scene_config, owner_id, type, session, focusNodeId = null, focusAncestryId = null) {
-  var _a, _b;
+  var _a, _b, _c;
   try {
     if (!session || !session.user) {
       return { success: false, error: "Usu\xE1rio n\xE3o autenticado." };
@@ -20805,28 +20960,44 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
         parentDbObjects.push({ db_id: scene_config, owner_id });
       }
     }
+    const isView = type && type.toLowerCase() === "view";
     const parentResponsesPromises = parentDbObjects.map(
       (db_info) => db_services.get_file(`x_view_dbs/${db_info.owner_id}/${db_info.db_id}`)
     );
+    if (isView) {
+      parentResponsesPromises.push(
+        db_services.get_file(`x_view_quests/${owner_id}/${scene_config}`)
+      );
+    }
     const parentResponsesResults = await Promise.allSettled(parentResponsesPromises);
     const parentData = {};
+    let questDataObj = null;
     for (let i = 0; i < parentResponsesResults.length; i++) {
       const result = parentResponsesResults[i];
+      if (isView && i === parentResponsesResults.length - 1) {
+        if (result.status === "fulfilled" && ((_a = result.value) == null ? void 0 : _a.success)) {
+          questDataObj = result.value.data;
+        }
+        continue;
+      }
       const db_info = parentDbObjects[i];
-      if (result.status === "fulfilled" && ((_a = result.value) == null ? void 0 : _a.success)) {
+      if (result.status === "fulfilled" && ((_b = result.value) == null ? void 0 : _b.success)) {
         parentData[db_info.db_id] = result.value.data;
       } else {
         console.warn(
           `Arquivo pai n\xE3o carregado: ${db_info.db_id}. Pode ter sido deletado.`,
-          result.status === "rejected" ? result.reason : (_b = result.value) == null ? void 0 : _b.error
+          result.status === "rejected" ? result.reason : (_c = result.value) == null ? void 0 : _c.error
         );
       }
     }
-    if (type && type.toLowerCase() === "view") {
+    const currentQuestNodes = (questDataObj == null ? void 0 : questDataObj.nodes) || sceneData.quest_nodes || [];
+    const currentQuestLinks = (questDataObj == null ? void 0 : questDataObj.links) || sceneData.quest_links || [];
+    const currentMilestones = (questDataObj == null ? void 0 : questDataObj.milestones) || sceneData.milestones || [];
+    if (isView) {
       parentData[scene_config] = {
         dataset_name: "Quests Internas (View)",
-        nodes: sceneData.quest_nodes || [],
-        links: sceneData.quest_links || []
+        nodes: currentQuestNodes,
+        links: currentQuestLinks
       };
     }
     const allNodes = Object.values(parentData).flatMap((db) => db.nodes || []);
@@ -20858,7 +21029,12 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
     const validatedSceneData = {
       ...sceneData,
       nodes: validatedNodes,
-      links: validatedLinks
+      links: validatedLinks,
+      // Re-injetando no validated para que o restante do sistema (e.g. XViewScene local state) 
+      // continue acessando as quests sem perceber a separação física
+      quest_nodes: currentQuestNodes,
+      quest_links: currentQuestLinks,
+      milestones: currentMilestones
     };
     const ancestryFilePaths = [];
     ancestryFilePaths.push({