@lv-x-software-house/x_view 1.2.5-dev.40 → 1.2.5-dev.43

package/dist/index.mjs

@@ -1148,11 +1148,7 @@ import { LineMaterial } from "three/addons/lines/LineMaterial.js";
 import { LineGeometry } from "three/addons/lines/LineGeometry.js";
 var DEFAULT_LAYER = 0;
 var GHOST_BLOOM_LAYER = 1;
-var ANCESTRY_COLORS = [
-  30719,
-  2278750,
-  15680580
-];
+var ANCESTRY_COLORS = [30719, 2278750, 15680580];
 var NODE_SCALE_FACTORS = {
   small: 0.4,
   medium: 1,
@@ -1252,7 +1248,12 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
     bgMesh.position.z = -0.01;
     bgMesh.layers.set(DEFAULT_LAYER);
     mesh.add(bgMesh);
-    const aura = addGlowAura(mesh, colorHex, glowTexture, x_view_config.GLOW.auraScale);
+    const aura = addGlowAura(
+      mesh,
+      colorHex,
+      glowTexture,
+      x_view_config.GLOW.auraScale
+    );
     if (aura && aura.material) {
       aura.material.opacity = Math.min(0.8, userIntensity * 0.15);
     }
@@ -1267,7 +1268,12 @@ var createNodeMesh = (nodeData, position, glowTexture) => {
       metalness: 0
     });
     mesh = new THREE.Mesh(geometry, material);
-    const aura = addGlowAura(mesh, colorHex, glowTexture, x_view_config.GLOW.auraScale);
+    const aura = addGlowAura(
+      mesh,
+      colorHex,
+      glowTexture,
+      x_view_config.GLOW.auraScale
+    );
     if (aura && aura.material) {
       aura.material.opacity = Math.min(0.8, userIntensity * 0.15);
     }
