@almadar/ui 4.39.0 → 4.40.0

package/dist/avl/index.cjs

@@ -51913,12 +51913,17 @@ function FlowCanvasInner({
   const [edges, setEdges, onEdgesChange] = react.useEdgesState(activeEdges);
   const reactFlow = react.useReactFlow();
   React119.useEffect(() => {
+    setEdges([]);
     setNodes(activeNodes);
     setEdges(activeEdges);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: 300, padding: 0.15 });
     });
   }, [activeNodes, activeEdges, setNodes, setEdges, reactFlow]);
+  const visibleEdges = React119.useMemo(() => {
+    const nodeIds = new Set(nodes.map((n) => n.id));
+    return edges.filter((e) => nodeIds.has(e.source) && nodeIds.has(e.target));
+  }, [nodes, edges]);
   const handleNodeDoubleClick = React119.useCallback((_, node) => {
     if (atBehaviorLevel && composeLevel === "behavior") {
       const d = node.data;
@@ -52052,7 +52057,7 @@ function FlowCanvasInner({
             react.ReactFlow,
             {
               nodes,
-              edges,
+              edges: visibleEdges,
               nodeTypes: NODE_TYPES,
               edgeTypes: EDGE_TYPES,
               defaultEdgeOptions: DEFAULT_EDGE_OPTIONS,
@@ -52727,7 +52732,10 @@ var EventWireOverlay = ({
             const y1 = fromPos.cy + ny * orbitalR;
             const x2 = toPos.cx - nx * (orbitalR + 6);
             const y2 = toPos.cy - ny * (orbitalR + 6);
-            const offset = 25 + wireIdx * 18;
+            const total = links.length;
+            const span = Math.min(90, Math.max(0, total - 1) * 14);
+            const step = total > 1 ? span / (total - 1) : 0;
+            const offset = 25 + (wireIdx - (total - 1) / 2) * step;
             const { cpx, cpy } = curveControlPoint(x1, y1, x2, y2, offset);
             const pathD = `M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`;
             if (!Number.isFinite(x1) || !Number.isFinite(y1) || !Number.isFinite(x2) || !Number.isFinite(y2) || !Number.isFinite(cpx) || !Number.isFinite(cpy)) {

package/dist/avl/index.js

@@ -51867,12 +51867,17 @@ function FlowCanvasInner({
   const [edges, setEdges, onEdgesChange] = useEdgesState(activeEdges);
   const reactFlow = useReactFlow();
   useEffect(() => {
+    setEdges([]);
     setNodes(activeNodes);
     setEdges(activeEdges);
     requestAnimationFrame(() => {
       reactFlow.fitView({ duration: 300, padding: 0.15 });
     });
   }, [activeNodes, activeEdges, setNodes, setEdges, reactFlow]);
+  const visibleEdges = useMemo(() => {
+    const nodeIds = new Set(nodes.map((n) => n.id));
+    return edges.filter((e) => nodeIds.has(e.source) && nodeIds.has(e.target));
+  }, [nodes, edges]);
   const handleNodeDoubleClick = useCallback((_, node) => {
     if (atBehaviorLevel && composeLevel === "behavior") {
       const d = node.data;
@@ -52006,7 +52011,7 @@ function FlowCanvasInner({
             ReactFlow,
             {
               nodes,
-              edges,
+              edges: visibleEdges,
               nodeTypes: NODE_TYPES,
               edgeTypes: EDGE_TYPES,
               defaultEdgeOptions: DEFAULT_EDGE_OPTIONS,
@@ -52681,7 +52686,10 @@ var EventWireOverlay = ({
             const y1 = fromPos.cy + ny * orbitalR;
             const x2 = toPos.cx - nx * (orbitalR + 6);
             const y2 = toPos.cy - ny * (orbitalR + 6);
-            const offset = 25 + wireIdx * 18;
+            const total = links.length;
+            const span = Math.min(90, Math.max(0, total - 1) * 14);
+            const step = total > 1 ? span / (total - 1) : 0;
+            const offset = 25 + (wireIdx - (total - 1) / 2) * step;
             const { cpx, cpy } = curveControlPoint(x1, y1, x2, y2, offset);
             const pathD = `M${x1},${y1} Q${cpx},${cpy} ${x2},${y2}`;
             if (!Number.isFinite(x1) || !Number.isFinite(y1) || !Number.isFinite(x2) || !Number.isFinite(y2) || !Number.isFinite(cpx) || !Number.isFinite(cpy)) {

package/package.json

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