@lv-x-software-house/x_view 1.3.9 → 1.4.1

package/dist/index.js

@@ -6232,7 +6232,8 @@ function XViewSidebar({
           options: [
             { value: "Star", label: "Star" },
             { value: "Circle", label: "Circle" },
-            { value: "Column", label: "Column" }
+            { value: "Column", label: "Column" },
+            { value: "Network", label: "Network" }
           ],
           placeholder: "Selecione um Formato"
         }
@@ -20807,13 +20808,22 @@ function XViewScene({
   );
   const handleActivateReshapeLens = (0, import_react38.useCallback)(
     ({ type, columns, centerNodeId }) => {
-      const { nodeObjects, tweenGroup, camera, controls } = stateRef.current;
+      const {
+        nodeObjects,
+        allLinks = [],
+        ancestryLinks = [],
+        tweenGroup,
+        camera,
+        controls
+      } = stateRef.current;
       if (!nodeObjects || !tweenGroup || !camera || !controls) return;
       const activeNodeIds = Object.keys(nodeObjects);
       if (activeNodeIds.length === 0) return;
       let sumX = 0;
       let sumY = 0;
+      let sumZ = 0;
       let nodeCount = 0;
+      let networkMaxRadius = 150;
       activeNodeIds.forEach((id) => {
         const mesh = nodeObjects[id];
         if (mesh && mesh.material) {
@@ -20916,23 +20926,249 @@ function XViewScene({
           sumY += targetY;
           nodeCount++;
         });
+      } else if (type === "Network") {
+        const N = activeNodeIds.length;
+        const activeSet = new Set(activeNodeIds.map(String));
+        const edges = [];
+        const degreeMap = new Map(activeNodeIds.map((id) => [String(id), 0]));
+        const adjMap = new Map(activeNodeIds.map((id) => [String(id), []]));
+        const seenPairs = /* @__PURE__ */ new Set();
+        [...allLinks, ...ancestryLinks].forEach((line) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+          const u = String(
+            ((_c2 = (_b2 = (_a2 = line.userData) == null ? void 0 : _a2.sourceNode) == null ? void 0 : _b2.userData) == null ? void 0 : _c2.id) ?? ((_d2 = line.userData) == null ? void 0 : _d2.source) ?? ""
+          );
+          const v = String(
+            ((_g2 = (_f2 = (_e2 = line.userData) == null ? void 0 : _e2.targetNode) == null ? void 0 : _f2.userData) == null ? void 0 : _g2.id) ?? ((_h2 = line.userData) == null ? void 0 : _h2.target) ?? ""
+          );
+          if (u && v && u !== v && activeSet.has(u) && activeSet.has(v)) {
+            const pairKey = u < v ? `${u}_${v}` : `${v}_${u}`;
+            if (!seenPairs.has(pairKey)) {
+              seenPairs.add(pairKey);
+              edges.push([u, v]);
+              degreeMap.set(u, (degreeMap.get(u) || 0) + 1);
+              degreeMap.set(v, (degreeMap.get(v) || 0) + 1);
+              adjMap.get(u).push(v);
+              adjMap.get(v).push(u);
+            }
+          }
+        });
+        const hubCount = Array.from(degreeMap.values()).filter(
+          (d) => d >= 3
+        ).length;
+        const volumeRadius = Math.max(
+          130,
+          Math.cbrt(N) * 58 + Math.sqrt(N) * 24 + hubCount * 8
+        );
+        const radiusX = volumeRadius * 1.45;
+        const radiusY = volumeRadius * 1.15;
+        const radiusZ = volumeRadius * 1.15;
+        const connectedIds = activeNodeIds.map(String).filter((id) => (degreeMap.get(id) || 0) > 0).sort((a, b) => (degreeMap.get(b) || 0) - (degreeMap.get(a) || 0));
+        const isolatedIds = activeNodeIds.map(String).filter((id) => (degreeMap.get(id) || 0) === 0);
+        const interleavedIds = [];
+        let cIdx = 0;
+        let iIdx = 0;
+        for (let k = 0; k < N; k++) {
+          const takeConnected = cIdx < connectedIds.length && (iIdx >= isolatedIds.length || cIdx / Math.max(1, connectedIds.length) <= iIdx / Math.max(1, isolatedIds.length));
+          if (takeConnected) {
+            interleavedIds.push(connectedIds[cIdx++]);
+          } else if (iIdx < isolatedIds.length) {
+            interleavedIds.push(isolatedIds[iIdx++]);
+          }
+        }
+        const posMap = /* @__PURE__ */ new Map();
+        const anchorMap = /* @__PURE__ */ new Map();
+        const velMap = /* @__PURE__ */ new Map();
+        const goldenAngle = Math.PI * (3 - Math.sqrt(5));
+        interleavedIds.forEach((id, idx) => {
+          const t = (idx + 0.5) / Math.max(1, N);
+          const yDir = 1 - 2 * t;
+          const radiusAtY = Math.sqrt(Math.max(0, 1 - yDir * yDir));
+          const theta = idx * goldenAngle;
+          const xDir = Math.cos(theta) * radiusAtY;
+          const zDir = Math.sin(theta) * radiusAtY;
+          const shell = 0.3 + 0.7 * Math.cbrt(idx * 7 % Math.max(1, N) / Math.max(1, N));
+          const px = xDir * shell * radiusX;
+          const py = yDir * shell * radiusY;
+          const pz = zDir * shell * radiusZ;
+          posMap.set(id, { x: px, y: py, z: pz });
+          anchorMap.set(id, { x: px, y: py, z: pz });
+          velMap.set(id, { x: 0, y: 0, z: 0 });
+        });
+        connectedIds.forEach((id, idx) => {
+          const deg = degreeMap.get(id) || 0;
+          if (deg <= 2) {
+            const neighbors = adjMap.get(id) || [];
+            const hubNeighbor = neighbors.reduce(
+              (best, curr) => (degreeMap.get(curr) || 0) > (degreeMap.get(best) || 0) ? curr : best,
+              neighbors[0]
+            );
+            const hubPos = posMap.get(hubNeighbor);
+            const myPos = posMap.get(id);
+            if (hubPos && myPos && hubNeighbor !== id) {
+              const phi = idx * goldenAngle * 3;
+              const costheta = Math.cos(idx * 1.732);
+              const sintheta = Math.sqrt(Math.max(0, 1 - costheta * costheta));
+              const orbitDist = 62 + idx % 3 * 16;
+              myPos.x = hubPos.x + sintheta * Math.cos(phi) * orbitDist;
+              myPos.y = hubPos.y + sintheta * Math.sin(phi) * orbitDist;
+              myPos.z = hubPos.z + costheta * orbitDist;
+            }
+          }
+        });
+        const iterations = 130;
+        const minNodeDist = 56;
+        const minHubDist = 140;
+        const idealEdgeDist = 72;
+        const repulsionRadius = 150;
+        for (let iter = 0; iter < iterations; iter++) {
+          const cooling = 1 - iter / iterations * 0.78;
+          for (let i = 0; i < N; i++) {
+            const idA = interleavedIds[i];
+            const pA = posMap.get(idA);
+            const vA = velMap.get(idA);
+            const degA = degreeMap.get(idA) || 0;
+            for (let j = i + 1; j < N; j++) {
+              const idB = interleavedIds[j];
+              const pB = posMap.get(idB);
+              const vB = velMap.get(idB);
+              const degB = degreeMap.get(idB) || 0;
+              const dx = pA.x - pB.x;
+              const dy = pA.y - pB.y;
+              const dz = pA.z - pB.z;
+              const dist = Math.sqrt(dx * dx + dy * dy + dz * dz + 0.1);
+              const bothHubs = degA >= 3 && degB >= 3;
+              const oneHub = degA >= 3 || degB >= 3;
+              const effectiveMinDist = bothHubs ? minHubDist : oneHub ? minNodeDist * 1.35 : minNodeDist;
+              const effectiveRepRadius = bothHubs ? repulsionRadius * 1.6 : repulsionRadius;
+              if (dist < effectiveRepRadius) {
+                const force = dist < effectiveMinDist ? (effectiveMinDist - dist) / dist * 2.4 : (effectiveRepRadius - dist) / effectiveRepRadius * 0.65 / dist;
+                const fx = dx * force;
+                const fy = dy * force;
+                const fz = dz * force;
+                vA.x += fx;
+                vA.y += fy;
+                vA.z += fz;
+                vB.x -= fx;
+                vB.y -= fy;
+                vB.z -= fz;
+              }
+            }
+          }
+          for (let e = 0; e < edges.length; e++) {
+            const [u, v] = edges[e];
+            const pU = posMap.get(u);
+            const pV = posMap.get(v);
+            const vU = velMap.get(u);
+            const vV = velMap.get(v);
+            const degU = degreeMap.get(u) || 1;
+            const degV = degreeMap.get(v) || 1;
+            const dx = pV.x - pU.x;
+            const dy = pV.y - pU.y;
+            const dz = pV.z - pU.z;
+            const dist = Math.sqrt(dx * dx + dy * dy + dz * dz) || 1;
+            const delta = dist - idealEdgeDist;
+            const degreeDamping = 1 / Math.sqrt(degU + degV);
+            const springStrength = 0.08 * degreeDamping;
+            const fx = dx / dist * delta * springStrength;
+            const fy = dy / dist * delta * springStrength;
+            const fz = dz / dist * delta * springStrength;
+            const weightU = degV / (degU + degV);
+            const weightV = degU / (degU + degV);
+            vU.x += fx * weightU * 1.7;
+            vU.y += fy * weightU * 1.7;
+            vU.z += fz * weightU * 1.7;
+            vV.x -= fx * weightV * 1.7;
+            vV.y -= fy * weightV * 1.7;
+            vV.z -= fz * weightV * 1.7;
+          }
+          for (let i = 0; i < N; i++) {
+            const id = interleavedIds[i];
+            const p = posMap.get(id);
+            const v = velMap.get(id);
+            const anchor = anchorMap.get(id);
+            const deg = degreeMap.get(id) || 0;
+            if (deg === 0 || deg >= 3) {
+              const anchorPull = deg === 0 ? 0.055 : 0.035;
+              v.x += (anchor.x - p.x) * anchorPull;
+              v.y += (anchor.y - p.y) * anchorPull;
+              v.z += (anchor.z - p.z) * anchorPull;
+            }
+            const maxStep = 10 * cooling;
+            const speed = Math.sqrt(v.x * v.x + v.y * v.y + v.z * v.z) || 1;
+            const scale = speed > maxStep ? maxStep / speed : cooling;
+            p.x += v.x * scale;
+            p.y += v.y * scale;
+            p.z += v.z * scale;
+            v.x *= 0.4;
+            v.y *= 0.4;
+            v.z *= 0.4;
+          }
+        }
+        activeNodeIds.forEach((id) => {
+          const mesh = nodeObjects[id];
+          const target = posMap.get(String(id)) || { x: 0, y: 0, z: 0 };
+          const posTween = new import_tween2.Tween(mesh.position).to({ x: target.x, y: target.y, z: target.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (mesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(
+              target.x,
+              target.y,
+              target.z
+            ).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
+            const lblTween = new import_tween2.Tween(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(import_tween2.Easing.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += target.x;
+          sumY += target.y;
+          sumZ += target.z;
+          nodeCount++;
+        });
+        if (nodeCount > 0) {
+          const cx = sumX / nodeCount;
+          const cy = sumY / nodeCount;
+          const cz = sumZ / nodeCount;
+          let maxDist = 120;
+          activeNodeIds.forEach((id) => {
+            const p = posMap.get(String(id));
+            if (p) {
+              const d = Math.hypot(p.x - cx, p.y - cy, p.z - cz);
+              if (d > maxDist) maxDist = d;
+            }
+          });
+          networkMaxRadius = maxDist;
+        }
       }
       if (nodeCount > 0) {
         const centerX = sumX / nodeCount;
         const centerY = sumY / nodeCount;
-        const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+        const centerZ = type === "Network" ? sumZ / nodeCount : 0;
+        const targetFocus = new THREE3.Vector3(centerX, centerY, centerZ);
         const targetTween = new import_tween2.Tween(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(import_tween2.Easing.Cubic.InOut);
         tweenGroup.add(targetTween);
         targetTween.start();
         let zoomZ = 140;
+        let camOffsetY = 0;
         if (type === "Column") {
           const numRows = Math.ceil(nodeCount / (columns || 4));
           zoomZ = Math.max(140, numRows * 50);
         } else if (type === "Circle" || type === "Star") {
           const radius = Math.max(80, nodeCount * 8);
           zoomZ = radius * 2.5;
+        } else if (type === "Network") {
+          zoomZ = targetFocus.z + Math.max(220, networkMaxRadius * 1.85);
+          camOffsetY = networkMaxRadius * 0.12;
         }
-        const camTween = new import_tween2.Tween(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: zoomZ }, 1500).easing(import_tween2.Easing.Cubic.InOut);
+        const camTween = new import_tween2.Tween(camera.position).to(
+          {
+            x: targetFocus.x,
+            y: targetFocus.y + camOffsetY,
+            z: zoomZ
+          },
+          1500
+        ).easing(import_tween2.Easing.Cubic.InOut);
         tweenGroup.add(camTween);
         camTween.start();
       }

package/dist/index.mjs

@@ -6193,7 +6193,8 @@ function XViewSidebar({
           options: [
             { value: "Star", label: "Star" },
             { value: "Circle", label: "Circle" },
-            { value: "Column", label: "Column" }
+            { value: "Column", label: "Column" },
+            { value: "Network", label: "Network" }
           ],
           placeholder: "Selecione um Formato"
         }
@@ -20909,13 +20910,22 @@ function XViewScene({
   );
   const handleActivateReshapeLens = useCallback8(
     ({ type, columns, centerNodeId }) => {
-      const { nodeObjects, tweenGroup, camera, controls } = stateRef.current;
+      const {
+        nodeObjects,
+        allLinks = [],
+        ancestryLinks = [],
+        tweenGroup,
+        camera,
+        controls
+      } = stateRef.current;
       if (!nodeObjects || !tweenGroup || !camera || !controls) return;
       const activeNodeIds = Object.keys(nodeObjects);
       if (activeNodeIds.length === 0) return;
       let sumX = 0;
       let sumY = 0;
+      let sumZ = 0;
       let nodeCount = 0;
+      let networkMaxRadius = 150;
       activeNodeIds.forEach((id) => {
         const mesh = nodeObjects[id];
         if (mesh && mesh.material) {
@@ -21018,23 +21028,249 @@ function XViewScene({
           sumY += targetY;
           nodeCount++;
         });
+      } else if (type === "Network") {
+        const N = activeNodeIds.length;
+        const activeSet = new Set(activeNodeIds.map(String));
+        const edges = [];
+        const degreeMap = new Map(activeNodeIds.map((id) => [String(id), 0]));
+        const adjMap = new Map(activeNodeIds.map((id) => [String(id), []]));
+        const seenPairs = /* @__PURE__ */ new Set();
+        [...allLinks, ...ancestryLinks].forEach((line) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+          const u = String(
+            ((_c2 = (_b2 = (_a2 = line.userData) == null ? void 0 : _a2.sourceNode) == null ? void 0 : _b2.userData) == null ? void 0 : _c2.id) ?? ((_d2 = line.userData) == null ? void 0 : _d2.source) ?? ""
+          );
+          const v = String(
+            ((_g2 = (_f2 = (_e2 = line.userData) == null ? void 0 : _e2.targetNode) == null ? void 0 : _f2.userData) == null ? void 0 : _g2.id) ?? ((_h2 = line.userData) == null ? void 0 : _h2.target) ?? ""
+          );
+          if (u && v && u !== v && activeSet.has(u) && activeSet.has(v)) {
+            const pairKey = u < v ? `${u}_${v}` : `${v}_${u}`;
+            if (!seenPairs.has(pairKey)) {
+              seenPairs.add(pairKey);
+              edges.push([u, v]);
+              degreeMap.set(u, (degreeMap.get(u) || 0) + 1);
+              degreeMap.set(v, (degreeMap.get(v) || 0) + 1);
+              adjMap.get(u).push(v);
+              adjMap.get(v).push(u);
+            }
+          }
+        });
+        const hubCount = Array.from(degreeMap.values()).filter(
+          (d) => d >= 3
+        ).length;
+        const volumeRadius = Math.max(
+          130,
+          Math.cbrt(N) * 58 + Math.sqrt(N) * 24 + hubCount * 8
+        );
+        const radiusX = volumeRadius * 1.45;
+        const radiusY = volumeRadius * 1.15;
+        const radiusZ = volumeRadius * 1.15;
+        const connectedIds = activeNodeIds.map(String).filter((id) => (degreeMap.get(id) || 0) > 0).sort((a, b) => (degreeMap.get(b) || 0) - (degreeMap.get(a) || 0));
+        const isolatedIds = activeNodeIds.map(String).filter((id) => (degreeMap.get(id) || 0) === 0);
+        const interleavedIds = [];
+        let cIdx = 0;
+        let iIdx = 0;
+        for (let k = 0; k < N; k++) {
+          const takeConnected = cIdx < connectedIds.length && (iIdx >= isolatedIds.length || cIdx / Math.max(1, connectedIds.length) <= iIdx / Math.max(1, isolatedIds.length));
+          if (takeConnected) {
+            interleavedIds.push(connectedIds[cIdx++]);
+          } else if (iIdx < isolatedIds.length) {
+            interleavedIds.push(isolatedIds[iIdx++]);
+          }
+        }
+        const posMap = /* @__PURE__ */ new Map();
+        const anchorMap = /* @__PURE__ */ new Map();
+        const velMap = /* @__PURE__ */ new Map();
+        const goldenAngle = Math.PI * (3 - Math.sqrt(5));
+        interleavedIds.forEach((id, idx) => {
+          const t = (idx + 0.5) / Math.max(1, N);
+          const yDir = 1 - 2 * t;
+          const radiusAtY = Math.sqrt(Math.max(0, 1 - yDir * yDir));
+          const theta = idx * goldenAngle;
+          const xDir = Math.cos(theta) * radiusAtY;
+          const zDir = Math.sin(theta) * radiusAtY;
+          const shell = 0.3 + 0.7 * Math.cbrt(idx * 7 % Math.max(1, N) / Math.max(1, N));
+          const px = xDir * shell * radiusX;
+          const py = yDir * shell * radiusY;
+          const pz = zDir * shell * radiusZ;
+          posMap.set(id, { x: px, y: py, z: pz });
+          anchorMap.set(id, { x: px, y: py, z: pz });
+          velMap.set(id, { x: 0, y: 0, z: 0 });
+        });
+        connectedIds.forEach((id, idx) => {
+          const deg = degreeMap.get(id) || 0;
+          if (deg <= 2) {
+            const neighbors = adjMap.get(id) || [];
+            const hubNeighbor = neighbors.reduce(
+              (best, curr) => (degreeMap.get(curr) || 0) > (degreeMap.get(best) || 0) ? curr : best,
+              neighbors[0]
+            );
+            const hubPos = posMap.get(hubNeighbor);
+            const myPos = posMap.get(id);
+            if (hubPos && myPos && hubNeighbor !== id) {
+              const phi = idx * goldenAngle * 3;
+              const costheta = Math.cos(idx * 1.732);
+              const sintheta = Math.sqrt(Math.max(0, 1 - costheta * costheta));
+              const orbitDist = 62 + idx % 3 * 16;
+              myPos.x = hubPos.x + sintheta * Math.cos(phi) * orbitDist;
+              myPos.y = hubPos.y + sintheta * Math.sin(phi) * orbitDist;
+              myPos.z = hubPos.z + costheta * orbitDist;
+            }
+          }
+        });
+        const iterations = 130;
+        const minNodeDist = 56;
+        const minHubDist = 140;
+        const idealEdgeDist = 72;
+        const repulsionRadius = 150;
+        for (let iter = 0; iter < iterations; iter++) {
+          const cooling = 1 - iter / iterations * 0.78;
+          for (let i = 0; i < N; i++) {
+            const idA = interleavedIds[i];
+            const pA = posMap.get(idA);
+            const vA = velMap.get(idA);
+            const degA = degreeMap.get(idA) || 0;
+            for (let j = i + 1; j < N; j++) {
+              const idB = interleavedIds[j];
+              const pB = posMap.get(idB);
+              const vB = velMap.get(idB);
+              const degB = degreeMap.get(idB) || 0;
+              const dx = pA.x - pB.x;
+              const dy = pA.y - pB.y;
+              const dz = pA.z - pB.z;
+              const dist = Math.sqrt(dx * dx + dy * dy + dz * dz + 0.1);
+              const bothHubs = degA >= 3 && degB >= 3;
+              const oneHub = degA >= 3 || degB >= 3;
+              const effectiveMinDist = bothHubs ? minHubDist : oneHub ? minNodeDist * 1.35 : minNodeDist;
+              const effectiveRepRadius = bothHubs ? repulsionRadius * 1.6 : repulsionRadius;
+              if (dist < effectiveRepRadius) {
+                const force = dist < effectiveMinDist ? (effectiveMinDist - dist) / dist * 2.4 : (effectiveRepRadius - dist) / effectiveRepRadius * 0.65 / dist;
+                const fx = dx * force;
+                const fy = dy * force;
+                const fz = dz * force;
+                vA.x += fx;
+                vA.y += fy;
+                vA.z += fz;
+                vB.x -= fx;
+                vB.y -= fy;
+                vB.z -= fz;
+              }
+            }
+          }
+          for (let e = 0; e < edges.length; e++) {
+            const [u, v] = edges[e];
+            const pU = posMap.get(u);
+            const pV = posMap.get(v);
+            const vU = velMap.get(u);
+            const vV = velMap.get(v);
+            const degU = degreeMap.get(u) || 1;
+            const degV = degreeMap.get(v) || 1;
+            const dx = pV.x - pU.x;
+            const dy = pV.y - pU.y;
+            const dz = pV.z - pU.z;
+            const dist = Math.sqrt(dx * dx + dy * dy + dz * dz) || 1;
+            const delta = dist - idealEdgeDist;
+            const degreeDamping = 1 / Math.sqrt(degU + degV);
+            const springStrength = 0.08 * degreeDamping;
+            const fx = dx / dist * delta * springStrength;
+            const fy = dy / dist * delta * springStrength;
+            const fz = dz / dist * delta * springStrength;
+            const weightU = degV / (degU + degV);
+            const weightV = degU / (degU + degV);
+            vU.x += fx * weightU * 1.7;
+            vU.y += fy * weightU * 1.7;
+            vU.z += fz * weightU * 1.7;
+            vV.x -= fx * weightV * 1.7;
+            vV.y -= fy * weightV * 1.7;
+            vV.z -= fz * weightV * 1.7;
+          }
+          for (let i = 0; i < N; i++) {
+            const id = interleavedIds[i];
+            const p = posMap.get(id);
+            const v = velMap.get(id);
+            const anchor = anchorMap.get(id);
+            const deg = degreeMap.get(id) || 0;
+            if (deg === 0 || deg >= 3) {
+              const anchorPull = deg === 0 ? 0.055 : 0.035;
+              v.x += (anchor.x - p.x) * anchorPull;
+              v.y += (anchor.y - p.y) * anchorPull;
+              v.z += (anchor.z - p.z) * anchorPull;
+            }
+            const maxStep = 10 * cooling;
+            const speed = Math.sqrt(v.x * v.x + v.y * v.y + v.z * v.z) || 1;
+            const scale = speed > maxStep ? maxStep / speed : cooling;
+            p.x += v.x * scale;
+            p.y += v.y * scale;
+            p.z += v.z * scale;
+            v.x *= 0.4;
+            v.y *= 0.4;
+            v.z *= 0.4;
+          }
+        }
+        activeNodeIds.forEach((id) => {
+          const mesh = nodeObjects[id];
+          const target = posMap.get(String(id)) || { x: 0, y: 0, z: 0 };
+          const posTween = new Tween2(mesh.position).to({ x: target.x, y: target.y, z: target.z }, 1500).easing(Easing2.Cubic.InOut);
+          tweenGroup.add(posTween);
+          posTween.start();
+          if (mesh.userData.labelObject) {
+            const labelTarget = new THREE3.Vector3(
+              target.x,
+              target.y,
+              target.z
+            ).add(mesh.userData.labelOffset || new THREE3.Vector3(0, 3.8, 0));
+            const lblTween = new Tween2(mesh.userData.labelObject.position).to(labelTarget, 1500).easing(Easing2.Cubic.InOut);
+            tweenGroup.add(lblTween);
+            lblTween.start();
+          }
+          sumX += target.x;
+          sumY += target.y;
+          sumZ += target.z;
+          nodeCount++;
+        });
+        if (nodeCount > 0) {
+          const cx = sumX / nodeCount;
+          const cy = sumY / nodeCount;
+          const cz = sumZ / nodeCount;
+          let maxDist = 120;
+          activeNodeIds.forEach((id) => {
+            const p = posMap.get(String(id));
+            if (p) {
+              const d = Math.hypot(p.x - cx, p.y - cy, p.z - cz);
+              if (d > maxDist) maxDist = d;
+            }
+          });
+          networkMaxRadius = maxDist;
+        }
       }
       if (nodeCount > 0) {
         const centerX = sumX / nodeCount;
         const centerY = sumY / nodeCount;
-        const targetFocus = new THREE3.Vector3(centerX, centerY, 0);
+        const centerZ = type === "Network" ? sumZ / nodeCount : 0;
+        const targetFocus = new THREE3.Vector3(centerX, centerY, centerZ);
         const targetTween = new Tween2(controls.target).to({ x: targetFocus.x, y: targetFocus.y, z: targetFocus.z }, 1500).easing(Easing2.Cubic.InOut);
         tweenGroup.add(targetTween);
         targetTween.start();
         let zoomZ = 140;
+        let camOffsetY = 0;
         if (type === "Column") {
           const numRows = Math.ceil(nodeCount / (columns || 4));
           zoomZ = Math.max(140, numRows * 50);
         } else if (type === "Circle" || type === "Star") {
           const radius = Math.max(80, nodeCount * 8);
           zoomZ = radius * 2.5;
+        } else if (type === "Network") {
+          zoomZ = targetFocus.z + Math.max(220, networkMaxRadius * 1.85);
+          camOffsetY = networkMaxRadius * 0.12;
         }
-        const camTween = new Tween2(camera.position).to({ x: targetFocus.x, y: targetFocus.y, z: zoomZ }, 1500).easing(Easing2.Cubic.InOut);
+        const camTween = new Tween2(camera.position).to(
+          {
+            x: targetFocus.x,
+            y: targetFocus.y + camOffsetY,
+            z: zoomZ
+          },
+          1500
+        ).easing(Easing2.Cubic.InOut);
         tweenGroup.add(camTween);
         camTween.start();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lv-x-software-house/x_view",
-  "version": "1.3.9",
+  "version": "1.4.1",
   "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",