@@ -1311,7 +1317,8 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
       state.graphGroup.remove(existingMesh);
       if (existingMesh.geometry) existingMesh.geometry.dispose();
       if (existingMesh.material) {
-        if (Array.isArray(existingMesh.material)) existingMesh.material.forEach((m) => m.dispose());
+        if (Array.isArray(existingMesh.material))
+          existingMesh.material.forEach((m) => m.dispose());
         else existingMesh.material.dispose();
       }
       existingMesh.traverse((child) => {
@@ -1343,18 +1350,24 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
     else state.clickableNodes.push(newMesh);
     if (state.allLinks) {
       state.allLinks.forEach((line) => {
-        if (String(line.userData.source) === nodeId) line.userData.sourceNode = newMesh;
-        if (String(line.userData.target) === nodeId) line.userData.targetNode = newMesh;
+        if (String(line.userData.source) === nodeId)
+          line.userData.sourceNode = newMesh;
+        if (String(line.userData.target) === nodeId)
+          line.userData.targetNode = newMesh;
       });
     }
     if (state.ancestryLinks) {
       state.ancestryLinks.forEach((line) => {
-        if (String(line.userData.sourceNode.userData.id) === nodeId) line.userData.sourceNode = newMesh;
-        if (String(line.userData.targetNode.userData.id) === nodeId) line.userData.targetNode = newMesh;
+        if (String(line.userData.sourceNode.userData.id) === nodeId)
+          line.userData.sourceNode = newMesh;
+        if (String(line.userData.targetNode.userData.id) === nodeId)
+          line.userData.targetNode = newMesh;
       });
     }
   } else {
-    const { color, emissive } = computeNodeMaterialProps(updatedNode.color || "#ffffff");
+    const { color, emissive } = computeNodeMaterialProps(
+      updatedNode.color || "#ffffff"
+    );
     if (newIsImage) {
       const borderMesh = existingMesh.getObjectByName("borderRing");
       if (borderMesh && borderMesh.material) {
@@ -1373,7 +1386,10 @@ var updateExistingNodeVisuals = (state, updatedNode) => {
     }
     const aura = existingMesh.getObjectByName("aura");
     if (aura && aura.material) {
-      const auraColor = new THREE.Color(updatedNode.color || "#ffffff").lerp(new THREE.Color("#ffffff"), 0.25);
+      const auraColor = new THREE.Color(updatedNode.color || "#ffffff").lerp(
+        new THREE.Color("#ffffff"),
+        0.25
+      );
       aura.material.color.copy(auraColor);
       aura.material.opacity = Math.min(0.8, newIntensity * 0.15);
     }
@@ -1461,7 +1477,10 @@ var createLinkLine = (linkData, sourceNodeMesh, targetNodeMesh, resolution, isCu
     const points = curve.getPoints(x_view_config.CURVE_SEGMENTS);
     points.forEach((p) => positions.push(p.x, p.y, p.z));
   } else {
-    positions.push(...sourceNodeMesh.position.toArray(), ...targetNodeMesh.position.toArray());
+    positions.push(
+      ...sourceNodeMesh.position.toArray(),
+      ...targetNodeMesh.position.toArray()
+    );
   }
   lineGeometry.setPositions(positions);
   const lineMaterial = new LineMaterial({
@@ -1580,12 +1599,22 @@ var updateSceneHighlights = (state) => {
     const userDefinedIntensity = node.userData.intensity !== void 0 ? Number(node.userData.intensity) : 0;
     const finalIntensity = userDefinedIntensity + MIN_VISIBILITY_INTENSITY + addedIntensity;
     const targetScale = scaleMultiplier * getNodeBaseScale(node);
-    node.scale.lerp(new THREE.Vector3(targetScale, targetScale, targetScale), 0.1);
+    node.scale.lerp(
+      new THREE.Vector3(targetScale, targetScale, targetScale),
+      0.1
+    );
     const aura = node.getObjectByName("aura");
     if (aura) {
       aura.material.color.lerp(targetColor, 0.1);
-      const targetOpacity = Math.min(0.8, finalIntensity * 0.15 + (addedIntensity > 0 ? 0.3 : 0));
-      aura.material.opacity = THREE.MathUtils.lerp(aura.material.opacity, targetOpacity, 0.1);
+      const targetOpacity = Math.min(
+        0.8,
+        finalIntensity * 0.15 + (addedIntensity > 0 ? 0.3 : 0)
+      );
+      aura.material.opacity = THREE.MathUtils.lerp(
+        aura.material.opacity,
+        targetOpacity,
+        0.1
+      );
     }
     if (isImageNode) {
       const borderMesh = node.getObjectByName("borderRing");
@@ -1662,7 +1691,10 @@ var updateSceneHighlights = (state) => {
       );
     } else if (hoveredLink) {
       connectedLinks = [hoveredLink];
-      connectedNodes = [hoveredLink.userData.sourceNode, hoveredLink.userData.targetNode];
+      connectedNodes = [
+        hoveredLink.userData.sourceNode,
+        hoveredLink.userData.targetNode
+      ];
     }
     clickableNodes.forEach((node) => {
       const nodeIdStr = String(node.userData.id);
@@ -1719,7 +1751,14 @@ var updateSceneHighlights = (state) => {
   }
 };
 var addNewNodeToScene = (state, newNodeData, newLinkData, position) => {
-  const { graphGroup, nodeObjects, clickableNodes, allLinks, glowTexture, renderer } = state;
+  const {
+    graphGroup,
+    nodeObjects,
+    clickableNodes,
+    allLinks,
+    glowTexture,
+    renderer
+  } = state;
   const sourceNodeMesh = nodeObjects[String(newLinkData.source)];
   if (!sourceNodeMesh || !graphGroup) return;
   const mesh = createNodeMesh(newNodeData, position, glowTexture);
@@ -1733,7 +1772,12 @@ var addNewNodeToScene = (state, newNodeData, newLinkData, position) => {
     renderer.domElement.clientWidth,
     renderer.domElement.clientHeight
   );
-  const lines = createMultipleLinkLines([newLinkData], sourceNodeMesh, mesh, resolution);
+  const lines = createMultipleLinkLines(
+    [newLinkData],
+    sourceNodeMesh,
+    mesh,
+    resolution
+  );
   lines.forEach((line) => {
     graphGroup.add(line);
     allLinks.push(line);
@@ -1752,13 +1796,20 @@ var addNewLinkToScene = (state, newLinkData) => {
     (l) => String(l.userData.source) === String(newLinkData.source) && String(l.userData.target) === String(newLinkData.target) || String(l.userData.source) === String(newLinkData.target) && String(l.userData.target) === String(newLinkData.source)
   ).map((l) => l.userData);
   existingLinksData.forEach((linkData) => {
-    const linkToRemove = allLinks.find((l) => String(l.userData.id) === String(linkData.id));
+    const linkToRemove = allLinks.find(
+      (l) => String(l.userData.id) === String(linkData.id)
+    );
     if (linkToRemove) {
       removeLinkFromScene(state, linkToRemove);
     }
   });
   const allLinksToRender = [...existingLinksData, newLinkData];
-  const newRenderedLines = createMultipleLinkLines(allLinksToRender, sourceNodeMesh, targetNodeMesh, resolution);
+  const newRenderedLines = createMultipleLinkLines(
+    allLinksToRender,
+    sourceNodeMesh,
+    targetNodeMesh,
+    resolution
+  );
   newRenderedLines.forEach((line) => {
     graphGroup.add(line);
     allLinks.push(line);
@@ -1772,12 +1823,19 @@ var removeLinkFromScene = (state, linkObject) => {
   if (graphGroup) graphGroup.remove(linkObject);
   if (linkObject.geometry) linkObject.geometry.dispose();
   if (linkObject.material) {
-    if (Array.isArray(linkObject.material)) linkObject.material.forEach((m) => m.dispose());
+    if (Array.isArray(linkObject.material))
+      linkObject.material.forEach((m) => m.dispose());
     else linkObject.material.dispose();
   }
 };
 var removeNodeFromScene = (state, nodeId) => {
-  const { graphGroup, nodeObjects, clickableNodes, allLinks, timelineIntervalsGroup } = state;
+  const {
+    graphGroup,
+    nodeObjects,
+    clickableNodes,
+    allLinks,
+    timelineIntervalsGroup
+  } = state;
   const nodeToRemove = nodeObjects[String(nodeId)];
   if (!nodeToRemove) return;
   const strNodeId = String(nodeId);
@@ -1804,7 +1862,8 @@ var removeNodeFromScene = (state, nodeId) => {
     if (timelineEndLabel) {
       timelineIntervalsGroup.remove(timelineEndLabel);
       if (timelineEndLabel.material) {
-        if (timelineEndLabel.material.map) timelineEndLabel.material.map.dispose();
+        if (timelineEndLabel.material.map)
+          timelineEndLabel.material.map.dispose();
         timelineEndLabel.material.dispose();
       }
     }
@@ -1844,13 +1903,17 @@ var getParentFileInfoForNode = (allParentData, sceneData, nodeId, sceneConfigId
     if (allParentData.hasOwnProperty(parentFileId)) {
       const parentFile = allParentData[parentFileId];
       if (parentFile.nodes && parentFile.nodes.some((n) => String(n.id) === String(nodeId))) {
-        const parentDbInfo = parentDbsArray.find((db) => String(db.db_id) === String(parentFileId));
+        const parentDbInfo = parentDbsArray.find(
+          (db) => String(db.db_id) === String(parentFileId)
+        );
         if (parentDbInfo) {
           return { parentFileId, ownerId: parentDbInfo.owner_id };
         } else if (sceneConfigId && String(parentFileId) === String(sceneConfigId)) {
           return { parentFileId, ownerId: sceneOwnerId };
         } else {
-          console.warn(`Owner ID n\xE3o encontrado em sceneData.parent_dbs para o parentFileId: ${parentFileId}`);
+          console.warn(
+            `Owner ID n\xE3o encontrado em sceneData.parent_dbs para o parentFileId: ${parentFileId}`
+          );
           return { parentFileId, ownerId: null };
         }
       }
@@ -1895,7 +1958,12 @@ var userActionHandlers = {
       opacity: 0.75
     });
     const ghostNode = new THREE.Mesh(ghostGeometry, ghostMaterial);
-    const ghostAura = addGlowAura(ghostNode, sourceColor, glowTexture, x_view_config.GLOW.auraScale);
+    const ghostAura = addGlowAura(
+      ghostNode,
+      sourceColor,
+      glowTexture,
+      x_view_config.GLOW.auraScale
+    );
     const ghostLabel = createTextSprite("New Node", 48);
     ghostLabel.name = "label";
     ghostNode.userData.labelObject = ghostLabel;
@@ -1918,15 +1986,25 @@ var userActionHandlers = {
       dashSize: 1,
       gapSize: 0.5,
       depthWrite: false,
-      resolution: new THREE.Vector2(renderer.domElement.clientWidth, renderer.domElement.clientHeight)
+      resolution: new THREE.Vector2(
+        renderer.domElement.clientWidth,
+        renderer.domElement.clientHeight
+      )
     });
     const ghostLine = new Line2(lineGeometry, lineMaterial);
     ghostLine.layers.set(GHOST_BLOOM_LAYER);
     stateRef.current.graphGroup.add(ghostLine);
-    stateRef.current.ghostElements = { node: ghostNode, line: ghostLine, aura: ghostAura };
+    stateRef.current.ghostElements = {
+      node: ghostNode,
+      line: ghostLine,
+      aura: ghostAura
+    };
     setters.setCreationMode({ isActive: true, sourceNodeData });
     setters.setFormPosition({ left: 16, top: 16, opacity: 1 });
-    tweenToTarget(sourceNodeMesh.position.clone().lerp(ghostPosition, 0.5), 1.5);
+    tweenToTarget(
+      sourceNodeMesh.position.clone().lerp(ghostPosition, 0.5),
+      1.5
+    );
   },
   handleCancelCreation: (context) => {
     const { stateRef, setters } = context;
@@ -1959,35 +2037,61 @@ var userActionHandlers = {
     setters.setFormPosition((p) => ({ ...p, opacity: 0 }));
   },
   handleSaveNode: async (context, newNodeData) => {
-    const { graphDataRef, sceneDataRef, stateRef, creationMode, setters, actions } = context;
+    const {
+      graphDataRef,
+      sceneDataRef,
+      stateRef,
+      creationMode,
+      setters,
+      actions
+    } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNodeData } = creationMode;
     const { targetDatasetId, ...nodeDataToSave } = newNodeData;
     const newNode = { id: short.generate(), ...nodeDataToSave };
-    const newLink = { id: `link_${short.generate()}`, source: sourceNodeData.id, target: newNode.id };
-    const sourceParentInfo = stateRef.current.nodeIdToParentFileMap.get(String(sourceNodeData.id));
+    const newLink = {
+      id: `link_${short.generate()}`,
+      source: sourceNodeData.id,
+      target: newNode.id
+    };
+    const sourceParentInfo = stateRef.current.nodeIdToParentFileMap.get(
+      String(sourceNodeData.id)
+    );
     const finalTargetDatasetId = targetDatasetId || sourceParentInfo.parentFileId;
-    const targetParentInfo = sceneDataRef.current.parent_dbs.find((db) => String(db.db_id) === String(finalTargetDatasetId));
+    const targetParentInfo = sceneDataRef.current.parent_dbs.find(
+      (db) => String(db.db_id) === String(finalTargetDatasetId)
+    );
     if (!sourceParentInfo || !targetParentInfo) {
       alert("Erro ao identificar os datasets de origem ou destino.");
       return;
     }
     const isCrossDataset = String(sourceParentInfo.parentFileId) !== String(finalTargetDatasetId);
-    const sourceDataToUpdate = JSON.parse(JSON.stringify(graphDataRef.current[sourceParentInfo.parentFileId]));
+    const sourceDataToUpdate = JSON.parse(
+      JSON.stringify(graphDataRef.current[sourceParentInfo.parentFileId])
+    );
     let targetDataToUpdate = isCrossDataset ? JSON.parse(JSON.stringify(graphDataRef.current[finalTargetDatasetId])) : sourceDataToUpdate;
     targetDataToUpdate.nodes.push(newNode);
     sourceDataToUpdate.links.push(newLink);
     const savePromises = [];
     if (isCrossDataset) {
       savePromises.push(
-        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+        actions.save_view_data(
+          `x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`,
+          sourceDataToUpdate
+        )
       );
       savePromises.push(
-        actions.save_view_data(`x_view_dbs/${targetParentInfo.owner_id}/${finalTargetDatasetId}`, targetDataToUpdate)
+        actions.save_view_data(
+          `x_view_dbs/${targetParentInfo.owner_id}/${finalTargetDatasetId}`,
+          targetDataToUpdate
+        )
       );
     } else {
       savePromises.push(
-        actions.save_view_data(`x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`, sourceDataToUpdate)
+        actions.save_view_data(
+          `x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`,
+          sourceDataToUpdate
+        )
       );
     }
     try {
@@ -2018,7 +2122,8 @@ var userActionHandlers = {
     if (ghostElements.node && graphGroup) {
       if (ghostElements.node.userData.labelObject) {
         graphGroup.remove(ghostElements.node.userData.labelObject);
-        if (ghostElements.node.userData.labelObject.material.map) ghostElements.node.userData.labelObject.material.map.dispose();
+        if (ghostElements.node.userData.labelObject.material.map)
+          ghostElements.node.userData.labelObject.material.map.dispose();
         ghostElements.node.userData.labelObject.material.dispose();
       }
       graphGroup.remove(ghostElements.node);
@@ -2051,7 +2156,12 @@ var userActionHandlers = {
       opacity: 0.75
     });
     const ghostNode = new THREE.Mesh(ghostGeometry, ghostMaterial);
-    const ghostAura = addGlowAura(ghostNode, sourceColor, glowTexture, x_view_config.GLOW.auraScale);
+    const ghostAura = addGlowAura(
+      ghostNode,
+      sourceColor,
+      glowTexture,
+      x_view_config.GLOW.auraScale
+    );
     const ghostLabel = createTextSprite("New Version", 48);
     ghostLabel.name = "label";
     ghostNode.userData.labelObject = ghostLabel;
@@ -2075,15 +2185,25 @@ var userActionHandlers = {
       dashSize: 1,
       gapSize: 0.5,
       depthWrite: false,
-      resolution: new THREE.Vector2(renderer.domElement.clientWidth, renderer.domElement.clientHeight)
+      resolution: new THREE.Vector2(
+        renderer.domElement.clientWidth,
+        renderer.domElement.clientHeight
+      )
     });
     const ghostLine = new Line2(lineGeometry, lineMaterial);
     ghostLine.layers.set(GHOST_BLOOM_LAYER);
     stateRef.current.graphGroup.add(ghostLine);
-    stateRef.current.ghostElements = { node: ghostNode, line: ghostLine, aura: ghostAura };
+    stateRef.current.ghostElements = {
+      node: ghostNode,
+      line: ghostLine,
+      aura: ghostAura
+    };
     setters.setVersionMode({ isActive: true, sourceNodeData });
     setters.setFormPosition({ left: 16, top: 16, opacity: 1 });
-    tweenToTarget(sourceNodeMesh.position.clone().lerp(ghostPosition, 0.5), 1.5);
+    tweenToTarget(
+      sourceNodeMesh.position.clone().lerp(ghostPosition, 0.5),
+      1.5
+    );
   },
   handleCancelVersioning: (context) => {
     const { stateRef, setters } = context;
@@ -2127,15 +2247,32 @@ var userActionHandlers = {
       ...newNodeData,
       version_node: { is_version: true, parent_node: sourceNodeData.id }
     };
-    const newLink = { id: `link_${short.generate()}`, source: sourceNodeData.id, target: newNode.id };
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id, context.sceneConfigId, context.ownerId);
+    const newLink = {
+      id: `link_${short.generate()}`,
+      source: sourceNodeData.id,
+      target: newNode.id
+    };
+    const parentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      sourceNodeData.id,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
+      console.error(
+        "N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:",
+        sourceNodeData.id
+      );
+      alert(
+        "Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio."
+      );
       return;
     }
     const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
+    const specificParentData = JSON.parse(
+      JSON.stringify(graphDataRef.current[parentFileId])
+    );
     specificParentData.nodes.push(newNode);
     specificParentData.links.push(newLink);
     try {
@@ -2148,10 +2285,16 @@ var userActionHandlers = {
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links
         };
-        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+        await context.actions.save_view_data(
+          context.sceneSaveUrl,
+          viewFilePayload
+        );
       } else {
         const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
-        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        await context.actions.save_view_data(
+          filenameForSpecificParent,
+          specificParentData
+        );
       }
       graphDataRef.current[parentFileId] = specificParentData;
       const finalPosition = stateRef.current.ghostElements.node.position.clone();
@@ -2164,12 +2307,31 @@ var userActionHandlers = {
     userActionHandlers.handleCancelVersioning(context);
   },
   handleExpandConnections: (context, sourceNode, linksToExpand) => {
-    const { stateRef, sceneDataRef, graphDataRef, mountRef, setters, tweenToTarget } = context;
-    const { graphGroup, nodeObjects, clickableNodes, allLinks, glowTexture, renderer, tweenGroup } = stateRef.current;
-    if (!graphGroup || !sceneDataRef.current || !graphDataRef.current || !linksToExpand || linksToExpand.length === 0) return;
+    const {
+      stateRef,
+      sceneDataRef,
+      graphDataRef,
+      mountRef,
+      setters,
+      tweenToTarget
+    } = context;
+    const {
+      graphGroup,
+      nodeObjects,
+      clickableNodes,
+      allLinks,
+      glowTexture,
+      renderer,
+      tweenGroup
+    } = stateRef.current;
+    if (!graphGroup || !sceneDataRef.current || !graphDataRef.current || !linksToExpand || linksToExpand.length === 0)
+      return;
     const sourceNodeMesh = nodeObjects[String(sourceNode.id)];
     if (!sourceNodeMesh) return;
-    const resolution = new THREE.Vector2(mountRef.current.clientWidth, mountRef.current.clientHeight);
+    const resolution = new THREE.Vector2(
+      mountRef.current.clientWidth,
+      mountRef.current.clientHeight
+    );
     const targetFinalPositions = [];
     const newVersionMeshes = [];
     linksToExpand.forEach((link) => {
@@ -2177,15 +2339,25 @@ var userActionHandlers = {
       const isSource = String(link.source) === String(sourceNode.id);
       const targetNodeId = isSource ? link.target : link.source;
       if (!nodeObjects[String(targetNodeId)]) {
-        const allParentNodes = Object.values(graphDataRef.current).flatMap((fileData) => fileData.nodes);
-        const nodeData = allParentNodes.find((n) => String(n.id) === String(targetNodeId));
+        const allParentNodes = Object.values(graphDataRef.current).flatMap(
+          (fileData) => fileData.nodes
+        );
+        const nodeData = allParentNodes.find(
+          (n) => String(n.id) === String(targetNodeId)
+        );
         if (!nodeData) {
-          console.warn(`Dados do Node com ID ${targetNodeId} n\xE3o encontrados no cache.`);
+          console.warn(
+            `Dados do Node com ID ${targetNodeId} n\xE3o encontrados no cache.`
+          );
           return;
         }
         const startPosition = sourceNodeMesh.position.clone();
         const endPosition = startPosition.clone().add(
-          new THREE.Vector3((Math.random() - 0.5) * 60, (Math.random() - 0.5) * 15, (Math.random() - 0.5) * 60)
+          new THREE.Vector3(
+            (Math.random() - 0.5) * 60,
+            (Math.random() - 0.5) * 15,
+            (Math.random() - 0.5) * 60
+          )
         );
         targetFinalPositions.push(endPosition);
         const targetMesh = createNodeMesh(nodeData, startPosition, glowTexture);
@@ -2209,7 +2381,9 @@ var userActionHandlers = {
       }
     });
     linksToExpand.forEach((link) => {
-      const linkAlreadyInSceneObjects = allLinks.some((l) => String(l.userData.id) === String(link.id));
+      const linkAlreadyInSceneObjects = allLinks.some(
+        (l) => String(l.userData.id) === String(link.id)
+      );
       if (linkAlreadyInSceneObjects) return;
       const sourceMesh = nodeObjects[String(link.source)];
       const targetMesh = nodeObjects[String(link.target)];
@@ -2218,13 +2392,20 @@ var userActionHandlers = {
           (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)
         ).map((l) => l.userData);
         currentLinksBetweenNodesData.forEach((linkData) => {
-          const linkToRemove = allLinks.find((l) => String(l.userData.id) === String(linkData.id));
+          const linkToRemove = allLinks.find(
+            (l) => String(l.userData.id) === String(linkData.id)
+          );
           if (linkToRemove) {
             removeLinkFromScene(stateRef.current, linkToRemove);
           }
         });
         const allLinksToRender = [...currentLinksBetweenNodesData, link];
-        const newRenderedLinks = createMultipleLinkLines(allLinksToRender, sourceMesh, targetMesh, resolution);
+        const newRenderedLinks = createMultipleLinkLines(
+          allLinksToRender,
+          sourceMesh,
+          targetMesh,
+          resolution
+        );
         newRenderedLinks.forEach((newLine) => {
           newLine.material.opacity = 0;
           graphGroup.add(newLine);
@@ -2243,7 +2424,10 @@ var userActionHandlers = {
       const size = new THREE.Vector3();
       boundingBox.getSize(size);
       const spread = Math.max(size.x, size.y, size.z, 1);
-      const desiredDistance = Math.max(x_view_config.CAMERA_ZOOM_DISTANCE, spread * 1.2);
+      const desiredDistance = Math.max(
+        x_view_config.CAMERA_ZOOM_DISTANCE,
+        spread * 1.2
+      );
       const zoomFactor = x_view_config.CAMERA_ZOOM_DISTANCE / desiredDistance;
       tweenToTarget(center, zoomFactor);
     }
@@ -2278,7 +2462,10 @@ var userActionHandlers = {
       dashSize: 0.5,
       gapSize: 0.25,
       depthWrite: false,
-      resolution: new THREE.Vector2(renderer.domElement.clientWidth, renderer.domElement.clientHeight)
+      resolution: new THREE.Vector2(
+        renderer.domElement.clientWidth,
+        renderer.domElement.clientHeight
+      )
     });
     const lineGeometry = new LineGeometry().setPositions([
       ...sourceNodeMesh.position.toArray(),
@@ -2287,7 +2474,11 @@ var userActionHandlers = {
     const connectingLine = new Line2(lineGeometry, lineMaterial);
     connectingLine.layers.set(GHOST_BLOOM_LAYER);
     graphGroup.add(connectingLine);
-    stateRef.current.connection = { isActive: true, sourceNodeData, line: connectingLine };
+    stateRef.current.connection = {
+      isActive: true,
+      sourceNodeData,
+      line: connectingLine
+    };
   },
   handleCancelConnection: (context) => {
     const { stateRef, mountRef } = context;
@@ -2297,7 +2488,11 @@ var userActionHandlers = {
       connection.line.geometry.dispose();
       connection.line.material.dispose();
     }
-    stateRef.current.connection = { isActive: false, sourceNodeData: null, line: null };
+    stateRef.current.connection = {
+      isActive: false,
+      sourceNodeData: null,
+      line: null
+    };
     if (controls) controls.enabled = true;
     if (mountRef.current) mountRef.current.style.cursor = "grab";
   },
@@ -2310,10 +2505,21 @@ var userActionHandlers = {
       userActionHandlers.handleCancelConnection(context);
       return;
     }
-    const sourceParentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, sourceNodeData.id, context.sceneConfigId, context.ownerId);
+    const sourceParentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      sourceNodeData.id,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!sourceParentInfo || !sourceParentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:", sourceNodeData.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio.");
+      console.error(
+        "N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node de origem:",
+        sourceNodeData.id
+      );
+      alert(
+        "Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio."
+      );
       userActionHandlers.handleCancelConnection(context);
       return;
     }
@@ -2337,12 +2543,20 @@ var userActionHandlers = {
           quest_nodes: specificParentData.nodes,
           quest_links: specificParentData.links
         };
-        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+        await context.actions.save_view_data(
+          context.sceneSaveUrl,
+          viewFilePayload
+        );
       } else {
-        const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileIdToSave]));
+        const specificParentData = JSON.parse(
+          JSON.stringify(graphDataRef.current[parentFileIdToSave])
+        );
         specificParentData.links.push(newLink);
         const filenameForSpecificParent = `x_view_dbs/${ownerIdToSave}/${parentFileIdToSave}`;
-        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        await context.actions.save_view_data(
+          filenameForSpecificParent,
+          specificParentData
+        );
         graphDataRef.current[parentFileIdToSave] = specificParentData;
       }
       addNewLinkToScene(stateRef.current, newLink);
@@ -2395,7 +2609,13 @@ var userActionHandlers = {
     if (relink.originalLine) {
       relink.originalLine.visible = true;
     }
-    stateRef.current.relink = { isActive: false, end: null, fixedNodeId: null, originalLine: null, line: null };
+    stateRef.current.relink = {
+      isActive: false,
+      end: null,
+      fixedNodeId: null,
+      originalLine: null,
+      line: null
+    };
     if (controls) controls.enabled = true;
     if (mountRef.current) mountRef.current.style.cursor = "grab";
   },
@@ -2413,13 +2633,39 @@ var userActionHandlers = {
     } else {
       newTargetId = newEndNodeData.id;
     }
-    const oldSourceInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldSourceId, context.sceneConfigId, context.ownerId);
-    const oldTargetInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, oldTargetId, context.sceneConfigId, context.ownerId);
-    const newSourceInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newSourceId, context.sceneConfigId, context.ownerId);
-    const newTargetInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, newTargetId, context.sceneConfigId, context.ownerId);
+    const oldSourceInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      oldSourceId,
+      context.sceneConfigId,
+      context.ownerId
+    );
+    const oldTargetInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      oldTargetId,
+      context.sceneConfigId,
+      context.ownerId
+    );
+    const newSourceInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      newSourceId,
+      context.sceneConfigId,
+      context.ownerId
+    );
+    const newTargetInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      newTargetId,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!oldSourceInfo || !oldTargetInfo || !newSourceInfo || !newTargetInfo) {
       console.error("Informa\xE7\xF5es dos arquivos pai incompletas para o relink.");
-      alert("Ocorreu um erro ao identificar os arquivos pai para salvar a altera\xE7\xE3o.");
+      alert(
+        "Ocorreu um erro ao identificar os arquivos pai para salvar a altera\xE7\xE3o."
+      );
       userActionHandlers.handleCancelRelink(context);
       return;
     }
@@ -2453,33 +2699,63 @@ var userActionHandlers = {
           quest_nodes: data.nodes,
           quest_links: data.links
         };
-        return context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+        return context.actions.save_view_data(
+          context.sceneSaveUrl,
+          viewFilePayload
+        );
       } else {
-        return context.actions.save_view_data(`x_view_dbs/${fileOwnerId}/${fileId}`, data);
+        return context.actions.save_view_data(
+          `x_view_dbs/${fileOwnerId}/${fileId}`,
+          data
+        );
       }
     };
     const savePromises = [];
     const filesToUpdate = {};
     if (oldGoverningFileId !== newGoverningFileId) {
-      const updatedOriginalParentData = JSON.parse(JSON.stringify(graphDataRef.current[oldGoverningFileId]));
+      const updatedOriginalParentData = JSON.parse(
+        JSON.stringify(graphDataRef.current[oldGoverningFileId])
+      );
       updatedOriginalParentData.links = updatedOriginalParentData.links.filter(
         (l) => String(l.id) !== String(linkId)
       );
       filesToUpdate[oldGoverningFileId] = updatedOriginalParentData;
-      savePromises.push(saveParentData(oldGoverningFileId, oldGoverningOwnerId, updatedOriginalParentData));
-      const updatedNewParentData = JSON.parse(JSON.stringify(graphDataRef.current[newGoverningFileId]));
+      savePromises.push(
+        saveParentData(
+          oldGoverningFileId,
+          oldGoverningOwnerId,
+          updatedOriginalParentData
+        )
+      );
+      const updatedNewParentData = JSON.parse(
+        JSON.stringify(graphDataRef.current[newGoverningFileId])
+      );
       if (!updatedNewParentData.links) updatedNewParentData.links = [];
       updatedNewParentData.links.push(newLinkData);
       filesToUpdate[newGoverningFileId] = updatedNewParentData;
-      savePromises.push(saveParentData(newGoverningFileId, newGoverningOwnerId, updatedNewParentData));
+      savePromises.push(
+        saveParentData(
+          newGoverningFileId,
+          newGoverningOwnerId,
+          updatedNewParentData
+        )
+      );
     } else {
-      const updatedParentData = JSON.parse(JSON.stringify(graphDataRef.current[oldGoverningFileId]));
+      const updatedParentData = JSON.parse(
+        JSON.stringify(graphDataRef.current[oldGoverningFileId])
+      );
       updatedParentData.links = updatedParentData.links.filter(
         (l) => String(l.id) !== String(linkId)
       );
       updatedParentData.links.push(newLinkData);
       filesToUpdate[oldGoverningFileId] = updatedParentData;
-      savePromises.push(saveParentData(oldGoverningFileId, oldGoverningOwnerId, updatedParentData));
+      savePromises.push(
+        saveParentData(
+          oldGoverningFileId,
+          oldGoverningOwnerId,
+          updatedParentData
+        )
+      );
     }
     try {
       await Promise.all(savePromises);
@@ -2500,30 +2776,51 @@ var userActionHandlers = {
     var _a, _b, _c, _d, _e, _f, _g;
     const { stateRef, graphDataRef, sceneDataRef, setters } = context;
     setters.setRelationshipMenu({ visible: false });
-    if (!(linkObject == null ? void 0 : linkObject.userData) || !graphDataRef.current || !sceneDataRef.current) return;
+    if (!(linkObject == null ? void 0 : linkObject.userData) || !graphDataRef.current || !sceneDataRef.current)
+      return;
     const linkIdToDelete = linkObject.userData.id;
     if (!linkIdToDelete) {
-      console.error("Tentativa de deletar um link sem ID.", linkObject.userData);
+      console.error(
+        "Tentativa de deletar um link sem ID.",
+        linkObject.userData
+      );
       return;
     }
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkObject.userData.source, context.sceneConfigId, context.ownerId);
+    const parentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      linkObject.userData.source,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link:", linkIdToDelete);
-      alert("Ocorreu um erro ao identificar o arquivo pai da rela\xE7\xE3o para exclus\xE3o.");
+      console.error(
+        "N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link:",
+        linkIdToDelete
+      );
+      alert(
+        "Ocorreu um erro ao identificar o arquivo pai da rela\xE7\xE3o para exclus\xE3o."
+      );
       return;
     }
     const { parentFileId, ownerId } = parentInfo;
     const srcName = ((_c = (_b = (_a = linkObject.userData) == null ? void 0 : _a.sourceNode) == null ? void 0 : _b.userData) == null ? void 0 : _c.name) ?? linkObject.userData.source;
     const tgtName = ((_f = (_e = (_d = linkObject.userData) == null ? void 0 : _d.targetNode) == null ? void 0 : _e.userData) == null ? void 0 : _f.name) ?? linkObject.userData.target;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    const newLinks = (specificParentData.links || []).filter((l) => String(l.id) !== String(linkIdToDelete));
+    const specificParentData = JSON.parse(
+      JSON.stringify(graphDataRef.current[parentFileId])
+    );
+    const newLinks = (specificParentData.links || []).filter(
+      (l) => String(l.id) !== String(linkIdToDelete)
+    );
     specificParentData.links = newLinks;
     let filenameToSave;
     let payloadToSave;
     const isView = ((_g = context.viewType) == null ? void 0 : _g.toLowerCase()) === "view";
     if (isView && parentFileId === context.sceneConfigId) {
       filenameToSave = context.sceneSaveUrl;
-      sceneDataRef.current.links = sceneDataRef.current.links.filter((l) => String(l.id) !== String(linkIdToDelete));
+      sceneDataRef.current.links = sceneDataRef.current.links.filter(
+        (l) => String(l.id) !== String(linkIdToDelete)
+      );
       payloadToSave = {
         parent_dbs: sceneDataRef.current.parent_dbs,
         nodes: sceneDataRef.current.nodes,
@@ -2539,7 +2836,9 @@ var userActionHandlers = {
     try {
       await context.actions.save_view_data(filenameToSave, payloadToSave);
       graphDataRef.current[parentFileId] = specificParentData;
-      setters.setDetailsLink((prev) => String(prev == null ? void 0 : prev.id) === String(linkIdToDelete) ? null : prev);
+      setters.setDetailsLink(
+        (prev) => String(prev == null ? void 0 : prev.id) === String(linkIdToDelete) ? null : prev
+      );
       if (stateRef.current.hoveredLink === linkObject) {
         stateRef.current.hoveredLink = null;
       }
@@ -2571,7 +2870,9 @@ var userActionHandlers = {
       stateRef.current.renderedAncestries = [];
     }
     removeNodeFromScene(stateRef.current, nodeIdToDismiss);
-    setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeIdToDismiss) ? null : prev);
+    setters.setDetailsNode(
+      (prev) => String(prev == null ? void 0 : prev.id) === String(nodeIdToDismiss) ? null : prev
+    );
   },
   handleDismissOtherNodes: (context, nodeData) => {
     const { stateRef, sceneDataRef, setters } = context;
@@ -2580,7 +2881,9 @@ var userActionHandlers = {
     const nodeIdToKeep = nodeData.id;
     const strNodeIdToKeep = String(nodeIdToKeep);
     const allVisibleNodeIds = Object.keys(stateRef.current.nodeObjects);
-    const nodeIdsToDismiss = allVisibleNodeIds.filter((id) => id !== strNodeIdToKeep);
+    const nodeIdsToDismiss = allVisibleNodeIds.filter(
+      (id) => id !== strNodeIdToKeep
+    );
     if (nodeIdsToDismiss.length === 0) return;
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
@@ -2594,7 +2897,9 @@ var userActionHandlers = {
     }
     nodeIdsToDismiss.forEach((nodeId) => {
       removeNodeFromScene(stateRef.current, nodeId);
-      setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev);
+      setters.setDetailsNode(
+        (prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev
+      );
     });
   },
   handleDismissMultipleNodes: (context, nodeIds) => {
@@ -2620,7 +2925,9 @@ var userActionHandlers = {
       stateRef.current.renderedAncestries = [];
     }
     strNodeIds.forEach((nodeId) => {
-      setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === nodeId ? null : prev);
+      setters.setDetailsNode(
+        (prev) => String(prev == null ? void 0 : prev.id) === nodeId ? null : prev
+      );
       removeNodeFromScene(stateRef.current, nodeId);
     });
     stateRef.current.selectedNodes.clear();
@@ -2628,10 +2935,13 @@ var userActionHandlers = {
   handleDismissOtherMultipleNodes: (context, nodeIdsToKeep) => {
     const { stateRef, sceneDataRef, setters } = context;
     setters.setMultiContextMenu({ visible: false });
-    if (!nodeIdsToKeep || nodeIdsToKeep.size === 0 || !sceneDataRef.current) return;
+    if (!nodeIdsToKeep || nodeIdsToKeep.size === 0 || !sceneDataRef.current)
+      return;
     const strNodeIdsToKeep = Array.from(nodeIdsToKeep).map(String);
     const allVisibleNodeIds = Object.keys(stateRef.current.nodeObjects);
-    const nodeIdsToDismiss = allVisibleNodeIds.filter((id) => !strNodeIdsToKeep.includes(id));
+    const nodeIdsToDismiss = allVisibleNodeIds.filter(
+      (id) => !strNodeIdsToKeep.includes(id)
+    );
     if (nodeIdsToDismiss.length === 0) {
       stateRef.current.selectedNodes.clear();
       return;
@@ -2655,7 +2965,9 @@ var userActionHandlers = {
     }
     nodeIdsToDismiss.forEach((nodeId) => {
       removeNodeFromScene(stateRef.current, nodeId);
-      setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev);
+      setters.setDetailsNode(
+        (prev) => String(prev == null ? void 0 : prev.id) === String(nodeId) ? null : prev
+      );
     });
     stateRef.current.selectedNodes.clear();
   },
@@ -2663,7 +2975,8 @@ var userActionHandlers = {
     var _a;
     const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     setters.setMultiContextMenu({ visible: false });
-    if (!nodeIds || nodeIds.size === 0 || !graphDataRef.current || !sceneDataRef.current) return;
+    if (!nodeIds || nodeIds.size === 0 || !graphDataRef.current || !sceneDataRef.current)
+      return;
     const strNodeIdsToDelete = Array.from(nodeIds).map(String);
     if (actions.delete_file) {
       strNodeIdsToDelete.forEach((id) => {
@@ -2672,16 +2985,26 @@ var userActionHandlers = {
         if (nodeData) {
           const urls = extractFileUrlsFromProperties(nodeData);
           if (urls.length > 0) {
-            Promise.all(urls.map((url) => actions.delete_file(url))).catch((err) => console.error(`Erro ao deletar arquivos do node ${id}:`, err));
+            Promise.all(urls.map((url) => actions.delete_file(url))).catch(
+              (err) => console.error(`Erro ao deletar arquivos do node ${id}:`, err)
+            );
           }
         }
       });
     }
     const changesByParentFile = {};
     for (const nodeId of strNodeIdsToDelete) {
-      const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeId, context.sceneConfigId, context.ownerId);
+      const parentInfo = getParentFileInfoForNode(
+        graphDataRef.current,
+        sceneDataRef.current,
+        nodeId,
+        context.sceneConfigId,
+        context.ownerId
+      );
       if (!parentInfo || !parentInfo.ownerId) {
-        console.warn(`Node com ID ${nodeId} n\xE3o encontrado ou sem ownerId. Ignorando.`);
+        console.warn(
+          `Node com ID ${nodeId} n\xE3o encontrado ou sem ownerId. Ignorando.`
+        );
         continue;
       }
       const { parentFileId, ownerId } = parentInfo;
@@ -2692,21 +3015,31 @@ var userActionHandlers = {
           parentFileId,
           nodesToDelete: /* @__PURE__ */ new Set(),
           linksToDelete: /* @__PURE__ */ new Set(),
-          originalData: JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]))
+          originalData: JSON.parse(
+            JSON.stringify(graphDataRef.current[parentFileId])
+          )
         };
       }
       changesByParentFile[fileKey].nodesToDelete.add(nodeId);
       const associatedLinks = (changesByParentFile[fileKey].originalData.links || []).filter(
         (l) => String(l.source) === nodeId || String(l.target) === nodeId
       );
-      associatedLinks.forEach((link) => changesByParentFile[fileKey].linksToDelete.add(link.id));
+      associatedLinks.forEach(
+        (link) => changesByParentFile[fileKey].linksToDelete.add(link.id)
+      );
     }
     const savePromises = [];
     const updatedParentDataCache = {};
     for (const fileKey in changesByParentFile) {
       if (changesByParentFile.hasOwnProperty(fileKey)) {
         const change = changesByParentFile[fileKey];
-        const { nodesToDelete, linksToDelete, originalData, ownerId, parentFileId } = change;
+        const {
+          nodesToDelete,
+          linksToDelete,
+          originalData,
+          ownerId,
+          parentFileId
+        } = change;
         originalData.nodes = (originalData.nodes || []).filter(
           (n) => !nodesToDelete.has(String(n.id))
         );
@@ -2720,8 +3053,12 @@ var userActionHandlers = {
           filenameToSave = context.sceneSaveUrl;
           const strNodesToDelete = Array.from(nodesToDelete).map(String);
           const strLinksToDelete = Array.from(linksToDelete).map(String);
-          sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter((n) => !strNodesToDelete.includes(String(n.id)));
-          sceneDataRef.current.links = sceneDataRef.current.links.filter((l) => !strLinksToDelete.includes(String(l.id)));
+          sceneDataRef.current.nodes = sceneDataRef.current.nodes.filter(
+            (n) => !strNodesToDelete.includes(String(n.id))
+          );
+          sceneDataRef.current.links = sceneDataRef.current.links.filter(
+            (l) => !strLinksToDelete.includes(String(l.id))
+          );
           payloadToSave = {
             parent_dbs: sceneDataRef.current.parent_dbs,
             nodes: sceneDataRef.current.nodes,
@@ -2734,7 +3071,9 @@ var userActionHandlers = {
           filenameToSave = `x_view_dbs/${ownerId}/${parentFileId}`;
           payloadToSave = originalData;
         }
-        savePromises.push(context.actions.save_view_data(filenameToSave, payloadToSave));
+        savePromises.push(
+          context.actions.save_view_data(filenameToSave, payloadToSave)
+        );
         updatedParentDataCache[parentFileId] = originalData;
       }
     }
@@ -2744,7 +3083,9 @@ var userActionHandlers = {
         graphDataRef.current[fileId] = updatedParentDataCache[fileId];
       }
       strNodeIdsToDelete.forEach((nodeId) => {
-        setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === nodeId ? null : prev);
+        setters.setDetailsNode(
+          (prev) => String(prev == null ? void 0 : prev.id) === nodeId ? null : prev
+        );
         removeNodeFromScene(stateRef.current, nodeId);
       });
       stateRef.current.selectedNodes.clear();
@@ -2760,23 +3101,42 @@ var userActionHandlers = {
     if (actions.delete_file && nodeData) {
       const urls = extractFileUrlsFromProperties(nodeData);
       if (urls.length > 0) {
-        Promise.all(urls.map((url) => actions.delete_file(url))).then(() => console.log("Arquivos do node deletados.")).catch((err) => console.error("Erro ao deletar arquivos do node:", err));
+        Promise.all(urls.map((url) => actions.delete_file(url))).then(() => console.log("Arquivos do node deletados.")).catch(
+          (err) => console.error("Erro ao deletar arquivos do node:", err)
+        );
       }
     }
     setters.setContextMenu({ visible: false });
     if (!nodeData || !graphDataRef.current || !sceneDataRef.current) return;
     const nodeIdToDelete = nodeData.id;
     const strNodeId = String(nodeIdToDelete);
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeIdToDelete, context.sceneConfigId, context.ownerId);
+    const parentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      nodeIdToDelete,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node a ser exclu\xEDdo:", nodeIdToDelete);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para exclus\xE3o.");
+      console.error(
+        "N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node a ser exclu\xEDdo:",
+        nodeIdToDelete
+      );
+      alert(
+        "Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para exclus\xE3o."
+      );
       return;
     }
     const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    const newNodes = (specificParentData.nodes || []).filter((n) => String(n.id) !== strNodeId);
-    const newLinks = (specificParentData.links || []).filter((l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId);
+    const specificParentData = JSON.parse(
+      JSON.stringify(graphDataRef.current[parentFileId])
+    );
+    const newNodes = (specificParentData.nodes || []).filter(
+      (n) => String(n.id) !== strNodeId
+    );
+    const newLinks = (specificParentData.links || []).filter(
+      (l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId
+    );
     specificParentData.nodes = newNodes;
     specificParentData.links = newLinks;
     let filenameToSave;
@@ -2784,8 +3144,12 @@ var userActionHandlers = {
     const isView = ((_a = context.viewType) == null ? void 0 : _a.toLowerCase()) === "view";
     if (isView && parentFileId === context.sceneConfigId) {
       filenameToSave = context.sceneSaveUrl;
-      const newVisualNodes = sceneDataRef.current.nodes.filter((n) => String(n.id) !== strNodeId);
-      const newVisualLinks = sceneDataRef.current.links.filter((l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId);
+      const newVisualNodes = sceneDataRef.current.nodes.filter(
+        (n) => String(n.id) !== strNodeId
+      );
+      const newVisualLinks = sceneDataRef.current.links.filter(
+        (l) => String(l.source) !== strNodeId && String(l.target) !== strNodeId
+      );
       sceneDataRef.current.nodes = newVisualNodes;
       sceneDataRef.current.links = newVisualLinks;
       payloadToSave = {
@@ -2803,7 +3167,9 @@ var userActionHandlers = {
     try {
       await context.actions.save_view_data(filenameToSave, payloadToSave);
       graphDataRef.current[parentFileId] = specificParentData;
-      setters.setDetailsNode((prev) => String(prev == null ? void 0 : prev.id) === String(nodeIdToDelete) ? null : prev);
+      setters.setDetailsNode(
+        (prev) => String(prev == null ? void 0 : prev.id) === String(nodeIdToDelete) ? null : prev
+      );
       removeNodeFromScene(stateRef.current, nodeIdToDelete);
       setters.setSceneVersion((v) => v + 1);
     } catch (e) {
@@ -2824,17 +3190,35 @@ var userActionHandlers = {
       timelineEndLabel,
       ...nodeToSave
     } = updatedNode;
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, nodeToSave.id, context.sceneConfigId, context.ownerId);
+    const parentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      nodeToSave.id,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node a ser atualizado:", nodeToSave.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para atualiza\xE7\xE3o.");
+      console.error(
+        "N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o Node a ser atualizado:",
+        nodeToSave.id
+      );
+      alert(
+        "Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para atualiza\xE7\xE3o."
+      );
       return;
     }
     const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    const nodeIndex = specificParentData.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
+    const specificParentData = JSON.parse(
+      JSON.stringify(graphDataRef.current[parentFileId])
+    );
+    const nodeIndex = specificParentData.nodes.findIndex(
+      (n) => String(n.id) === String(nodeToSave.id)
+    );
     if (nodeIndex === -1) {
-      console.error("Node n\xE3o encontrado nos dados do parent para atualiza\xE7\xE3o:", nodeToSave.id);
+      console.error(
+        "Node n\xE3o encontrado nos dados do parent para atualiza\xE7\xE3o:",
+        nodeToSave.id
+      );
       alert("Erro interno: Node n\xE3o encontrado para salvar.");
       return;
     }
@@ -2842,7 +3226,9 @@ var userActionHandlers = {
     const isNewDone = oldNode.status !== "Done" && nodeToSave.status === "Done";
     specificParentData.nodes[nodeIndex] = { ...nodeToSave };
     if (isNewDone && nodeToSave.is_quest && ((_a = nodeToSave.recurrence_config) == null ? void 0 : _a.enabled)) {
-      const nextDateObj = calculateNextRecurrenceDate(nodeToSave.recurrence_config);
+      const nextDateObj = calculateNextRecurrenceDate(
+        nodeToSave.recurrence_config
+      );
       if (nextDateObj) {
         const currentCounter = sceneDataRef.current.quest_counter || 1;
         const usedCounter = currentCounter;
@@ -2872,21 +3258,26 @@ var userActionHandlers = {
           // QUEST_STATUS_COLORS["Backlog"]
           assignee_id: nodeToSave.recurrence_config.next_assignee_id || "",
           Date: nextDateObj,
-          timeline: [{
-            id: short.generate(),
-            type: "status_changed",
-            timestamp: Date.now(),
-            actorId: "system",
-            description: `Quest criada automaticamente via recorr\xEAncia a partir da quest #${nodeToSave.id}`,
-            links: [],
-            images: [],
-            metadata: { status: "Backlog" }
-          }],
+          timeline: [
+            {
+              id: short.generate(),
+              type: "status_changed",
+              timestamp: Date.now(),
+              actorId: "system",
+              description: `Quest criada automaticamente via recorr\xEAncia`,
+              links: [],
+              images: [],
+              metadata: { status: "Backlog" }
+            }
+          ],
           version_node: {
             is_version: true,
             parent_node: ((_b = nodeToSave.version_node) == null ? void 0 : _b.parent_node) || nodeToSave.id
           },
-          reviewStack: (nodeToSave.reviewStack || []).map((r) => ({ ...r, status: "pending" })),
+          reviewStack: (nodeToSave.reviewStack || []).map((r) => ({
+            ...r,
+            status: "pending"
+          })),
           recurrence_config: nextRecurrenceConfig
         };
         specificParentData.nodes.push(nextQuestNode);
@@ -2900,7 +3291,9 @@ var userActionHandlers = {
     try {
       const isView = ((_c = context.viewType) == null ? void 0 : _c.toLowerCase()) === "view";
       if (isView && parentFileId === context.sceneConfigId) {
-        const visualNodeIndex = sceneDataRef.current.nodes.findIndex((n) => String(n.id) === String(nodeToSave.id));
+        const visualNodeIndex = sceneDataRef.current.nodes.findIndex(
+          (n) => String(n.id) === String(nodeToSave.id)
+        );
         if (visualNodeIndex > -1) {
           sceneDataRef.current.nodes[visualNodeIndex] = {
             ...sceneDataRef.current.nodes[visualNodeIndex],
@@ -2915,10 +3308,16 @@ var userActionHandlers = {
           quest_links: specificParentData.links,
           quest_counter: sceneDataRef.current.quest_counter || 1
         };
-        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+        await context.actions.save_view_data(
+          context.sceneSaveUrl,
+          viewFilePayload
+        );
       } else {
         const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
-        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        await context.actions.save_view_data(
+          filenameForSpecificParent,
+          specificParentData
+        );
       }
       graphDataRef.current[parentFileId] = specificParentData;
       updateExistingNodeVisuals(stateRef.current, nodeToSave);
@@ -2936,19 +3335,37 @@ var userActionHandlers = {
     const { graphDataRef, sceneDataRef, stateRef, setters } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     const { sourceNode, targetNode, ...linkToSave } = updatedLink;
-    const parentInfo = getParentFileInfoForNode(graphDataRef.current, sceneDataRef.current, linkToSave.source, context.sceneConfigId, context.ownerId);
+    const parentInfo = getParentFileInfoForNode(
+      graphDataRef.current,
+      sceneDataRef.current,
+      linkToSave.source,
+      context.sceneConfigId,
+      context.ownerId
+    );
     if (!parentInfo || !parentInfo.ownerId) {
-      console.error("N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link a ser atualizado:", linkToSave.id);
-      alert("Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para atualiza\xE7\xE3o.");
+      console.error(
+        "N\xE3o foi poss\xEDvel encontrar as informa\xE7\xF5es do arquivo pai (ou ownerId) para o link a ser atualizado:",
+        linkToSave.id
+      );
+      alert(
+        "Ocorreu um erro ao identificar o arquivo pai ou seu propriet\xE1rio para atualiza\xE7\xE3o."
+      );
       return;
     }
     const { parentFileId, ownerId } = parentInfo;
-    const specificParentData = JSON.parse(JSON.stringify(graphDataRef.current[parentFileId]));
-    const linkIndex = specificParentData.links.findIndex((l) => String(l.id) === String(linkToSave.id));
+    const specificParentData = JSON.parse(
+      JSON.stringify(graphDataRef.current[parentFileId])
+    );
+    const linkIndex = specificParentData.links.findIndex(
+      (l) => String(l.id) === String(linkToSave.id)
+    );
     if (linkIndex > -1) {
       specificParentData.links[linkIndex] = linkToSave;
     } else {
-      console.error("Link n\xE3o encontrado nos dados do parent para atualiza\xE7\xE3o:", linkToSave.id);
+      console.error(
+        "Link n\xE3o encontrado nos dados do parent para atualiza\xE7\xE3o:",
+        linkToSave.id
+      );
       alert("Erro interno: link n\xE3o encontrado para salvar.");
       return;
     }
@@ -2963,10 +3380,16 @@ var userActionHandlers = {
           quest_links: specificParentData.links,
           quest_counter: sceneDataRef.current.quest_counter || 1
         };
-        await context.actions.save_view_data(context.sceneSaveUrl, viewFilePayload);
+        await context.actions.save_view_data(
+          context.sceneSaveUrl,
+          viewFilePayload
+        );
       } else {
         const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
-        await context.actions.save_view_data(filenameForSpecificParent, specificParentData);
+        await context.actions.save_view_data(
+          filenameForSpecificParent,
+          specificParentData
+        );
       }
       graphDataRef.current[parentFileId] = specificParentData;
       const lineObject = stateRef.current.allLinks.find(
@@ -2996,7 +3419,9 @@ var userActionHandlers = {
     const graphFull = graphDataRef.current;
     if (!graphFull) return;
     const strNodeId = String(nodeId);
-    const allParentNodes = Object.values(graphFull).flatMap((fileData) => fileData.nodes);
+    const allParentNodes = Object.values(graphFull).flatMap(
+      (fileData) => fileData.nodes
+    );
     const nodeData = allParentNodes.find((n) => String(n.id) === strNodeId);
     if (!nodeData) {
       alert("Node n\xE3o encontrado no banco de dados completo.");
@@ -3007,7 +3432,11 @@ var userActionHandlers = {
       return;
     }
     const base = state.controls ? state.controls.target.clone() : new THREE.Vector3(0, 0, 0);
-    const offset = new THREE.Vector3((Math.random() - 0.5) * 20, (Math.random() - 0.5) * 6, (Math.random() - 0.5) * 20);
+    const offset = new THREE.Vector3(
+      (Math.random() - 0.5) * 20,
+      (Math.random() - 0.5) * 6,
+      (Math.random() - 0.5) * 20
+    );
     const position = base.add(offset);
     addStandaloneNodeToScene(state, nodeData, position);
     tweenToTarget(position, 1.3);
@@ -3792,7 +4221,11 @@ function calculateNextRecurrenceDate(config) {
   const d = String(nextDate.getDate()).padStart(2, "0");
   const m = String(nextDate.getMonth() + 1).padStart(2, "0");
   const y = nextDate.getFullYear();
-  return { date: `${d}/${m}/${y}` };
+  return {
+    type: "Data",
+    value: `${d}/${m}/${y}`,
+    confirmed: true
+  };
 }
 
 // src/components/CustomPropertyDisplay.jsx
@@ -9230,26 +9663,17 @@ function InSceneQuestForm({
       "button",
       {
         type: "button",
-        onClick: () => setQuestDate({ type: "Data", value: "" }),
+        onClick: () => setQuestDate({ type: "Data", value: "", confirmed: false }),
         className: "text-[10px] text-indigo-400 hover:text-indigo-300 font-bold uppercase transition-colors"
       },
       "+ Adicionar"
-    )), questDate && /* @__PURE__ */ React16.createElement("div", { className: "p-3 bg-slate-900/60 rounded-xl border border-white/10 space-y-3 relative group" }, /* @__PURE__ */ React16.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setQuestDate(null),
-        className: "absolute top-2 right-2 w-6 h-6 grid place-items-center rounded-full bg-red-500/10 text-red-400 opacity-0 group-hover:opacity-100 transition-opacity",
-        title: "Remover data"
-      },
-      /* @__PURE__ */ React16.createElement(FiX5, { size: 12 })
-    ), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-1 rounded-lg bg-slate-800/50 p-1" }, ["Data", "Ano", "Date Interval"].map((t) => /* @__PURE__ */ React16.createElement(
+    )), questDate && /* @__PURE__ */ React16.createElement("div", { className: "p-3 bg-slate-900/60 rounded-xl border border-white/10 space-y-3 relative group" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex-1 flex items-center gap-1 rounded-lg bg-slate-800/50 p-1" }, !questDate.confirmed ? ["Data", "Date Interval"].map((t) => /* @__PURE__ */ React16.createElement(
       "button",
       {
         key: t,
         type: "button",
         onClick: () => {
-          const newDate = { type: t };
+          const newDate = { type: t, confirmed: false };
           if (t === "Date Interval") {
             newDate.start = "";
             newDate.end = "";
@@ -9261,7 +9685,34 @@ function InSceneQuestForm({
         className: `flex-1 text-[10px] px-2 py-1.5 rounded-md transition-colors ${questDate.type === t ? "bg-indigo-600 text-white font-semibold shadow" : "text-slate-400 hover:bg-slate-700/50"}`
       },
       t === "Date Interval" ? "Intervalo" : t
-    ))), questDate.type === "Data" && /* @__PURE__ */ React16.createElement(
+    )) : /* @__PURE__ */ React16.createElement("div", { className: "flex-1 flex items-center gap-2 px-2 py-1.5" }, /* @__PURE__ */ React16.createElement(FiCalendar, { className: "text-indigo-400", size: 12 }), /* @__PURE__ */ React16.createElement("span", { className: "text-xs font-medium text-slate-200" }, questDate.type === "Data" ? questDate.value || "Sem data" : `${questDate.start || "In\xEDcio"} - ${questDate.end || "Fim"}`))), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-1" }, !questDate.confirmed ? /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate({ ...questDate, confirmed: true }),
+        className: "w-8 h-8 grid place-items-center rounded-lg bg-green-500/10 text-green-400 hover:bg-green-500/20 transition-colors",
+        title: "Confirmar data"
+      },
+      /* @__PURE__ */ React16.createElement(FiCheck9, { size: 14 })
+    ) : /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate({ ...questDate, confirmed: false }),
+        className: "w-8 h-8 grid place-items-center rounded-lg bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 transition-colors",
+        title: "Editar data"
+      },
+      /* @__PURE__ */ React16.createElement(FiEdit26, { size: 14 })
+    ), /* @__PURE__ */ React16.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setQuestDate(null),
+        className: "w-8 h-8 grid place-items-center rounded-lg bg-red-500/10 text-red-400 hover:bg-red-500/20 transition-colors",
+        title: "Remover data"
+      },
+      /* @__PURE__ */ React16.createElement(FiX5, { size: 14 })
+    ))), !questDate.confirmed && /* @__PURE__ */ React16.createElement("div", { className: "animate-in fade-in slide-in-from-top-1 duration-200" }, questDate.type === "Data" && /* @__PURE__ */ React16.createElement(
       "input",
       {
         type: "text",
@@ -9281,34 +9732,47 @@ function InSceneQuestForm({
         maxLength: "10",
         className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
-    ), questDate.type === "Ano" && /* @__PURE__ */ React16.createElement(
-      "input",
-      {
-        type: "number",
-        placeholder: "AAAA",
-        value: questDate.value || "",
-        onChange: (e) => setQuestDate({ ...questDate, value: e.target.value }),
-        className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
-      }
     ), questDate.type === "Date Interval" && /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(
       "input",
       {
-        type: "number",
-        placeholder: "In\xEDcio (Ano)",
+        type: "text",
+        placeholder: "In\xEDcio (DD/MM/AAAA)",
         value: questDate.start || "",
-        onChange: (e) => setQuestDate({ ...questDate, start: e.target.value }),
-        className: "flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+        onChange: (e) => {
+          const rawValue = e.target.value;
+          const digits = rawValue.replace(/\D/g, "");
+          const len = digits.length;
+          let formattedValue = digits;
+          if (len > 2 && len <= 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2)}`;
+          else if (len > 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+          setQuestDate({ ...questDate, start: formattedValue });
+        },
+        maxLength: "10",
+        className: "flex-1 bg-slate-800/70 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
     ), /* @__PURE__ */ React16.createElement("span", { className: "text-slate-500" }, "-"), /* @__PURE__ */ React16.createElement(
       "input",
       {
-        type: "number",
-        placeholder: "Fim (Ano)",
+        type: "text",
+        placeholder: "Fim (DD/MM/AAAA)",
         value: questDate.end || "",
-        onChange: (e) => setQuestDate({ ...questDate, end: e.target.value }),
-        className: "flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
+        onChange: (e) => {
+          const rawValue = e.target.value;
+          const digits = rawValue.replace(/\D/g, "");
+          const len = digits.length;
+          let formattedValue = digits;
+          if (len > 2 && len <= 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2)}`;
+          else if (len > 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+          setQuestDate({ ...questDate, end: formattedValue });
+        },
+        maxLength: "10",
+        className: "flex-1 bg-slate-800/70 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
-    )))), /* @__PURE__ */ React16.createElement("div", { className: "pt-4 border-t border-white/5 mt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiRepeat, { className: `w-3.5 h-3.5 ${recurrenceConfig.enabled ? "text-indigo-400" : "text-slate-500"}` }), /* @__PURE__ */ React16.createElement("span", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Recorr\xEAncia")), /* @__PURE__ */ React16.createElement(
+    ))))), /* @__PURE__ */ React16.createElement("div", { className: "pt-4 border-t border-white/5 mt-2" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React16.createElement(FiRepeat, { className: `w-3.5 h-3.5 ${recurrenceConfig.enabled ? "text-indigo-400" : "text-slate-500"}` }), /* @__PURE__ */ React16.createElement("span", { className: "text-xs text-slate-300 font-medium uppercase tracking-wider" }, "Recorr\xEAncia")), /* @__PURE__ */ React16.createElement(
       "button",
       {
         type: "button",
@@ -10588,31 +11052,19 @@ ${noteText}` : noteText : entry.notes,
       {
         type: "button",
         onClick: () => {
-          setQuestDate({ type: "Data", value: "" });
+          setQuestDate({ type: "Data", value: "", confirmed: false });
           setHasUnsavedChanges(true);
         },
         className: "text-[10px] text-indigo-400 hover:text-indigo-300 font-bold uppercase transition-colors"
       },
       "+ Adicionar"
-    )), questDate && /* @__PURE__ */ React19.createElement("div", { className: "p-3 bg-slate-900/60 rounded-xl border border-white/10 space-y-3 relative group" }, canEdit && /* @__PURE__ */ React19.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          setQuestDate(null);
-          setHasUnsavedChanges(true);
-        },
-        className: "absolute top-2 right-2 w-6 h-6 grid place-items-center rounded-full bg-red-500/10 text-red-400 opacity-0 group-hover:opacity-100 transition-opacity",
-        title: "Remover data"
-      },
-      /* @__PURE__ */ React19.createElement(FiX7, { size: 12 })
-    ), /* @__PURE__ */ React19.createElement("div", { className: `flex items-center gap-1 rounded-lg bg-slate-800/50 p-1 ${!canEdit ? "opacity-70 pointer-events-none" : ""}` }, ["Data", "Ano", "Date Interval"].map((t) => /* @__PURE__ */ React19.createElement(
+    )), questDate && /* @__PURE__ */ React19.createElement("div", { className: "p-3 bg-slate-900/60 rounded-xl border border-white/10 space-y-3 relative group" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React19.createElement("div", { className: `flex-1 flex items-center gap-1 rounded-lg bg-slate-800/50 p-1 ${!canEdit ? "opacity-70 pointer-events-none" : ""}` }, !questDate.confirmed ? ["Data", "Date Interval"].map((t) => /* @__PURE__ */ React19.createElement(
       "button",
       {
         key: t,
         type: "button",
         onClick: () => {
-          const newDate = { type: t };
+          const newDate = { type: t, confirmed: false };
           if (t === "Date Interval") {
             newDate.start = "";
             newDate.end = "";
@@ -10625,11 +11077,46 @@ ${noteText}` : noteText : entry.notes,
         className: `flex-1 text-[10px] px-2 py-1.5 rounded-md transition-colors ${questDate.type === t ? "bg-indigo-600 text-white font-semibold shadow" : "text-slate-400 hover:bg-slate-700/50"}`
       },
       t === "Date Interval" ? "Intervalo" : t
-    ))), questDate.type === "Data" && /* @__PURE__ */ React19.createElement(
+    )) : /* @__PURE__ */ React19.createElement("div", { className: "flex-1 flex items-center gap-2 px-2 py-1.5" }, /* @__PURE__ */ React19.createElement(FiCalendar2, { className: "text-indigo-400", size: 12 }), /* @__PURE__ */ React19.createElement("span", { className: "text-xs font-medium text-slate-200" }, questDate.type === "Data" ? questDate.value || "Sem data" : `${questDate.start || "In\xEDcio"} - ${questDate.end || "Fim"}`))), canEdit && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-1" }, !questDate.confirmed ? /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setQuestDate({ ...questDate, confirmed: true });
+          setHasUnsavedChanges(true);
+        },
+        className: "w-8 h-8 grid place-items-center rounded-lg bg-green-500/10 text-green-400 hover:bg-green-500/20 transition-colors",
+        title: "Confirmar data"
+      },
+      /* @__PURE__ */ React19.createElement(FiCheck11, { size: 14 })
+    ) : /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setQuestDate({ ...questDate, confirmed: false });
+          setHasUnsavedChanges(true);
+        },
+        className: "w-8 h-8 grid place-items-center rounded-lg bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 transition-colors",
+        title: "Editar data"
+      },
+      /* @__PURE__ */ React19.createElement(FiEdit28, { size: 14 })
+    ), /* @__PURE__ */ React19.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setQuestDate(null);
+          setHasUnsavedChanges(true);
+        },
+        className: "w-8 h-8 grid place-items-center rounded-lg bg-red-500/10 text-red-400 hover:bg-red-500/20 transition-colors",
+        title: "Remover data"
+      },
+      /* @__PURE__ */ React19.createElement(FiX7, { size: 14 })
+    ))), !questDate.confirmed && canEdit && /* @__PURE__ */ React19.createElement("div", { className: "animate-in fade-in slide-in-from-top-1 duration-200" }, questDate.type === "Data" && /* @__PURE__ */ React19.createElement(
       "input",
       {
         type: "text",
-        readOnly: !canEdit,
         placeholder: "DD/MM/AAAA",
         value: questDate.value || "",
         onChange: (e) => {
@@ -10645,48 +11132,51 @@ ${noteText}` : noteText : entry.notes,
           setHasUnsavedChanges(true);
         },
         maxLength: "10",
-        className: `w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none ${canEdit ? "focus:ring-1 focus:ring-indigo-400/60" : "text-slate-400 cursor-default"}`
-      }
-    ), questDate.type === "Ano" && /* @__PURE__ */ React19.createElement(
-      "input",
-      {
-        type: "number",
-        readOnly: !canEdit,
-        placeholder: "AAAA",
-        value: questDate.value || "",
-        onChange: (e) => {
-          setQuestDate({ ...questDate, value: e.target.value });
-          setHasUnsavedChanges(true);
-        },
-        className: `w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none ${canEdit ? "focus:ring-1 focus:ring-indigo-400/60" : "text-slate-400 cursor-default"}`
+        className: "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
     ), questDate.type === "Date Interval" && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React19.createElement(
       "input",
       {
-        type: "number",
-        readOnly: !canEdit,
-        placeholder: "In\xEDcio (Ano)",
+        type: "text",
+        placeholder: "In\xEDcio (DD/MM/AAAA)",
         value: questDate.start || "",
         onChange: (e) => {
-          setQuestDate({ ...questDate, start: e.target.value });
+          const rawValue = e.target.value;
+          const digits = rawValue.replace(/\D/g, "");
+          const len = digits.length;
+          let formattedValue = digits;
+          if (len > 2 && len <= 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2)}`;
+          else if (len > 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+          setQuestDate({ ...questDate, start: formattedValue });
           setHasUnsavedChanges(true);
         },
-        className: `flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none ${canEdit ? "focus:ring-1 focus:ring-indigo-400/60" : "text-slate-400 cursor-default"}`
+        maxLength: "10",
+        className: "flex-1 bg-slate-800/70 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
     ), /* @__PURE__ */ React19.createElement("span", { className: "text-slate-500" }, "-"), /* @__PURE__ */ React19.createElement(
       "input",
       {
-        type: "number",
-        readOnly: !canEdit,
-        placeholder: "Fim (Ano)",
+        type: "text",
+        placeholder: "Fim (DD/MM/AAAA)",
         value: questDate.end || "",
         onChange: (e) => {
-          setQuestDate({ ...questDate, end: e.target.value });
+          const rawValue = e.target.value;
+          const digits = rawValue.replace(/\D/g, "");
+          const len = digits.length;
+          let formattedValue = digits;
+          if (len > 2 && len <= 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2)}`;
+          else if (len > 4)
+            formattedValue = `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4, 8)}`;
+          setQuestDate({ ...questDate, end: formattedValue });
           setHasUnsavedChanges(true);
         },
-        className: `flex-1 bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none ${canEdit ? "focus:ring-1 focus:ring-indigo-400/60" : "text-slate-400 cursor-default"}`
+        maxLength: "10",
+        className: "flex-1 bg-slate-800/70 p-2 text-xs rounded-lg border border-white/10 focus:outline-none focus:ring-1 focus:ring-indigo-400/60"
       }
-    )))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
+    ))))), /* @__PURE__ */ React19.createElement("div", { className: "space-y-1.5 relative mt-2" }, /* @__PURE__ */ React19.createElement("label", { className: "text-xs text-slate-300" }, "Status da Quest"), /* @__PURE__ */ React19.createElement("div", { className: "relative" }, /* @__PURE__ */ React19.createElement(
       "button",
       {
         type: "button",