@lv-x-software-house/x_view 1.3.4 → 1.3.6

package/dist/index.js

@@ -836,6 +836,55 @@ var removeLinkFromScene = (state, linkObject) => {
     else linkObject.material.dispose();
   }
 };
+var removeAllTimelineElements = (state) => {
+  if (!state) return;
+  const { timelineIntervalsGroup, nodeObjects } = state;
+  if (timelineIntervalsGroup) {
+    while (timelineIntervalsGroup.children.length > 0) {
+      const obj = timelineIntervalsGroup.children[0];
+      timelineIntervalsGroup.remove(obj);
+      if (obj.traverse) {
+        obj.traverse((child) => {
+          if (child.geometry) child.geometry.dispose();
+          if (child.material) {
+            if (child.material.map) child.material.map.dispose();
+            child.material.dispose();
+          }
+        });
+      } else {
+        if (obj.geometry) obj.geometry.dispose();
+        if (obj.material) {
+          if (obj.material.map) obj.material.map.dispose();
+          obj.material.dispose();
+        }
+      }
+    }
+  }
+  if (nodeObjects) {
+    Object.values(nodeObjects).forEach((mesh) => {
+      var _a, _b, _c, _d;
+      if (!mesh) return;
+      const oldTimelineLabel = mesh.getObjectByName("timelineLabel");
+      if (oldTimelineLabel) {
+        mesh.remove(oldTimelineLabel);
+        if ((_a = oldTimelineLabel.material) == null ? void 0 : _a.map) {
+          oldTimelineLabel.material.map.dispose();
+        }
+        (_b = oldTimelineLabel.material) == null ? void 0 : _b.dispose();
+      }
+      const oldQuestDateLabel = mesh.getObjectByName("questDateLabel");
+      if (oldQuestDateLabel) {
+        mesh.remove(oldQuestDateLabel);
+        if ((_c = oldQuestDateLabel.material) == null ? void 0 : _c.map) {
+          oldQuestDateLabel.material.map.dispose();
+        }
+        (_d = oldQuestDateLabel.material) == null ? void 0 : _d.dispose();
+      }
+      delete mesh.userData.timelineIntervalBar;
+      delete mesh.userData.timelineEndLabel;
+    });
+  }
+};
 var removeNodeFromScene = (state, nodeId) => {
   const {
     graphGroup,
@@ -864,8 +913,15 @@ var removeNodeFromScene = (state, nodeId) => {
     const { timelineIntervalBar, timelineEndLabel } = nodeToRemove.userData;
     if (timelineIntervalBar) {
       timelineIntervalsGroup.remove(timelineIntervalBar);
-      if (timelineIntervalBar.geometry) timelineIntervalBar.geometry.dispose();
-      if (timelineIntervalBar.material) timelineIntervalBar.material.dispose();
+      if (timelineIntervalBar.traverse) {
+        timelineIntervalBar.traverse((child) => {
+          if (child.geometry) child.geometry.dispose();
+          if (child.material) child.material.dispose();
+        });
+      } else {
+        if (timelineIntervalBar.geometry) timelineIntervalBar.geometry.dispose();
+        if (timelineIntervalBar.material) timelineIntervalBar.material.dispose();
+      }
     }
     if (timelineEndLabel) {
       timelineIntervalsGroup.remove(timelineEndLabel);
@@ -936,7 +992,7 @@ var getParentFileInfoForNode = (allParentData, sceneData, nodeId, sceneConfigId
 };
 async function instantiateSubProcess(context, templateProcess, versionedProcess, startCounter) {
   var _a, _b, _c;
-  const { graphDataRef, sceneDataRef, actions: actions2 } = context;
+  const { graphDataRef, sceneDataRef, actions } = context;
   const ownerId = context.ownerId;
   const parentFileId = context.sceneConfigId;
   const viewName = context.viewName || "View";
@@ -991,7 +1047,7 @@ async function instantiateSubProcess(context, templateProcess, versionedProcess,
         }
       ] : originalChildNode.timeline || []
     };
-    if (actions2.copy_google_doc_action && versionedChildNode.Links) {
+    if (actions.copy_google_doc_action && versionedChildNode.Links) {
       const docIdx = versionedChildNode.Links.findIndex((l) => l.name === "Google docs");
       if (docIdx !== -1) {
         const url = versionedChildNode.Links[docIdx].value;
@@ -999,7 +1055,7 @@ async function instantiateSubProcess(context, templateProcess, versionedProcess,
           const match = url.match(/\/d\/([a-zA-Z0-9-_]+)/);
           if (match == null ? void 0 : match[1]) {
             try {
-              const res = await actions2.copy_google_doc_action(
+              const res = await actions.copy_google_doc_action(
                 match[1],
                 nextName,
                 (_c = sceneDataRef.current) == null ? void 0 : _c.view_google_folder_id
@@ -1038,14 +1094,14 @@ async function instantiateSubProcess(context, templateProcess, versionedProcess,
       childRef.node.version_node = versionedChildNode.version_node;
     }
     childRef.node_id = versionedChildId;
-    if (versionedChildNode.is_quest && actions2.upsert_quest_firestore) {
-      savePromises.push(actions2.upsert_quest_firestore(ownerId, parentFileId, versionedChildNode));
-      if (actions2.upsert_quest_link_firestore)
-        savePromises.push(actions2.upsert_quest_link_firestore(ownerId, parentFileId, childVersionLink));
-    } else if (versionedChildNode.is_process && actions2.upsert_process_firestore) {
-      savePromises.push(actions2.upsert_process_firestore(ownerId, parentFileId, versionedChildNode));
-      if (actions2.upsert_process_link_firestore)
-        savePromises.push(actions2.upsert_process_link_firestore(ownerId, parentFileId, childVersionLink));
+    if (versionedChildNode.is_quest && actions.upsert_quest_firestore) {
+      savePromises.push(actions.upsert_quest_firestore(ownerId, parentFileId, versionedChildNode));
+      if (actions.upsert_quest_link_firestore)
+        savePromises.push(actions.upsert_quest_link_firestore(ownerId, parentFileId, childVersionLink));
+    } else if (versionedChildNode.is_process && actions.upsert_process_firestore) {
+      savePromises.push(actions.upsert_process_firestore(ownerId, parentFileId, versionedChildNode));
+      if (actions.upsert_process_link_firestore)
+        savePromises.push(actions.upsert_process_link_firestore(ownerId, parentFileId, childVersionLink));
     }
   }
   if (versionedProcess.process_abstraction_tree) {
@@ -1177,7 +1233,7 @@ var userActionHandlers = {
       stateRef,
       creationMode,
       setters,
-      actions: actions2,
+      actions,
       checkLimit
     } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
@@ -1211,20 +1267,20 @@ var userActionHandlers = {
     const savePromises = [];
     if (isCrossDataset) {
       savePromises.push(
-        actions2.save_view_data(
+        actions.save_view_data(
           `x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`,
           sourceDataToUpdate
         )
       );
       savePromises.push(
-        actions2.save_view_data(
+        actions.save_view_data(
           `x_view_dbs/${targetParentInfo.owner_id}/${finalTargetDatasetId}`,
           targetDataToUpdate
         )
       );
     } else {
       savePromises.push(
-        actions2.save_view_data(
+        actions.save_view_data(
           `x_view_dbs/${sourceParentInfo.ownerId}/${sourceParentInfo.parentFileId}`,
           sourceDataToUpdate
         )
@@ -1247,8 +1303,8 @@ var userActionHandlers = {
         ownerId: targetParentInfo.owner_id,
         datasetName: targetDataToUpdate.dataset_name || "Dataset Desconhecido"
       });
-      if (actions2.update_node_counter) {
-        await actions2.update_node_counter(targetParentInfo.owner_id, 1);
+      if (actions.update_node_counter) {
+        await actions.update_node_counter(targetParentInfo.owner_id, 1);
       }
       setters.setSceneVersion((v) => v + 1);
     } catch (error) {
@@ -1382,7 +1438,7 @@ var userActionHandlers = {
   },
   handleSaveVersionNode: async (context, newNodeData) => {
     var _a;
-    const { graphDataRef, sceneDataRef, stateRef, versionMode, setters, checkLimit } = context;
+    const { graphDataRef, sceneDataRef, stateRef, versionMode, setters, checkLimit, actions } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     if (checkLimit && checkLimit()) return;
     const { sourceNodeData } = versionMode;
@@ -1493,8 +1549,8 @@ var userActionHandlers = {
     );
     const targetFinalPositions = [];
     const newVersionMeshes = [];
+    const newNodesToCreate = [];
     linksToExpand.forEach((link) => {
-      var _a;
       const isSource = String(link.source) === String(sourceNode.id);
       const targetNodeId = isSource ? link.target : link.source;
       if (!nodeObjects[String(targetNodeId)]) {
@@ -1504,45 +1560,94 @@ var userActionHandlers = {
         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.`
-          );
-          return;
+        if (nodeData) {
+          newNodesToCreate.push({ link, nodeData, targetNodeId });
         }
-        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
-          )
-        );
-        targetFinalPositions.push(endPosition);
-        const targetMesh = createNodeMesh(
-          nodeData,
-          startPosition,
-          glowTexture,
-          !!nodeData.is_quest
-        );
-        targetMesh.scale.set(0.01, 0.01, 0.01);
-        graphGroup.add(targetMesh);
-        if (targetMesh.userData.labelObject) {
-          graphGroup.add(targetMesh.userData.labelObject);
-        }
-        nodeObjects[String(targetNodeId)] = targetMesh;
-        clickableNodes.push(targetMesh);
-        const posTween = new import_tween.Tween(targetMesh.position).to(endPosition, 1200).easing(import_tween.Easing.Quadratic.Out);
-        tweenGroup.add(posTween);
-        posTween.start();
-        const targetScale = NODE_SCALE_FACTORS[nodeData.size || "medium"] || 1;
-        const scaleTween = new import_tween.Tween(targetMesh.scale).to({ x: targetScale, y: targetScale, z: targetScale }, 1e3).easing(import_tween.Easing.Elastic.Out);
-        tweenGroup.add(scaleTween);
-        scaleTween.start();
-        if (((_a = nodeData.version_node) == null ? void 0 : _a.is_version) && String(nodeData.version_node.parent_node) === String(sourceNode.id)) {
-          newVersionMeshes.push(targetMesh);
+      }
+    });
+    const N = newNodesToCreate.length;
+    let referenceDir = new THREE.Vector3(0, 0, 1);
+    if (N > 0) {
+      const incomingVectors = [];
+      allLinks.forEach((l) => {
+        const srcId = String(l.userData.source);
+        const tgtId = String(l.userData.target);
+        if (srcId === String(sourceNode.id) || tgtId === String(sourceNode.id)) {
+          const otherId = srcId === String(sourceNode.id) ? tgtId : srcId;
+          const otherMesh = nodeObjects[otherId];
+          if (otherMesh) {
+            const dir = new THREE.Vector3().subVectors(
+              sourceNodeMesh.position,
+              otherMesh.position
+            );
+            if (dir.lengthSq() > 1e-3) {
+              dir.normalize();
+              incomingVectors.push(dir);
+            }
+          }
+        }
+      });
+      if (incomingVectors.length > 0) {
+        referenceDir.set(0, 0, 0);
+        incomingVectors.forEach((v) => referenceDir.add(v));
+        if (referenceDir.lengthSq() > 1e-3) {
+          referenceDir.normalize();
+        } else {
+          referenceDir.set(0, 0, 1);
+        }
+      } else {
+        const toSource = sourceNodeMesh.position.clone();
+        if (toSource.lengthSq() > 1e-3) {
+          referenceDir.copy(toSource).normalize();
         }
       }
+    }
+    const up = new THREE.Vector3(0, 1, 0);
+    if (Math.abs(referenceDir.y) > 0.95) {
+      up.set(1, 0, 0);
+    }
+    const right = new THREE.Vector3().crossVectors(up, referenceDir).normalize();
+    const upActual = new THREE.Vector3().crossVectors(referenceDir, right).normalize();
+    const maxSpread = N <= 1 ? 0 : Math.min(Math.PI * 0.4 + (N - 2) * 0.15, Math.PI * 0.8);
+    const baseDistance = 40;
+    newNodesToCreate.forEach((item, i) => {
+      var _a;
+      const { link, nodeData, targetNodeId } = item;
+      let phi = 0;
+      if (N > 1) {
+        phi = -maxSpread / 2 + i / (N - 1) * maxSpread;
+      }
+      const angleY = N > 1 ? Math.sin(i * Math.PI) * 0.12 : 0;
+      const nodeDir = referenceDir.clone().multiplyScalar(Math.cos(phi)).add(right.clone().multiplyScalar(Math.sin(phi))).add(upActual.clone().multiplyScalar(angleY)).normalize();
+      const distFactor = N > 1 ? 1 + (i % 2 === 0 ? 0 : 0.15) : 1;
+      const distance = baseDistance * distFactor;
+      const startPosition = sourceNodeMesh.position.clone();
+      const endPosition = startPosition.clone().add(nodeDir.multiplyScalar(distance));
+      targetFinalPositions.push(endPosition);
+      const targetMesh = createNodeMesh(
+        nodeData,
+        startPosition,
+        glowTexture,
+        !!nodeData.is_quest
+      );
+      targetMesh.scale.set(0.01, 0.01, 0.01);
+      graphGroup.add(targetMesh);
+      if (targetMesh.userData.labelObject) {
+        graphGroup.add(targetMesh.userData.labelObject);
+      }
+      nodeObjects[String(targetNodeId)] = targetMesh;
+      clickableNodes.push(targetMesh);
+      const delay = i * 60;
+      const posTween = new import_tween.Tween(targetMesh.position).to(endPosition, 1200).delay(delay).easing(import_tween.Easing.Quadratic.Out);
+      tweenGroup.add(posTween);
+      posTween.start();
+      const targetScale = NODE_SCALE_FACTORS[nodeData.size || "medium"] || 1;
+      const scaleTween = new import_tween.Tween(targetMesh.scale).to({ x: targetScale, y: targetScale, z: targetScale }, 1e3).delay(delay).easing(import_tween.Easing.Elastic.Out);
+      tweenGroup.add(scaleTween);
+      scaleTween.start();
+      if (((_a = nodeData.version_node) == null ? void 0 : _a.is_version) && String(nodeData.version_node.parent_node) === String(sourceNode.id)) {
+        newVersionMeshes.push(targetMesh);
+      }
     });
     linksToExpand.forEach((link) => {
       const linkAlreadyInSceneObjects = allLinks.some(
@@ -1574,7 +1679,12 @@ var userActionHandlers = {
           newLine.material.opacity = 0;
           graphGroup.add(newLine);
           allLinks.push(newLine);
-          const opacityTween = new import_tween.Tween(newLine.material).to({ opacity: 0.3 }, 800).delay(500);
+          const targetId = String(newLine.userData.target);
+          const newNodeIndex = newNodesToCreate.findIndex(
+            (item) => String(item.targetNodeId) === targetId
+          );
+          const delay = newNodeIndex !== -1 ? newNodeIndex * 60 : 0;
+          const opacityTween = new import_tween.Tween(newLine.material).to({ opacity: 0.3 }, 800).delay(delay);
           tweenGroup.add(opacityTween);
           opacityTween.start();
         });
@@ -2071,7 +2181,7 @@ var userActionHandlers = {
   },
   syncQuestTemplateFlags: async (context) => {
     var _a, _b;
-    const { sceneDataRef, graphDataRef, actions: actions2, setters, sceneConfigId, ownerId, stateRef } = context;
+    const { sceneDataRef, graphDataRef, actions, setters, sceneConfigId, ownerId, stateRef } = context;
     if (!((_a = sceneDataRef.current) == null ? void 0 : _a.process_nodes)) return;
     const allTemplateQuestIds = /* @__PURE__ */ new Set();
     sceneDataRef.current.process_nodes.forEach((proc) => {
@@ -2106,8 +2216,8 @@ var userActionHandlers = {
           const pIdx = graphDataRef.current[sceneConfigId].nodes.findIndex((n) => String(n.id) === String(quest.id));
           if (pIdx !== -1) graphDataRef.current[sceneConfigId].nodes[pIdx] = quest;
         }
-        if (actions2.upsert_quest_firestore) {
-          await actions2.upsert_quest_firestore(ownerId, sceneConfigId, quest);
+        if (actions.upsert_quest_firestore) {
+          await actions.upsert_quest_firestore(ownerId, sceneConfigId, quest);
         }
         const mesh = (_b = stateRef.current.nodeObjects) == null ? void 0 : _b[String(quest.id)];
         if (mesh) {
@@ -2123,6 +2233,7 @@ var userActionHandlers = {
     if (!nodeData || !sceneDataRef.current) return;
     const nodeIdToDismiss = nodeData.id;
     const strNodeId = String(nodeIdToDismiss);
+    removeAllTimelineElements(stateRef.current);
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2154,6 +2265,7 @@ var userActionHandlers = {
       (id) => id !== strNodeIdToKeep
     );
     if (nodeIdsToDismiss.length === 0) return;
+    removeAllTimelineElements(stateRef.current);
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       ancestryLinks.forEach((link) => {
@@ -2176,6 +2288,7 @@ var userActionHandlers = {
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !sceneDataRef.current) return;
     const strNodeIds = Array.from(nodeIds).map(String);
+    removeAllTimelineElements(stateRef.current);
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2215,6 +2328,7 @@ var userActionHandlers = {
       stateRef.current.selectedNodes.clear();
       return;
     }
+    removeAllTimelineElements(stateRef.current);
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -2242,19 +2356,19 @@ var userActionHandlers = {
   },
   handleDeleteMultipleNodes: async (context, nodeIds) => {
     var _a;
-    const { stateRef, graphDataRef, sceneDataRef, setters, actions: actions2 } = context;
+    const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
     setters.setMultiContextMenu({ visible: false });
     if (!nodeIds || nodeIds.size === 0 || !graphDataRef.current || !sceneDataRef.current)
       return;
     const strNodeIdsToDelete = Array.from(nodeIds).map(String);
-    if (actions2.delete_file) {
+    if (actions.delete_file) {
       strNodeIdsToDelete.forEach((id) => {
         const nodeMesh = stateRef.current.nodeObjects[id];
         const nodeData = nodeMesh ? nodeMesh.userData : null;
         if (nodeData) {
           const urls = extractFileUrlsFromProperties(nodeData);
           if (urls.length > 0) {
-            Promise.all(urls.map((url) => actions2.delete_file(url))).catch(
+            Promise.all(urls.map((url) => actions.delete_file(url))).catch(
               (err) => console.error(`Erro ao deletar arquivos do node ${id}:`, err)
             );
           }
@@ -2385,9 +2499,9 @@ var userActionHandlers = {
         } else {
           filenameToSave = `x_view_dbs/${ownerId}/${parentFileId}`;
           payloadToSave = originalData;
-          if (actions2.update_node_counter) {
+          if (actions.update_node_counter) {
             savePromises.push(
-              actions2.update_node_counter(ownerId, -nodesToDelete.size)
+              actions.update_node_counter(ownerId, -nodesToDelete.size)
             );
           }
         }
@@ -2432,11 +2546,11 @@ var userActionHandlers = {
   },
   handleDeleteNode: async (context, nodeData) => {
     var _a;
-    const { stateRef, graphDataRef, sceneDataRef, setters, actions: actions2 } = context;
-    if (actions2.delete_file && nodeData) {
+    const { stateRef, graphDataRef, sceneDataRef, setters, actions } = context;
+    if (actions.delete_file && nodeData) {
       const urls = extractFileUrlsFromProperties(nodeData);
       if (urls.length > 0) {
-        Promise.all(urls.map((url) => actions2.delete_file(url))).then(() => console.log("Arquivos do node deletados.")).catch(
+        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)
         );
       }
@@ -2540,8 +2654,8 @@ var userActionHandlers = {
         setters.setSceneVersion((v) => v + 1);
         if (nodeData.is_process) {
           await userActionHandlers.syncQuestTemplateFlags(context);
-        } else if (!nodeData.is_quest && actions2.update_node_counter) {
-          await actions2.update_node_counter(ownerId, -1);
+        } else if (!nodeData.is_quest && actions.update_node_counter) {
+          await actions.update_node_counter(ownerId, -1);
         }
       } catch (e) {
         console.error("Falha ao salvar remo\xE7\xE3o do Node:", e);
@@ -2559,8 +2673,8 @@ var userActionHandlers = {
         (prev) => String(prev == null ? void 0 : prev.id) === String(nodeIdToDelete) ? null : prev
       );
       removeNodeFromScene(stateRef.current, nodeIdToDelete);
-      if (!isQuestOrProcess && actions2.update_node_counter) {
-        await actions2.update_node_counter(ownerId, -1);
+      if (!isQuestOrProcess && actions.update_node_counter) {
+        await actions.update_node_counter(ownerId, -1);
       } else if (isQuestOrProcess && setters.setNodeCounter) {
         setters.setNodeCounter((prev) => prev - 1);
       }
@@ -3210,16 +3324,26 @@ var userActionHandlers = {
           links: specificParentData.links,
           milestones: sceneDataRef.current.milestones || []
         };
-        await context.actions.save_view_data(
-          context.sceneSaveUrl,
-          viewFilePayload
-        );
-        if (context.actions.upsert_quest_firestore) {
+        const isQuestNode = nodeToSave.is_quest || (Array.isArray(nodeToSave.type) ? nodeToSave.type.includes("quest") : nodeToSave.type === "quest");
+        const isProcessNode = nodeToSave.is_process || (Array.isArray(nodeToSave.type) ? nodeToSave.type.includes("process") : nodeToSave.type === "process");
+        if (!isQuestNode && !isProcessNode) {
+          await context.actions.save_view_data(
+            context.sceneSaveUrl,
+            viewFilePayload
+          );
+        }
+        if (isQuestNode && context.actions.upsert_quest_firestore) {
           await context.actions.upsert_quest_firestore(
             context.ownerId,
             context.sceneConfigId,
             nodeToSave
           );
+        } else if (isProcessNode && context.actions.upsert_process_firestore) {
+          await context.actions.upsert_process_firestore(
+            context.ownerId,
+            context.sceneConfigId,
+            nodeToSave
+          );
         }
       } else {
         const filenameForSpecificParent = `x_view_dbs/${ownerId}/${parentFileId}`;
@@ -3252,7 +3376,7 @@ var userActionHandlers = {
   },
   handleTriggerProcessBranch: async (context, parentProcess, selectedTemplateChild, triggeringQuestId) => {
     var _a, _b, _c;
-    const { graphDataRef, sceneDataRef, stateRef, setters, actions: actions2 } = context;
+    const { graphDataRef, sceneDataRef, stateRef, setters, actions } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     try {
       setters.setIsProcessing(true);
@@ -3314,7 +3438,7 @@ var userActionHandlers = {
           }
         ] : originalChildNode.timeline || []
       };
-      if (actions2.copy_google_doc_action && versionedChildNode.Links) {
+      if (actions.copy_google_doc_action && versionedChildNode.Links) {
         const docLinkIndex = versionedChildNode.Links.findIndex((l) => l.name === "Google docs");
         if (docLinkIndex !== -1) {
           const originalUrl = versionedChildNode.Links[docLinkIndex].value;
@@ -3322,7 +3446,7 @@ var userActionHandlers = {
             const docIdMatch = originalUrl.match(/\/d\/([a-zA-Z0-9-_]+)/);
             if (docIdMatch && docIdMatch[1]) {
               try {
-                const copyRes = await actions2.copy_google_doc_action(
+                const copyRes = await actions.copy_google_doc_action(
                   docIdMatch[1],
                   nextName,
                   (_c = sceneDataRef.current) == null ? void 0 : _c.view_google_folder_id
@@ -3385,15 +3509,15 @@ var userActionHandlers = {
         }
       }
       if (versionedChildNode.is_quest) {
-        savePromises.push(actions2.upsert_quest_firestore(ownerId, parentFileId, versionedChildNode));
-        savePromises.push(actions2.upsert_quest_link_firestore(ownerId, parentFileId, childVersionLink));
+        savePromises.push(actions.upsert_quest_firestore(ownerId, parentFileId, versionedChildNode));
+        savePromises.push(actions.upsert_quest_link_firestore(ownerId, parentFileId, childVersionLink));
       } else {
-        savePromises.push(actions2.upsert_process_firestore(ownerId, parentFileId, versionedChildNode));
-        savePromises.push(actions2.upsert_process_link_firestore(ownerId, parentFileId, childVersionLink));
+        savePromises.push(actions.upsert_process_firestore(ownerId, parentFileId, versionedChildNode));
+        savePromises.push(actions.upsert_process_link_firestore(ownerId, parentFileId, childVersionLink));
       }
       sceneDataRef.current.quest_counter = currentCounter;
-      savePromises.push(actions2.update_view_counter(ownerId, parentFileId, currentCounter));
-      savePromises.push(actions2.upsert_process_firestore(ownerId, parentFileId, parentProcess));
+      savePromises.push(actions.update_view_counter(ownerId, parentFileId, currentCounter));
+      savePromises.push(actions.upsert_process_firestore(ownerId, parentFileId, parentProcess));
       const specificParentData = graphDataRef.current[parentFileId];
       if (specificParentData) {
         specificParentData.nodes.push(...newNodes);
@@ -3560,7 +3684,7 @@ var userActionHandlers = {
   },
   handleInitiateProcess: async (context, processNode) => {
     var _a, _b, _c, _d, _e;
-    const { graphDataRef, sceneDataRef, stateRef, setters, actions: actions2 } = context;
+    const { graphDataRef, sceneDataRef, stateRef, setters, actions } = context;
     if (!graphDataRef.current || !sceneDataRef.current) return;
     try {
       setters.setIsProcessing(true);
@@ -3598,9 +3722,9 @@ var userActionHandlers = {
         target: versionedProcessId
       };
       newLinks.push(processVersionLink);
-      if (actions2.upsert_process_link_firestore) {
+      if (actions.upsert_process_link_firestore) {
         savePromises.push(
-          actions2.upsert_process_link_firestore(
+          actions.upsert_process_link_firestore(
             ownerId,
             parentFileId,
             processVersionLink
@@ -3660,7 +3784,7 @@ var userActionHandlers = {
               }
             ] : originalChildNode.timeline || []
           };
-          if (actions2.copy_google_doc_action && versionedChildNode.Links) {
+          if (actions.copy_google_doc_action && versionedChildNode.Links) {
             const docLinkIndex = versionedChildNode.Links.findIndex(
               (l) => l.name === "Google docs"
             );
@@ -3670,7 +3794,7 @@ var userActionHandlers = {
                 const docIdMatch = originalUrl.match(/\/d\/([a-zA-Z0-9-_]+)/);
                 if (docIdMatch && docIdMatch[1]) {
                   try {
-                    const copyRes = await actions2.copy_google_doc_action(
+                    const copyRes = await actions.copy_google_doc_action(
                       docIdMatch[1],
                       nextName,
                       (_d = sceneDataRef.current) == null ? void 0 : _d.view_google_folder_id
@@ -3719,34 +3843,34 @@ var userActionHandlers = {
             newLinks.push(...subResult.newLinks);
             savePromises.push(...subResult.savePromises);
           }
-          if (versionedChildNode.is_quest && actions2.upsert_quest_firestore) {
+          if (versionedChildNode.is_quest && actions.upsert_quest_firestore) {
             savePromises.push(
-              actions2.upsert_quest_firestore(
+              actions.upsert_quest_firestore(
                 ownerId,
                 parentFileId,
                 versionedChildNode
               )
             );
-            if (actions2.upsert_quest_link_firestore) {
+            if (actions.upsert_quest_link_firestore) {
               savePromises.push(
-                actions2.upsert_quest_link_firestore(
+                actions.upsert_quest_link_firestore(
                   ownerId,
                   parentFileId,
                   childVersionLink
                 )
               );
             }
-          } else if (versionedChildNode.is_process && actions2.upsert_process_firestore) {
+          } else if (versionedChildNode.is_process && actions.upsert_process_firestore) {
             savePromises.push(
-              actions2.upsert_process_firestore(
+              actions.upsert_process_firestore(
                 ownerId,
                 parentFileId,
                 versionedChildNode
               )
             );
-            if (actions2.upsert_process_link_firestore) {
+            if (actions.upsert_process_link_firestore) {
               savePromises.push(
-                actions2.upsert_process_link_firestore(
+                actions.upsert_process_link_firestore(
                   ownerId,
                   parentFileId,
                   childVersionLink
@@ -3763,14 +3887,14 @@ var userActionHandlers = {
         versionedProcess.process_abstraction_tree.node_id = versionedProcessId;
       }
       sceneDataRef.current.quest_counter = currentCounter;
-      if (actions2.update_view_counter) {
+      if (actions.update_view_counter) {
         savePromises.push(
-          actions2.update_view_counter(ownerId, parentFileId, currentCounter)
+          actions.update_view_counter(ownerId, parentFileId, currentCounter)
         );
       }
-      if (actions2.upsert_process_firestore) {
+      if (actions.upsert_process_firestore) {
         savePromises.push(
-          actions2.upsert_process_firestore(
+          actions.upsert_process_firestore(
             ownerId,
             parentFileId,
             versionedProcess
@@ -3811,7 +3935,7 @@ var userActionHandlers = {
         );
       } else {
         savePromises.push(
-          actions2.save_view_data(
+          actions.save_view_data(
             `x_view_dbs/${ownerId}/${parentFileId}`,
             specificParentData
           )
@@ -3862,7 +3986,7 @@ var userActionHandlers = {
 var SECTION_SPLIT_REGEX = /\*\/\s*(\d+)(?::([a-zA-Z0-9-]+))?\s*\//;
 var MENTION_REGEX = /\[\[MENTION:node:([a-zA-Z0-9\-_]+)\]\]/g;
 var IMAGE_MENTION_REGEX = /\[\[MENTION:image:([^|\]]+)\|?([^\]]*)\]\]/g;
-var LINK_REGEX = /\[([^\]]+)\]\((https?:\/\/[^\)]+)\)/g;
+var LINK_REGEX = /\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g;
 var UNIQUE_PROP_TYPES = ["links", "images", "date", "documents"];
 var QUEST_STATUS_COLORS = {
   Backlog: "#64748b",
@@ -3925,7 +4049,7 @@ var resolveDescriptionReference = (refString, availableNodes = [], availableAnce
     /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/
   );
   if (!match) return null;
-  const [_, type, itemId, sectionId] = match;
+  const [, type, itemId, sectionId] = match;
   let sourceItem = null;
   if (type === "node") {
     sourceItem = availableNodes.find((n) => String(n.id) === String(itemId));
@@ -3957,7 +4081,7 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   const allAncestries = ancestryData || [];
   text = text.replace(
     /\[\[REF:(node|ancestry):([a-zA-Z0-9\-_]+):([a-zA-Z0-9\-_]+)\]\]/g,
-    (match, type, itemId, sectionId) => {
+    (match) => {
       const resolved = resolveDescriptionReference(
         match,
         allNodes,
@@ -3986,7 +4110,7 @@ function formatDescriptionForTooltip(rawText, parentData, ancestryData) {
   text = text.replace(/^#+\s*/gm, "");
   text = text.replace(/```[\s\S]*?```/g, "[C\xF3digo]");
   text = text.replace(/-\s\[[xX ]\]\s*/g, "\u2022 ");
-  text = text.replace(/\[([^\]]+)\]\((https?:\/\/[^\)]+)\)/g, "$1");
+  text = text.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, "$1");
   return text.trim();
 }
 function generateTooltipHtml(data, parentData, ancestryData) {
@@ -4622,7 +4746,8 @@ function createTimelineEntry(actorId, description, type = "comment", extras = {}
       id: img.id || (0, import_uuid.v4)(),
       name: img.name || "",
       value: img.value || ""
-    }))
+    })),
+    metadata
   };
 }
 function calculateNextRecurrenceDate(config) {
@@ -4633,14 +4758,15 @@ function calculateNextRecurrenceDate(config) {
     case "daily":
       nextDate.setDate(now.getDate() + 1);
       break;
-    case "weekly":
+    case "weekly": {
       const targetDay = parseInt(config.day_of_week, 10);
       const currentDay = now.getDay();
       let daysUntilNext = targetDay - currentDay;
       if (daysUntilNext <= 0) daysUntilNext += 7;
       nextDate.setDate(now.getDate() + daysUntilNext);
       break;
-    case "monthly":
+    }
+    case "monthly": {
       const dayOfMonth = parseInt(config.day_of_month || 1, 10);
       let mYear = now.getFullYear();
       let mMonth = now.getMonth();
@@ -4653,7 +4779,8 @@ function calculateNextRecurrenceDate(config) {
       }
       nextDate = mDate;
       break;
-    case "custom":
+    }
+    case "custom": {
       if (config.custom_date) {
         const parts = config.custom_date.split("/");
         if (parts.length === 3) {
@@ -4669,6 +4796,7 @@ function calculateNextRecurrenceDate(config) {
         return null;
       }
       break;
+    }
     default:
       return null;
   }
@@ -4681,6 +4809,11 @@ function calculateNextRecurrenceDate(config) {
     confirmed: true
   };
 }
+var createSafeDate = (year, month = 0, day = 1) => {
+  const d = /* @__PURE__ */ new Date();
+  d.setFullYear(year, month, day);
+  return d;
+};
 var parseDate = (str) => {
   if (!str) return null;
   const parts = str.split("/");
@@ -4689,7 +4822,7 @@ var parseDate = (str) => {
     const month = parseInt(parts[1], 10) - 1;
     const year = parseInt(parts[2], 10);
     if (!isNaN(day) && !isNaN(month) && !isNaN(year)) {
-      return new Date(year, month, day);
+      return createSafeDate(year, month, day);
     }
   }
   return null;
@@ -4744,7 +4877,7 @@ var parseDateProp = (dateProp) => {
   } else if (dateProp.year) {
     const y = parseInt(dateProp.year, 10);
     if (!isNaN(y)) {
-      const d = new Date(y, 0, 1);
+      const d = createSafeDate(y, 0, 1);
       info = {
         startDate: d,
         endDate: d,
@@ -4757,8 +4890,8 @@ var parseDateProp = (dateProp) => {
     const sY = parseInt(dateProp.date_interval.start, 10);
     const eY = parseInt(dateProp.date_interval.end, 10) || sY;
     if (!isNaN(sY)) {
-      const sd = new Date(sY, 0, 1);
-      const ed = new Date(eY, 11, 31);
+      const sd = createSafeDate(sY, 0, 1);
+      const ed = createSafeDate(eY, 11, 31);
       info = {
         startDate: sd,
         endDate: ed,
@@ -5587,6 +5720,7 @@ function XViewSidebar({
   const [showList, setShowList] = (0, import_react3.useState)(false);
   const [selectedNodeId, setSelectedNodeId] = (0, import_react3.useState)(null);
   const [isSaving, setIsSaving] = (0, import_react3.useState)(false);
+  const [isNavigatingBack, setIsNavigatingBack] = (0, import_react3.useState)(false);
   const [activeFilters, setActiveFilters] = (0, import_react3.useState)([]);
   const [isFilterMenuOpen, setIsFilterMenuOpen] = (0, import_react3.useState)(false);
   const [filterCategory, setFilterCategory] = (0, import_react3.useState)("Type");
@@ -5792,12 +5926,16 @@ function XViewSidebar({
   };
   const handleAddFilter = () => {
     if (!filterValue.trim()) return;
-    setActiveFilters((prev) => [
-      ...prev,
-      { type: filterCategory, value: filterValue.trim() }
-    ]);
+    const exists = activeFilters.some(
+      (f) => f.type === filterCategory && f.value.trim().toLowerCase() === filterValue.trim().toLowerCase()
+    );
+    if (!exists) {
+      setActiveFilters((prev) => [
+        ...prev,
+        { type: filterCategory, value: filterValue.trim() }
+      ]);
+    }
     setFilterValue("");
-    setIsFilterMenuOpen(false);
   };
   const handleRemoveFilter = (index) => {
     setActiveFilters((prev) => prev.filter((_, i) => i !== index));
@@ -6331,15 +6469,63 @@ function XViewSidebar({
           /* @__PURE__ */ import_react3.default.createElement("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
         ),
         "Filters"
-      ), isFilterMenuOpen && /* @__PURE__ */ import_react3.default.createElement("div", { className: "absolute right-0 top-full mt-2 w-56 p-3 rounded-lg bg-slate-900 border border-white/10 shadow-xl z-50 flex flex-col gap-3 animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react3.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Filtro"), /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex bg-slate-800/50 p-1 rounded-md" }, ["Type", "Color", "Dataset"].map((opt) => /* @__PURE__ */ import_react3.default.createElement(
+      ), isFilterMenuOpen && /* @__PURE__ */ import_react3.default.createElement("div", { className: "absolute right-0 top-full mt-2 w-64 p-3 rounded-lg bg-slate-900 border border-white/10 shadow-xl z-50 flex flex-col gap-3 animate-in fade-in zoom-in-95 duration-100" }, activeFilters.length > 0 && /* @__PURE__ */ import_react3.default.createElement("div", { className: "space-y-1.5 border-b border-white/10 pb-2 mb-0.5" }, /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react3.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Ativos (", activeFilters.length, ")"), /* @__PURE__ */ import_react3.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: () => setActiveFilters([]),
+          className: "text-[9px] text-red-400 hover:text-red-300 transition-colors uppercase font-bold tracking-wider"
+        },
+        "Limpar tudo"
+      )), /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex flex-wrap gap-1 max-h-24 overflow-y-auto custom-scrollbar pt-1" }, activeFilters.map((filter, idx) => /* @__PURE__ */ import_react3.default.createElement(
+        "span",
+        {
+          key: idx,
+          className: "flex items-center gap-1 bg-indigo-500/20 text-indigo-200 border border-indigo-500/30 px-1.5 py-0.5 rounded text-[10px] max-w-full font-medium"
+        },
+        filter.type === "Color" && /* @__PURE__ */ import_react3.default.createElement(
+          "span",
+          {
+            className: "inline-block w-2 h-2 rounded-full border border-white/20",
+            style: { backgroundColor: filter.value }
+          }
+        ),
+        /* @__PURE__ */ import_react3.default.createElement("span", { className: "truncate max-w-[100px]" }, filter.type, ": ", filter.value),
+        /* @__PURE__ */ import_react3.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleRemoveFilter(idx),
+            className: "hover:text-red-400 transition-colors ml-0.5",
+            title: "Remover"
+          },
+          /* @__PURE__ */ import_react3.default.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "10",
+              height: "10",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            },
+            /* @__PURE__ */ import_react3.default.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+            /* @__PURE__ */ import_react3.default.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+          )
+        )
+      )))), /* @__PURE__ */ import_react3.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react3.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Filtro"), /* @__PURE__ */ import_react3.default.createElement("div", { className: "flex bg-slate-800/50 p-1 rounded-md" }, ["Type", "Color", "Dataset"].map((opt) => /* @__PURE__ */ import_react3.default.createElement(
         "button",
         {
           key: opt,
+          type: "button",
           onClick: () => {
             setFilterCategory(opt);
             setFilterValue("");
           },
-          className: `flex-1 text-xs py-1 rounded transition-colors ${filterCategory === opt ? "bg-indigo-600 text-white" : "text-slate-400 hover:text-slate-200"}`
+          className: `flex-1 text-[11px] py-1 rounded transition-colors ${filterCategory === opt ? "bg-indigo-600 text-white font-medium" : "text-slate-400 hover:text-slate-200"}`
         },
         opt
       )))), /* @__PURE__ */ import_react3.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react3.default.createElement("label", { className: "text-[10px] uppercase text-slate-400 font-semibold tracking-wider" }, "Valor"), /* @__PURE__ */ import_react3.default.createElement("div", { className: "relative", ref: typeDropdownRef }, /* @__PURE__ */ import_react3.default.createElement(
@@ -6376,11 +6562,12 @@ function XViewSidebar({
       )))), /* @__PURE__ */ import_react3.default.createElement(
         "button",
         {
+          type: "button",
           onClick: handleAddFilter,
           disabled: !filterValue.trim(),
-          className: "w-full py-1.5 bg-indigo-600 hover:bg-indigo-500 disabled:opacity-50 text-white text-xs font-medium rounded transition-colors"
+          className: "w-full py-1.5 bg-indigo-600 hover:bg-indigo-500 disabled:opacity-50 text-white text-xs font-semibold rounded transition-colors"
         },
-        "Aplicar Filtro"
+        "Adicionar Filtro"
       ))))), /* @__PURE__ */ import_react3.default.createElement("div", { className: "h-px bg-white/10" }), /* @__PURE__ */ import_react3.default.createElement("button", { onClick: onOpenImportModal, className: buttonBaseClass }, /* @__PURE__ */ import_react3.default.createElement(import_fi2.FiPlus, { size: 16 }), "Importar Datasets / Views"), importSuccessMessage && /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-[10px] text-emerald-400 animate-pulse px-1 font-medium -mt-1" }, importSuccessMessage), /* @__PURE__ */ import_react3.default.createElement("section", { className: "space-y-2" }, /* @__PURE__ */ import_react3.default.createElement("p", { className: "text-[11px] uppercase tracking-wider text-slate-400" }, "Lentes"), /* @__PURE__ */ import_react3.default.createElement("div", { className: "relative", ref: questLensRef }, /* @__PURE__ */ import_react3.default.createElement(
         "button",
         {
@@ -6482,7 +6669,45 @@ function XViewSidebar({
           className: isSaving ? buttonDisabledClass : buttonBaseClass
         },
         isSaving ? "Salvando..." : "Atualizar cen\xE1rio inicial"
-      ), /* @__PURE__ */ import_react3.default.createElement("button", { onClick: onNavigateBack, className: buttonBaseClass }, "Voltar ao Dashboard"))),
+      ), /* @__PURE__ */ import_react3.default.createElement(
+        "button",
+        {
+          onClick: () => {
+            setIsNavigatingBack(true);
+            onNavigateBack();
+          },
+          disabled: isNavigatingBack,
+          className: isNavigatingBack ? buttonDisabledClass : buttonBaseClass
+        },
+        isNavigatingBack ? /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(
+          "svg",
+          {
+            className: "animate-spin h-4 w-4",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24"
+          },
+          /* @__PURE__ */ import_react3.default.createElement(
+            "circle",
+            {
+              className: "opacity-25",
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "currentColor",
+              strokeWidth: "4"
+            }
+          ),
+          /* @__PURE__ */ import_react3.default.createElement(
+            "path",
+            {
+              className: "opacity-75",
+              fill: "currentColor",
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+            }
+          )
+        ), "Voltar ao Dashboard") : "Voltar ao Dashboard"
+      ))),
       contextLabel && /* @__PURE__ */ import_react3.default.createElement("div", { className: "px-4 py-3 border-t border-white/10 bg-slate-900/50 truncate text-sm font-medium text-slate-200" }, contextLabel),
       /* @__PURE__ */ import_react3.default.createElement("div", { className: "h-[2px] bg-gradient-to-r from-indigo-400/0 via-indigo-400/70 to-indigo-400/0" })
     ),
@@ -6551,6 +6776,11 @@ function CustomPropertyDisplay({
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     const targetIndex = currentUploadTargetRef.current;
     if (!file || targetIndex === null || !onUploadFile) return;
+    const MAX_SIZE = 10 * 1024 * 1024;
+    if (file.size > MAX_SIZE) {
+      alert("O arquivo \xE9 muito grande. O limite m\xE1ximo de tamanho permitido \xE9 de 10MB.");
+      return;
+    }
     try {
       setUploadingItemIndex(targetIndex);
       const formData = new FormData();
@@ -6635,9 +6865,9 @@ function CustomPropertyDisplay({
   };
   const handleRemoveListItem = (j) => setTempProp((p) => ({ ...p, value: p.value.filter((_, k) => k !== j) }));
   const handleListItemChange = (j, f, v) => setTempProp((p) => {
-    const newValue2 = [...p.value];
-    newValue2[j] = { ...newValue2[j], [f]: v };
-    return { ...p, value: newValue2 };
+    const newValue = [...p.value];
+    newValue[j] = { ...newValue[j], [f]: v };
+    return { ...p, value: newValue };
   });
   const baseInput = "w-full bg-slate-800/70 p-2 text-sm rounded-lg border border-white/10 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400/60 transition-all duration-150";
   const renderEditView = () => {
@@ -6691,14 +6921,14 @@ function CustomPropertyDisplay({
           const inputClass = `${baseInput} ${noSpinnerClass}`;
           const handleDateTypeChange = (newDateType) => {
             var _a3, _b2, _c2;
-            let newValue2 = { type: newDateType };
+            let newValue = { type: newDateType };
             if (newDateType === "Date Interval") {
-              newValue2.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
-              newValue2.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
+              newValue.start = ((_a3 = tempProp.value) == null ? void 0 : _a3.start) || "";
+              newValue.end = ((_b2 = tempProp.value) == null ? void 0 : _b2.end) || "";
             } else {
-              newValue2.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
+              newValue.value = ((_c2 = tempProp.value) == null ? void 0 : _c2.type) === newDateType ? tempProp.value.value : "";
             }
-            handlePropChange("value", newValue2);
+            handlePropChange("value", newValue);
           };
           const handleDateValueChange = (dateField, dateValue) => {
             handlePropChange("value", { ...tempProp.value, [dateField]: dateValue });
@@ -9495,7 +9725,7 @@ function CreateAncestryPanel({
     }
   };
   const sideActions = (0, import_react11.useMemo)(() => {
-    const actions2 = { left: null, right: null };
+    const actions = { left: null, right: null };
     const isInBranch = branchStack.length > 0;
     if (internalHighlightedNodeId) {
       const found = findNodePath2(activeTree, internalHighlightedNodeId);
@@ -9503,13 +9733,13 @@ function CreateAncestryPanel({
         const branches = found.node.parallel_branches || [];
         const leftBranch = branches.find((b) => (b.direction || "right") === "left");
         if (leftBranch) {
-          actions2.left = {
+          actions.left = {
             type: "open",
             label: "Editar Branch Esq.",
             onClick: () => handleBranchNav(internalHighlightedNodeId, "open", "left")
           };
         } else {
-          actions2.left = {
+          actions.left = {
             type: "create",
             label: "Criar Branch Esq.",
             onClick: () => handleBranchNav(internalHighlightedNodeId, "open", "left")
@@ -9517,32 +9747,32 @@ function CreateAncestryPanel({
         }
         const rightBranch = branches.find((b) => (b.direction || "right") === "right");
         if (rightBranch) {
-          actions2.right = {
+          actions.right = {
             type: "open",
             label: "Editar Branch Dir.",
             onClick: () => handleBranchNav(internalHighlightedNodeId, "open", "right")
           };
         } else {
-          actions2.right = {
+          actions.right = {
             type: "create",
             label: "Criar Branch Dir.",
             onClick: () => handleBranchNav(internalHighlightedNodeId, "open", "right")
           };
         }
       }
-      return actions2;
+      return actions;
     }
     if (isInBranch && isAtStartOfBranch) {
       const lastStep = branchStack[branchStack.length - 1];
       const entryDir = lastStep.entryDirection || "right";
       const backSide = entryDir === "right" ? "left" : "right";
-      actions2[backSide] = {
+      actions[backSide] = {
         type: "back",
         label: "Voltar",
         onClick: () => handleBranchNav(null, "back")
       };
     }
-    return actions2;
+    return actions;
   }, [internalHighlightedNodeId, branchStack, activeTree, isAtStartOfBranch]);
   const applyDescriptionToTree = (baseTree, descText, descSections) => {
     const rootTreeClone = JSON.parse(JSON.stringify(baseTree));
@@ -11580,9 +11810,9 @@ function InSceneCreationForm({
   };
   const handleToggleImageMode = () => {
     var _a2, _b;
-    const newValue2 = !useImageAsTexture;
-    setUseImageAsTexture(newValue2);
-    if (newValue2) {
+    const newValue = !useImageAsTexture;
+    setUseImageAsTexture(newValue);
+    if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a2 = firstImageProp.value) == null ? void 0 : _a2[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -12057,9 +12287,9 @@ function InSceneVersionForm({
   };
   const handleToggleImageMode = () => {
     var _a, _b;
-    const newValue2 = !useImageAsTexture;
-    setUseImageAsTexture(newValue2);
-    if (newValue2) {
+    const newValue = !useImageAsTexture;
+    setUseImageAsTexture(newValue);
+    if (newValue) {
       const firstImageProp = customProps.find((p) => p.type === "images");
       if (firstImageProp && ((_b = (_a = firstImageProp.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)) {
         const url = firstImageProp.value[0].value;
@@ -13631,6 +13861,7 @@ function NodeDetailsPanel({
     }
   };
   const handleToggleImageMode = () => {
+    const newValue = !useImageAsTexture;
     setUseImageAsTexture(newValue);
     setHasUnsavedChanges(true);
     let activeUrl = null;
@@ -19107,7 +19338,13 @@ function MilestoneManager({
 // src/components/UpgradeModal.jsx
 var import_react36 = __toESM(require("react"));
 var import_lucide_react = require("lucide-react");
-function UpgradeModal({ isOpen, onClose, nodeCounter }) {
+function UpgradeModal({
+  isOpen,
+  onClose,
+  nodeCounter,
+  nodeLimit = 100,
+  onUpgrade
+}) {
   if (!isOpen) return null;
   return /* @__PURE__ */ import_react36.default.createElement("div", { className: "fixed inset-0 z-[10000] flex items-center justify-center p-4" }, /* @__PURE__ */ import_react36.default.createElement("style", null, `
         @keyframes modalShow {
@@ -19133,12 +19370,16 @@ function UpgradeModal({ isOpen, onClose, nodeCounter }) {
       className: "absolute top-6 right-6 p-2 rounded-full hover:bg-white/5 text-white/40 hover:text-white transition-all duration-300"
     },
     /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.X, { size: 20 })
-  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-20 h-20 rounded-[2rem] bg-gradient-to-br from-sky-400 to-indigo-600 p-[1px] mb-8 shadow-lg shadow-sky-500/20" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full h-full rounded-[2rem] bg-[#0d1117] flex items-center justify-center" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Zap, { className: "text-sky-400 fill-sky-400/20", size: 32 }))), /* @__PURE__ */ import_react36.default.createElement("h2", { className: "text-3xl font-bold text-white mb-4 tracking-tight" }, "Limite de Nodes", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-indigo-400" }, "Atingido")), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/60 text-lg leading-relaxed mb-10 max-w-md" }, "Voc\xEA atingiu o limite de", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-white font-semibold" }, "50.000 nodes"), " do seu plano Free. Seu universo est\xE1 crescendo r\xE1pido!"), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full grid grid-cols-2 gap-4 mb-10" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Status Atual"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-white" }, nodeCounter, " / 50000")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Pr\xF3ximo Plano"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-sky-400" }, "Ilimitado"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full space-y-4 mb-10 text-left px-4" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Rocket, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Nodes, Quests e Processos ilimitados")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.ShieldCheck, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Suporte priorit\xE1rio e recursos exclusivos"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react36.default.createElement(
+  ), /* @__PURE__ */ import_react36.default.createElement("div", { className: "p-12 flex flex-col items-center text-center" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-20 h-20 rounded-[2rem] bg-gradient-to-br from-sky-400 to-indigo-600 p-[1px] mb-8 shadow-lg shadow-sky-500/20" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full h-full rounded-[2rem] bg-[#0d1117] flex items-center justify-center" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Zap, { className: "text-sky-400 fill-sky-400/20", size: 32 }))), /* @__PURE__ */ import_react36.default.createElement("h2", { className: "text-3xl font-bold text-white mb-4 tracking-tight" }, "Limite de Nodes", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "bg-clip-text text-transparent bg-gradient-to-r from-sky-400 to-indigo-400" }, "Atingido")), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/60 text-lg leading-relaxed mb-10 max-w-md" }, "Voc\xEA atingiu o limite de", " ", /* @__PURE__ */ import_react36.default.createElement("span", { className: "text-white font-semibold" }, nodeLimit, " nodes"), " ", "do seu plano Free. Seu universo est\xE1 crescendo r\xE1pido!"), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full grid grid-cols-2 gap-4 mb-10" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Status Atual"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-white" }, nodeCounter, " / ", nodeLimit)), /* @__PURE__ */ import_react36.default.createElement("div", { className: "bg-white/5 border border-white/10 rounded-3xl p-6 backdrop-blur-md" }, /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-white/30 text-[10px] font-bold uppercase tracking-widest mb-1" }, "Pr\xF3ximo Plano"), /* @__PURE__ */ import_react36.default.createElement("p", { className: "text-2xl font-bold text-sky-400" }, "Ilimitado"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full space-y-4 mb-10 text-left px-4" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.Rocket, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Cria\xE7\xE3o de Nodes ilimitada")), /* @__PURE__ */ import_react36.default.createElement("div", { className: "flex items-center gap-3 text-white/70 text-sm" }, /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-6 h-6 rounded-full bg-sky-500/10 flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react36.default.createElement(import_lucide_react.ShieldCheck, { size: 14, className: "text-sky-400" })), /* @__PURE__ */ import_react36.default.createElement("span", null, "Acesso expandido \xE0s funcionalidades colaborativas e de comunidade"))), /* @__PURE__ */ import_react36.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react36.default.createElement(
     "button",
     {
       className: "w-full py-5 rounded-[1.5rem] bg-gradient-to-r from-sky-500 to-indigo-600 text-white font-bold text-sm uppercase tracking-widest hover:shadow-[0_0_30px_-5px_rgba(56,189,248,0.5)] hover:scale-[1.02] active:scale-95 transition-all duration-300 flex items-center justify-center gap-2",
-      onClick: () => {
-        alert("Redirecionando para upgrade... (Em breve)");
+      onClick: async () => {
+        if (onUpgrade) {
+          await onUpgrade();
+        } else {
+          alert("Redirecionando para upgrade... (Em breve)");
+        }
         onClose();
       }
     },
@@ -19179,7 +19420,62 @@ var TIMELINE_LAYER_SPACING_Y = 25;
 var TIMELINE_NODE_SPACING_X = 20;
 var TIMELINE_INTERVAL_BAR_RADIUS = 0.2;
 var TIMELINE_INTERVAL_BAR_OPACITY = 0.85;
-var TIMELINE_GOLD_COLOR = 16766720;
+var TIMELINE_BLUE_COLOR = 30719;
+var TIMELINE_BRACKET_WIDTH = 4;
+var createTimelineIntervalBracket = () => {
+  const group = new THREE3.Group();
+  group.name = "timelineIntervalBracket";
+  const barMaterial = new THREE3.MeshStandardMaterial({
+    color: TIMELINE_BLUE_COLOR,
+    emissive: 17578,
+    emissiveIntensity: 0.5,
+    transparent: true,
+    opacity: TIMELINE_INTERVAL_BAR_OPACITY,
+    roughness: 0.3,
+    metalness: 0.8
+  });
+  const geoHorizontal = new THREE3.CylinderGeometry(
+    TIMELINE_INTERVAL_BAR_RADIUS,
+    TIMELINE_INTERVAL_BAR_RADIUS,
+    1,
+    16
+  );
+  const geoVertical = new THREE3.CylinderGeometry(
+    TIMELINE_INTERVAL_BAR_RADIUS,
+    TIMELINE_INTERVAL_BAR_RADIUS,
+    1,
+    16
+  );
+  const bottomArm = new THREE3.Mesh(geoHorizontal, barMaterial);
+  bottomArm.rotation.z = Math.PI / 2;
+  const verticalStem = new THREE3.Mesh(geoVertical, barMaterial);
+  const topArm = new THREE3.Mesh(geoHorizontal.clone(), barMaterial);
+  topArm.rotation.z = Math.PI / 2;
+  group.add(bottomArm);
+  group.add(verticalStem);
+  group.add(topArm);
+  group.userData.bottomArm = bottomArm;
+  group.userData.verticalStem = verticalStem;
+  group.userData.topArm = topArm;
+  return group;
+};
+var updateTimelineIntervalBracket = (group, startPos, endPos) => {
+  if (!group || !group.userData.bottomArm) return;
+  const { bottomArm, verticalStem, topArm } = group.userData;
+  const w = TIMELINE_BRACKET_WIDTH;
+  const z = -0.5;
+  const p1 = new THREE3.Vector3(startPos.x, startPos.y, z);
+  const p2 = new THREE3.Vector3(startPos.x - w, startPos.y, z);
+  const p3 = new THREE3.Vector3(endPos.x - w, endPos.y, z);
+  const p4 = new THREE3.Vector3(endPos.x, endPos.y, z);
+  bottomArm.scale.y = w;
+  bottomArm.position.set((p1.x + p2.x) / 2, p1.y, z);
+  const verticalLen = Math.abs(p3.y - p2.y);
+  verticalStem.scale.y = Math.max(verticalLen, 1e-3);
+  verticalStem.position.set(p2.x, (p2.y + p3.y) / 2, z);
+  topArm.scale.y = w;
+  topArm.position.set((p3.x + p4.x) / 2, p3.y, z);
+};
 var QUEST_LENS_COLUMN_SPACING = 80;
 var QUEST_LENS_ROW_SPACING = 40;
 var getAllNodeIdsFromTree = (treeNode) => {
@@ -19246,7 +19542,8 @@ function XViewScene({
   delete_process_firestore,
   upsert_process_link_firestore,
   delete_process_link_firestore,
-  update_node_counter
+  update_node_counter,
+  onUpgrade
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   const { data: session, status } = (0, import_react38.useSession)();
@@ -19263,6 +19560,11 @@ function XViewScene({
     }
     return null;
   }, [encryptedConfig, session]);
+  (0, import_react37.useEffect)(() => {
+    if (viewParams == null ? void 0 : viewParams.name) {
+      document.title = `${viewParams.name} - x.plore`;
+    }
+  }, [viewParams == null ? void 0 : viewParams.name]);
   (0, import_react37.useEffect)(() => {
     async function verifyPermission() {
       if (!viewParams || !session || !check_user_permission) return;
@@ -19426,6 +19728,7 @@ function XViewScene({
   const [isMilestoneManagerOpen, setIsMilestoneManagerOpen] = (0, import_react37.useState)(false);
   const [nodeCounter, setNodeCounter] = (0, import_react37.useState)(0);
   const [isUpgradeModalOpen, setIsUpgradeModalOpen] = (0, import_react37.useState)(false);
+  const [nodeLimit, setNodeLimit] = (0, import_react37.useState)(100);
   const mountRef = (0, import_react37.useRef)(null);
   const tooltipRef = (0, import_react37.useRef)(null);
   const formRef = (0, import_react37.useRef)(null);
@@ -19861,7 +20164,9 @@ function XViewScene({
         const month = parseInt(parts[1], 10) - 1;
         const year = parseInt(parts[2], 10);
         if (!isNaN(day) && !isNaN(month) && !isNaN(year)) {
-          return new Date(year, month, day);
+          const d = /* @__PURE__ */ new Date();
+          d.setFullYear(year, month, day);
+          return d;
         }
       }
       return null;
@@ -19918,10 +20223,12 @@ function XViewScene({
     });
     const timelineWidth = (columns.length > 0 ? columns.length - 1 : 0) * TIMELINE_NODE_SPACING_X;
     const offsetX = -timelineWidth / 2;
+    const allFinalPoints = [];
     timelineNodes.forEach((node) => {
       const { mesh, type, startDate, endDate, label, columnIndex, isUndated } = node;
       const x = columnIndex * TIMELINE_NODE_SPACING_X + offsetX;
       const y = isUndated ? 0 : timeToYMap.get(startDate.getTime());
+      allFinalPoints.push(new THREE3.Vector3(x, y, 0));
       const timelineTween = new import_tween2.Tween(mesh.position).to({ x, y, z: 0 }, 1500).easing(import_tween2.Easing.Cubic.InOut);
       tweenGroup.add(timelineTween);
       timelineTween.start();
@@ -19934,25 +20241,16 @@ function XViewScene({
         if (type === "interval") {
           const endY = timeToYMap.get(endDate.getTime());
           if (endY > y) {
-            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);
+            allFinalPoints.push(new THREE3.Vector3(x, endY, 0));
+            const intervalBar = createTimelineIntervalBracket();
             intervalBar.userData.associatedNodeId = mesh.userData.id;
             const endPosition = new THREE3.Vector3(x, endY, -0.5);
             intervalBar.userData.endPosition = endPosition;
+            updateTimelineIntervalBracket(
+              intervalBar,
+              new THREE3.Vector3(x, y, 0),
+              endPosition
+            );
             timelineIntervalsGroup.add(intervalBar);
             const endLabelText = endDate.getFullYear().toString();
             const endLabel = createTextSprite(endLabelText, 48);
@@ -19965,7 +20263,21 @@ function XViewScene({
         }
       }
     });
-  }, []);
+    if (allFinalPoints.length > 0) {
+      const boundingBox = new THREE3.Box3().setFromPoints(allFinalPoints);
+      const center = new THREE3.Vector3();
+      boundingBox.getCenter(center);
+      const size = new THREE3.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 * 0.75
+      );
+      const zoomFactor = x_view_config.CAMERA_ZOOM_DISTANCE / desiredDistance;
+      tweenToTarget(center, zoomFactor);
+    }
+  }, [tweenToTarget]);
   const handleVersionTimeline = (0, import_react37.useCallback)(
     (sourceMesh, versionMeshes) => {
       const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
@@ -20001,7 +20313,9 @@ function XViewScene({
           const month = parseInt(parts[1], 10) - 1;
           const year = parseInt(parts[2], 10);
           if (!isNaN(day) && !isNaN(month) && !isNaN(year)) {
-            return new Date(year, month, day);
+            const d = /* @__PURE__ */ new Date();
+            d.setFullYear(year, month, day);
+            return d;
           }
         }
         return null;
@@ -20072,22 +20386,7 @@ function XViewScene({
         if (type === "interval") {
           const relativeEndY = timeToYMap.get(endDate.getTime()) - timeToYMap.get(startDate.getTime());
           if (relativeEndY > 0) {
-            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);
+            const intervalBar = createTimelineIntervalBracket();
             intervalBar.userData.associatedNodeId = mesh.userData.id;
             const endPosition = new THREE3.Vector3(
               baseX,
@@ -20095,6 +20394,11 @@ function XViewScene({
               -0.5
             );
             intervalBar.userData.endPosition = endPosition;
+            updateTimelineIntervalBracket(
+              intervalBar,
+              new THREE3.Vector3(x, y, 0),
+              endPosition
+            );
             timelineIntervalsGroup.add(intervalBar);
             const endLabelText = endDate.getFullYear().toString();
             const endLabel = createTextSprite(endLabelText, 48);
@@ -20187,6 +20491,9 @@ function XViewScene({
             ancestryDataRef.current
           );
           setNodeCounter(sceneResponse.data.node_counter || 0);
+          if (sceneResponse.data.node_limit !== void 0) {
+            setNodeLimit(sceneResponse.data.node_limit);
+          }
           setIsInitialized(true);
         } else {
           console.error(
@@ -20587,25 +20894,15 @@ function XViewScene({
             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);
+              const intervalBar = createTimelineIntervalBracket();
               intervalBar.userData.associatedNodeId = mesh.userData.id;
-              intervalBar.position.set(finalX, (targetY + endY) / 2, -0.5);
-              intervalBar.scale.y = barHeight;
+              const endPosition = new THREE3.Vector3(finalX, endY, -0.5);
+              intervalBar.userData.endPosition = endPosition;
+              updateTimelineIntervalBracket(
+                intervalBar,
+                new THREE3.Vector3(finalX, targetY, 0),
+                endPosition
+              );
               graphGroup.add(intervalBar);
               mesh.userData.timelineIntervalBar = intervalBar;
               const endLabel = createTextSprite(
@@ -21374,23 +21671,12 @@ function XViewScene({
         }
       });
       (_a2 = stateRef.current.timelineIntervalsGroup) == null ? void 0 : _a2.children.forEach((obj) => {
-        if (obj.isMesh && obj.userData.associatedNodeId && obj.userData.endPosition) {
+        if (obj.userData.associatedNodeId && obj.userData.endPosition) {
           const bar = obj;
           const node = stateRef.current.nodeObjects[String(bar.userData.associatedNodeId)];
           const endPos = bar.userData.endPosition;
           if (node) {
-            const startPos = node.position;
-            const distance = startPos.distanceTo(endPos);
-            bar.scale.y = distance;
-            const midpoint = new THREE3.Vector3().lerpVectors(
-              startPos,
-              endPos,
-              0.5
-            );
-            bar.position.copy(midpoint);
-            const direction = new THREE3.Vector3().subVectors(endPos, startPos).normalize();
-            const upVector = new THREE3.Vector3(0, 1, 0);
-            bar.quaternion.setFromUnitVectors(upVector, direction);
+            updateTimelineIntervalBracket(bar, node.position, endPos);
           }
         }
       });
@@ -21866,7 +22152,8 @@ function XViewScene({
         handleRenderProcessAbstractionTree,
         nodeCounter,
         checkLimit: (countToAdd = 1) => {
-          if (nodeCounter + countToAdd > 5e4) {
+          if (nodeLimit === -1) return false;
+          if (nodeCounter + countToAdd > nodeLimit) {
             setIsUpgradeModalOpen(true);
             return true;
           }
@@ -22427,7 +22714,7 @@ function XViewScene({
       sceneDataRef: sceneDataRef2,
       stateRef: stateRef2,
       setters,
-      actions: actions2,
+      actions,
       sceneSaveUrl: sceneSaveUrl2,
       viewType,
       sceneConfigId: sceneConfigId2,
@@ -22445,11 +22732,11 @@ function XViewScene({
     const currentCounter = sceneDataRef2.current.quest_counter || 1;
     const nextCounter = currentCounter + 1;
     try {
-      if (actions2.upsert_quest_firestore) {
-        await actions2.upsert_quest_firestore(ownerId2, sceneConfigId2, newNode);
+      if (actions.upsert_quest_firestore) {
+        await actions.upsert_quest_firestore(ownerId2, sceneConfigId2, newNode);
       }
-      if (actions2.update_view_counter) {
-        await actions2.update_view_counter(ownerId2, sceneConfigId2, nextCounter);
+      if (actions.update_view_counter) {
+        await actions.update_view_counter(ownerId2, sceneConfigId2, nextCounter);
       }
       sceneDataRef2.current.quest_counter = nextCounter;
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
@@ -22491,7 +22778,7 @@ function XViewScene({
       sceneDataRef: sceneDataRef2,
       stateRef: stateRef2,
       setters,
-      actions: actions2,
+      actions,
       viewType,
       sceneConfigId: sceneConfigId2,
       ownerId: ownerId2,
@@ -22509,8 +22796,8 @@ function XViewScene({
       ]
     };
     try {
-      if (actions2.upsert_process_firestore) {
-        await actions2.upsert_process_firestore(ownerId2, sceneConfigId2, newNode);
+      if (actions.upsert_process_firestore) {
+        await actions.upsert_process_firestore(ownerId2, sceneConfigId2, newNode);
       }
       stateRef2.current.nodeIdToParentFileMap.set(String(newNode.id), {
         parentFileId: sceneConfigId2,
@@ -24371,8 +24658,9 @@ function XViewScene({
   )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   (0, import_react37.useEffect)(() => {
-    if (isInitialized && focusNodeId && !hasFocusedInitial) {
-      const nodeObjects = stateRef.current.nodeObjects || {};
+    if (!isInitialized || hasFocusedInitial) return;
+    const nodeObjects = stateRef.current.nodeObjects || {};
+    if (focusNodeId) {
       const targetMesh = nodeObjects[String(focusNodeId)];
       if (targetMesh) {
         setTimeout(() => {
@@ -24385,11 +24673,34 @@ function XViewScene({
           "O link aponta para um item que n\xE3o foi encontrado ou foi exclu\xEDdo."
         );
       }
+    } else if (!focusAncestryId) {
+      const meshes = Object.values(nodeObjects);
+      if (meshes.length > 0) {
+        setTimeout(() => {
+          const nodePositions = meshes.map((mesh) => mesh.position.clone());
+          const boundingBox = new THREE3.Box3().setFromPoints(nodePositions);
+          const center = new THREE3.Vector3();
+          boundingBox.getCenter(center);
+          const size = new THREE3.Vector3();
+          boundingBox.getSize(size);
+          const maxDim = Math.max(size.x, size.y, size.z);
+          const desiredDistance = Math.max(
+            x_view_config.CAMERA_ZOOM_DISTANCE,
+            maxDim * 1.8
+          );
+          const zoomFactor = x_view_config.CAMERA_ZOOM_DISTANCE / desiredDistance;
+          tweenToTarget(center, zoomFactor);
+          setHasFocusedInitial(true);
+        }, 300);
+      } else {
+        setHasFocusedInitial(true);
+      }
     }
   }, [
     isInitialized,
     sceneVersion,
     focusNodeId,
+    focusAncestryId,
     hasFocusedInitial,
     tweenToTarget
   ]);
@@ -25383,7 +25694,20 @@ function XViewScene({
       {
         isOpen: isUpgradeModalOpen,
         onClose: () => setIsUpgradeModalOpen(false),
-        nodeCounter
+        nodeCounter,
+        nodeLimit,
+        onUpgrade: async () => {
+          if (onUpgrade) {
+            const res = await onUpgrade();
+            if (res.success) {
+              setNodeLimit(-1);
+              alert("Upgrade realizado com sucesso! Sua conta agora \xE9 Premium.");
+            } else {
+              alert("Erro ao realizar upgrade: " + res.error);
+            }
+            return res;
+          }
+        }
       }
     )
   );
@@ -25499,6 +25823,16 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
         }
       })();
       parentResponsesPromises.push(questFetchPromise, processFetchPromise, nodeCounterPromise);
+    } else {
+      const nodeCounterPromise = (async () => {
+        try {
+          if (!db_services.get_user_node_counter) return { success: true, node_counter: 0 };
+          return await db_services.get_user_node_counter(owner_id);
+        } catch (err) {
+          return { success: false, error: err.message };
+        }
+      })();
+      parentResponsesPromises.push(nodeCounterPromise);
     }
     const parentResponsesResults = await Promise.allSettled(
       parentResponsesPromises
@@ -25507,9 +25841,10 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
     let questDataObj = null;
     let processDataObj = null;
     let userNodeCounter = 0;
+    let userNodeLimit = 100;
     for (let i = 0; i < parentResponsesResults.length; i++) {
       const result = parentResponsesResults[i];
-      if (isView && i >= parentDbObjects.length) {
+      if (i >= parentDbObjects.length) {
         if (result.status === "fulfilled" && ((_a = result.value) == null ? void 0 : _a.success)) {
           if (result.value.type === "processes") {
             processDataObj = result.value.data;
@@ -25520,6 +25855,9 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
             }
           } else if (result.value.node_counter !== void 0) {
             userNodeCounter = result.value.node_counter;
+            if (result.value.node_limit !== void 0) {
+              userNodeLimit = result.value.node_limit;
+            }
           }
         }
         continue;
@@ -25885,7 +26223,8 @@ async function get_scene_view_data_logic(db_services, scene_config, owner_id, ty
         scene: validatedSceneData,
         parent: parentData,
         ancestry: ancestryData,
-        node_counter: userNodeCounter
+        node_counter: userNodeCounter,
+        node_limit: userNodeLimit
       }
     };
   } catch (error) {