@lv-x-software-house/x_view 1.3.5 → 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);
@@ -2177,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 = [];
@@ -2208,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) => {
@@ -2230,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 = [];
@@ -2269,6 +2328,7 @@ var userActionHandlers = {
       stateRef.current.selectedNodes.clear();
       return;
     }
+    removeAllTimelineElements(stateRef.current);
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -4749,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("/");
@@ -4757,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;
@@ -4812,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,
@@ -4825,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,
@@ -19355,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) => {
@@ -20044,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;
@@ -20101,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();
@@ -20117,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);
@@ -20148,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;
@@ -20184,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;
@@ -20255,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,
@@ -20278,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);
@@ -20773,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(
@@ -21560,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);
           }
         }
       });
@@ -24558,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(() => {
@@ -24572,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
   ]);

package/dist/index.mjs

@@ -797,6 +797,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,
@@ -825,8 +874,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);
@@ -2138,6 +2194,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 = [];
@@ -2169,6 +2226,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) => {
@@ -2191,6 +2249,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 = [];
@@ -2230,6 +2289,7 @@ var userActionHandlers = {
       stateRef.current.selectedNodes.clear();
       return;
     }
+    removeAllTimelineElements(stateRef.current);
     const { ancestryGroup, ancestryLinks } = stateRef.current;
     if (ancestryGroup && ancestryLinks) {
       const remainingAncestryLinks = [];
@@ -4710,6 +4770,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("/");
@@ -4718,7 +4783,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;
@@ -4773,7 +4838,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,
@@ -4786,8 +4851,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,
@@ -19447,7 +19512,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) => {
@@ -20136,7 +20256,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;
@@ -20193,10 +20315,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 Tween2(mesh.position).to({ x, y, z: 0 }, 1500).easing(Easing2.Cubic.InOut);
       tweenGroup.add(timelineTween);
       timelineTween.start();
@@ -20209,25 +20333,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);
@@ -20240,7 +20355,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 = useCallback8(
     (sourceMesh, versionMeshes) => {
       const { tweenGroup, timelineIntervalsGroup } = stateRef.current;
@@ -20276,7 +20405,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;
@@ -20347,22 +20478,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,
@@ -20370,6 +20486,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);
@@ -20865,25 +20986,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(
@@ -21652,23 +21763,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);
           }
         }
       });
@@ -24650,8 +24750,9 @@ function XViewScene({
   )) == null ? void 0 : _b.parentFileId : null;
   const detailsNodeDatasetInfo = detailsNode ? stateRef.current.nodeIdToParentFileMap.get(String(detailsNode.id)) : null;
   useEffect27(() => {
-    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(() => {
@@ -24664,11 +24765,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
   ]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
   "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
   "license": "UNLICENSED",