@almadar/ui 5.116.1 → 5.117.0

package/dist/avl/index.cjs

@@ -37311,6 +37311,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = React90.useState(null);
       const nodesRef = React90.useRef([]);
+      const laidOutRef = React90.useRef(false);
       const [, forceUpdate] = React90.useState(0);
       const [logicalW, setLogicalW] = React90.useState(800);
       React90.useEffect(() => {
@@ -37406,6 +37407,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -37512,7 +37518,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r2 = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r2 * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r2 * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -37520,7 +37557,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       React90.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/avl/index.js

@@ -37265,6 +37265,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = useState(null);
       const nodesRef = useRef([]);
+      const laidOutRef = useRef(false);
       const [, forceUpdate] = useState(0);
       const [logicalW, setLogicalW] = useState(800);
       useEffect(() => {
@@ -37360,6 +37361,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -37466,7 +37472,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r2 = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r2 * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r2 * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -37474,7 +37511,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/components/index.cjs

@@ -36700,6 +36700,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = React73.useState(null);
       const nodesRef = React73.useRef([]);
+      const laidOutRef = React73.useRef(false);
       const [, forceUpdate] = React73.useState(0);
       const [logicalW, setLogicalW] = React73.useState(800);
       React73.useEffect(() => {
@@ -36795,6 +36796,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -36901,7 +36907,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -36909,7 +36946,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       React73.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/components/index.js

@@ -36655,6 +36655,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = useState(null);
       const nodesRef = useRef([]);
+      const laidOutRef = useRef(false);
       const [, forceUpdate] = useState(0);
       const [logicalW, setLogicalW] = useState(800);
       useEffect(() => {
@@ -36750,6 +36751,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -36856,7 +36862,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -36864,7 +36901,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/providers/index.cjs

@@ -35441,6 +35441,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = React83.useState(null);
       const nodesRef = React83.useRef([]);
+      const laidOutRef = React83.useRef(false);
       const [, forceUpdate] = React83.useState(0);
       const [logicalW, setLogicalW] = React83.useState(800);
       React83.useEffect(() => {
@@ -35536,6 +35537,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -35642,7 +35648,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -35650,7 +35687,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       React83.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/providers/index.js

@@ -35396,6 +35396,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = useState(null);
       const nodesRef = useRef([]);
+      const laidOutRef = useRef(false);
       const [, forceUpdate] = useState(0);
       const [logicalW, setLogicalW] = useState(800);
       useEffect(() => {
@@ -35491,6 +35492,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -35597,7 +35603,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -35605,7 +35642,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/runtime/index.cjs

@@ -34806,6 +34806,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = React81.useState(null);
       const nodesRef = React81.useRef([]);
+      const laidOutRef = React81.useRef(false);
       const [, forceUpdate] = React81.useState(0);
       const [logicalW, setLogicalW] = React81.useState(800);
       React81.useEffect(() => {
@@ -34901,6 +34902,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -35007,7 +35013,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -35015,7 +35052,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       React81.useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/dist/runtime/index.js

@@ -34762,6 +34762,7 @@ var init_GraphCanvas = __esm({
       offsetRef.current = offset;
       const [hoveredNode, setHoveredNode] = useState(null);
       const nodesRef = useRef([]);
+      const laidOutRef = useRef(false);
       const [, forceUpdate] = useState(0);
       const [logicalW, setLogicalW] = useState(800);
       useEffect(() => {
@@ -34857,6 +34858,11 @@ var init_GraphCanvas = __esm({
           return { ...n, x, y, vx: 0, vy: 0, fx: 0, fy: 0 };
         });
         nodesRef.current = simNodes;
+        const prevIds = /* @__PURE__ */ new Set([...prevPos.keys()]);
+        const newIdList = simNodes.map((n) => n.id);
+        const kept = newIdList.filter((id) => prevIds.has(id)).length;
+        const overlap = prevIds.size === 0 ? 0 : kept / Math.max(prevIds.size, newIdList.length);
+        const fullRelayout = !laidOutRef.current || overlap < 0.5;
         if (layout === "force") {
           const maxIterations = 300;
           const tick = () => {
@@ -34963,7 +34969,38 @@ var init_GraphCanvas = __esm({
               }
             }
           };
-          for (let i = 0; i < maxIterations; i++) tick();
+          if (fullRelayout) {
+            for (let i = 0; i < maxIterations; i++) tick();
+            laidOutRef.current = true;
+          } else {
+            const centroids = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (!prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              let c = centroids.get(g);
+              if (!c) {
+                c = { x: 0, y: 0, n: 0 };
+                centroids.set(g, c);
+              }
+              c.x += node.x;
+              c.y += node.y;
+              c.n += 1;
+            }
+            const ringCount = /* @__PURE__ */ new Map();
+            for (const node of simNodes) {
+              if (prevPos.has(node.id)) continue;
+              const g = node.group ?? "__none__";
+              const c = centroids.get(g);
+              const cx = c && c.n > 0 ? c.x / c.n : w / 2;
+              const cy = c && c.n > 0 ? c.y / c.n : h / 2;
+              const k = ringCount.get(g) ?? 0;
+              ringCount.set(g, k + 1);
+              const angle = k * 2.399963;
+              const r = 22 + k * 8;
+              node.x = Math.max(30, Math.min(w - 30, cx + r * Math.cos(angle)));
+              node.y = Math.max(30, Math.min(h - 30, cy + r * Math.sin(angle)));
+            }
+          }
           forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
@@ -34971,7 +35008,7 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels, logicalW, height]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, showLabels]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.116.1",
+  "version": "5.117.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [