@uipath/apollo-react 4.18.0 → 4.18.2

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.cjs

@@ -29,9 +29,12 @@ __webpack_require__.d(__webpack_exports__, {
     alignNodeToPreview: ()=>alignNodeToPreview
 });
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../../utils/index.cjs");
 const collapse_cjs_namespaceObject = require("../../utils/collapse.cjs");
 const container_cjs_namespaceObject = require("../../utils/container.cjs");
+const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
+const TOP_LEVEL_INSERTION_GAP_PX = 5 * external_constants_cjs_namespaceObject.GRID_SPACING;
 function getOriginalEdge(previewNode) {
     return previewNode?.data?.originalEdge ?? null;
 }
@@ -106,11 +109,57 @@ function resolveScopedCollisions(nodes, insertedNode, options) {
         insertedNode: resolvedSiblingById.get(insertedNode.id)
     };
 }
+function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeSize }) {
+    const originalEdge = getOriginalEdge(previewNode);
+    if (!originalEdge) return null;
+    const targetNode = nodes.find((node)=>node.id === originalEdge.target);
+    if (!targetNode || targetNode.parentId !== insertedNode.parentId) return null;
+    const insertedSize = getNodeSize(insertedNode);
+    let insertedX = insertedNode.position.x;
+    const sourceNode = nodes.find((node)=>node.id === originalEdge.source);
+    if (sourceNode && sourceNode.parentId === insertedNode.parentId) {
+        const sourceSize = getNodeSize(sourceNode);
+        const requiredInsertedLeft = sourceNode.position.x + sourceSize.width + TOP_LEVEL_INSERTION_GAP_PX;
+        if (insertedX < requiredInsertedLeft) insertedX = (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredInsertedLeft);
+    }
+    const isBackEdge = void 0 !== sourceNode && sourceNode.parentId === insertedNode.parentId && sourceNode.position.x >= targetNode.position.x;
+    const requiredTargetLeft = insertedX + insertedSize.width + TOP_LEVEL_INSERTION_GAP_PX;
+    const downstreamShift = !isBackEdge && targetNode.position.x < requiredTargetLeft ? (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredTargetLeft - targetNode.position.x) : 0;
+    const chainIds = downstreamShift > 0 ? new Set((0, container_cjs_namespaceObject.collectLinearDownstreamSiblings)({
+        startNodeId: targetNode.id,
+        parentId: insertedNode.parentId,
+        nodes,
+        edges
+    })) : new Set();
+    chainIds.delete(originalEdge.source);
+    const insertedXChanged = insertedX !== insertedNode.position.x;
+    if (!insertedXChanged && 0 === chainIds.size) return null;
+    const updatedInsertedNode = insertedXChanged ? {
+        ...insertedNode,
+        position: {
+            x: insertedX,
+            y: insertedNode.position.y
+        }
+    } : insertedNode;
+    const updatedNodes = nodes.map((node)=>{
+        if (node.id === insertedNode.id) return updatedInsertedNode;
+        if (chainIds.has(node.id)) return {
+            ...node,
+            position: {
+                x: node.position.x + downstreamShift,
+                y: node.position.y
+            }
+        };
+        return node;
+    });
+    return {
+        nodes: updatedNodes,
+        insertedNode: updatedInsertedNode
+    };
+}
 function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes }) {
     const getDimensions = (node)=>getManifestAwareNodeDimensions(registry, node);
-    const placement = (0, container_cjs_namespaceObject.getContainerPlacement)({
-        previewNode
-    });
+    const placement = (0, container_cjs_namespaceObject.getContainerPlacement)(previewNode);
     if (placement) {
         const containerNode = nodes.find((node)=>node.id === placement.containerId);
         if (!containerNode) return resolveScopedCollisions(nodes, insertedNode, {
@@ -136,7 +185,14 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
             insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id)
         };
     }
-    return resolveScopedCollisions(nodes, insertedNode, {
+    const shifted = shiftForEdgeInsertion({
+        nodes,
+        edges,
+        previewNode,
+        insertedNode,
+        getNodeSize: getDimensions
+    });
+    return resolveScopedCollisions(shifted?.nodes ?? nodes, shifted?.insertedNode ?? insertedNode, {
         ignoredNodeTypes,
         getNodeSize: getDimensions
     });

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodeManager.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAajD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAEjF;AAmCD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,yBAAyB,EAAE,EAC/C,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,IAAI,CA2DN;AA6BD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,CA8CzB"}
+{"version":3,"file":"AddNodeManager.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAG3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAsBjD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAEjF;AAmCD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,yBAAyB,EAAE,EAC/C,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,IAAI,CA2DN;AAqID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,CAsDzB"}

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.js

@@ -1,7 +1,10 @@
 import { Position } from "../../xyflow/react.js";
+import { GRID_SPACING } from "../../constants.js";
 import { resolveCollisions } from "../../utils/index.js";
 import { getExpandedSize } from "../../utils/collapse.js";
-import { getContainerFitGeometry, getContainerPlacement, getContainerSafeArea, getNodeDimensions, isContainerNodeManifest, placeContainerNode } from "../../utils/container.js";
+import { collectLinearDownstreamSiblings, getContainerFitGeometry, getContainerPlacement, getContainerSafeArea, getNodeDimensions, isContainerNodeManifest, placeContainerNode } from "../../utils/container.js";
+import { snapUpToGrid } from "../../utils/NodeUtils.js";
+const TOP_LEVEL_INSERTION_GAP_PX = 5 * GRID_SPACING;
 function getOriginalEdge(previewNode) {
     return previewNode?.data?.originalEdge ?? null;
 }
@@ -76,11 +79,57 @@ function resolveScopedCollisions(nodes, insertedNode, options) {
         insertedNode: resolvedSiblingById.get(insertedNode.id)
     };
 }
+function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeSize }) {
+    const originalEdge = getOriginalEdge(previewNode);
+    if (!originalEdge) return null;
+    const targetNode = nodes.find((node)=>node.id === originalEdge.target);
+    if (!targetNode || targetNode.parentId !== insertedNode.parentId) return null;
+    const insertedSize = getNodeSize(insertedNode);
+    let insertedX = insertedNode.position.x;
+    const sourceNode = nodes.find((node)=>node.id === originalEdge.source);
+    if (sourceNode && sourceNode.parentId === insertedNode.parentId) {
+        const sourceSize = getNodeSize(sourceNode);
+        const requiredInsertedLeft = sourceNode.position.x + sourceSize.width + TOP_LEVEL_INSERTION_GAP_PX;
+        if (insertedX < requiredInsertedLeft) insertedX = snapUpToGrid(requiredInsertedLeft);
+    }
+    const isBackEdge = void 0 !== sourceNode && sourceNode.parentId === insertedNode.parentId && sourceNode.position.x >= targetNode.position.x;
+    const requiredTargetLeft = insertedX + insertedSize.width + TOP_LEVEL_INSERTION_GAP_PX;
+    const downstreamShift = !isBackEdge && targetNode.position.x < requiredTargetLeft ? snapUpToGrid(requiredTargetLeft - targetNode.position.x) : 0;
+    const chainIds = downstreamShift > 0 ? new Set(collectLinearDownstreamSiblings({
+        startNodeId: targetNode.id,
+        parentId: insertedNode.parentId,
+        nodes,
+        edges
+    })) : new Set();
+    chainIds.delete(originalEdge.source);
+    const insertedXChanged = insertedX !== insertedNode.position.x;
+    if (!insertedXChanged && 0 === chainIds.size) return null;
+    const updatedInsertedNode = insertedXChanged ? {
+        ...insertedNode,
+        position: {
+            x: insertedX,
+            y: insertedNode.position.y
+        }
+    } : insertedNode;
+    const updatedNodes = nodes.map((node)=>{
+        if (node.id === insertedNode.id) return updatedInsertedNode;
+        if (chainIds.has(node.id)) return {
+            ...node,
+            position: {
+                x: node.position.x + downstreamShift,
+                y: node.position.y
+            }
+        };
+        return node;
+    });
+    return {
+        nodes: updatedNodes,
+        insertedNode: updatedInsertedNode
+    };
+}
 function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes }) {
     const getDimensions = (node)=>getManifestAwareNodeDimensions(registry, node);
-    const placement = getContainerPlacement({
-        previewNode
-    });
+    const placement = getContainerPlacement(previewNode);
     if (placement) {
         const containerNode = nodes.find((node)=>node.id === placement.containerId);
         if (!containerNode) return resolveScopedCollisions(nodes, insertedNode, {
@@ -106,7 +155,14 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
             insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id)
         };
     }
-    return resolveScopedCollisions(nodes, insertedNode, {
+    const shifted = shiftForEdgeInsertion({
+        nodes,
+        edges,
+        previewNode,
+        insertedNode,
+        getNodeSize: getDimensions
+    });
+    return resolveScopedCollisions(shifted?.nodes ?? nodes, shifted?.insertedNode ?? insertedNode, {
         ignoredNodeTypes,
         getNodeSize: getDimensions
     });

package/dist/canvas/components/AddNodePanel/createAddNodePreview.cjs

@@ -28,7 +28,24 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
+const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const LoopNode_helpers_cjs_namespaceObject = require("../LoopNode/LoopNode.helpers.cjs");
+function buildSourceBoundaryResolver(sourceNodeId, reactFlowInstance, getManifestForNode) {
+    const sourceNode = reactFlowInstance.getNode(sourceNodeId);
+    if (!sourceNode) return;
+    const manifest = getManifestForNode(sourceNode);
+    if (!manifest?.handleConfiguration) return;
+    const resolvedGroups = (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, {
+        ...sourceNode.data,
+        nodeId: sourceNode.id
+    });
+    const handleToBoundary = new Map();
+    for (const group of resolvedGroups){
+        const boundary = group.boundary ?? 'outer';
+        for (const handle of group.handles)handleToBoundary.set(handle.id, boundary);
+    }
+    return (handleId)=>handleToBoundary.get(handleId);
+}
 function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = react_cjs_namespaceObject.Position.Right, sourceHandleType = 'source', ignoredNodeTypes = [], options = {}) {
     const source = {
         nodeId: sourceNodeId,
@@ -40,12 +57,14 @@ function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, h
         reactFlowInstance,
         getManifestForNode: options.getManifestForNode
     }) : null;
+    const sourceBoundaryOf = options.getManifestForNode ? buildSourceBoundaryResolver(sourceNodeId, reactFlowInstance, options.getManifestForNode) : void 0;
     (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
         source,
         reactFlowInstance,
         sourceHandleType,
         handlePosition,
         ignoredNodeTypes,
+        sourceBoundaryOf,
         ...overrides ?? {}
     });
 }

package/dist/canvas/components/AddNodePanel/createAddNodePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAddNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/createAddNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAE5F,OAAO,EACL,KAAK,gCAAgC,EAEtC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,CAAC,EAAE,gCAAgC,CAAC;CACvD;AAcD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,gBAAgB,GAAE,MAAM,EAAO,EAC/B,OAAO,GAAE,qBAA0B,GAClC,IAAI,CAsBN"}
+{"version":3,"file":"createAddNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/createAddNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAI5F,OAAO,EACL,KAAK,gCAAgC,EAEtC,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,CAAC,EAAE,gCAAgC,CAAC;CACvD;AAoDD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,gBAAgB,GAAE,MAAM,EAAO,EAC/B,OAAO,GAAE,qBAA0B,GAClC,IAAI,CA0BN"}

package/dist/canvas/components/AddNodePanel/createAddNodePreview.js

@@ -1,6 +1,23 @@
 import { Position } from "../../xyflow/react.js";
 import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
+import { resolveHandles } from "../../utils/manifest-resolver.js";
 import { resolveContainerAddNodePreview } from "../LoopNode/LoopNode.helpers.js";
+function buildSourceBoundaryResolver(sourceNodeId, reactFlowInstance, getManifestForNode) {
+    const sourceNode = reactFlowInstance.getNode(sourceNodeId);
+    if (!sourceNode) return;
+    const manifest = getManifestForNode(sourceNode);
+    if (!manifest?.handleConfiguration) return;
+    const resolvedGroups = resolveHandles(manifest.handleConfiguration, {
+        ...sourceNode.data,
+        nodeId: sourceNode.id
+    });
+    const handleToBoundary = new Map();
+    for (const group of resolvedGroups){
+        const boundary = group.boundary ?? 'outer';
+        for (const handle of group.handles)handleToBoundary.set(handle.id, boundary);
+    }
+    return (handleId)=>handleToBoundary.get(handleId);
+}
 function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = Position.Right, sourceHandleType = 'source', ignoredNodeTypes = [], options = {}) {
     const source = {
         nodeId: sourceNodeId,
@@ -12,12 +29,14 @@ function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, h
         reactFlowInstance,
         getManifestForNode: options.getManifestForNode
     }) : null;
+    const sourceBoundaryOf = options.getManifestForNode ? buildSourceBoundaryResolver(sourceNodeId, reactFlowInstance, options.getManifestForNode) : void 0;
     showPreviewGraph({
         source,
         reactFlowInstance,
         sourceHandleType,
         handlePosition,
         ignoredNodeTypes,
+        sourceBoundaryOf,
         ...overrides ?? {}
     });
 }

package/dist/canvas/components/LoopNode/LoopNode.cjs

@@ -272,9 +272,14 @@ function LoopNodeComponent(props) {
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BodyFrame, {
                 isEmpty: showEmptyStateButton,
-                isLoading: isLoading,
-                onAddFirstChild: handleEmptyClick
+                isLoading: isLoading
             }),
+            showEmptyStateButton ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: (0, apollo_wind_namespaceObject.cn)('pointer-events-none absolute left-1/2 top-1/2', '-translate-x-1/2 -translate-y-1/2'),
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyState, {
+                    onAddFirstChild: handleEmptyClick
+                })
+            }) : null,
             toolbarConfig && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Toolbar_index_cjs_namespaceObject.NodeToolbar, {
                 nodeId: id,
                 config: toolbarConfig,
@@ -356,19 +361,14 @@ function EmptyState({ onAddFirstChild }) {
         })
     });
 }
-function BodyFrame({ isEmpty, isLoading, onAddFirstChild }) {
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+function BodyFrame({ isEmpty, isLoading }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         "data-testid": "loop-body-frame",
         "data-empty": isEmpty ? 'true' : 'false',
-        className: (0, apollo_wind_namespaceObject.cn)('relative m-2.5 flex flex-1 rounded-xl border-[1.5px] border-dashed border-border-subtle bg-transparent', 'pointer-events-none', isEmpty && 'items-center justify-center'),
-        children: [
-            isLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "m-6 h-14 w-full animate-pulse rounded-[18px] bg-(--canvas-background-overlay)"
-            }) : null,
-            isEmpty ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyState, {
-                onAddFirstChild: onAddFirstChild
-            }) : null
-        ]
+        className: (0, apollo_wind_namespaceObject.cn)('relative m-2.5 flex flex-1 rounded-xl border-[1.5px] border-dashed border-border-subtle bg-transparent', 'pointer-events-none'),
+        children: isLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "m-6 h-14 w-full animate-pulse rounded-[18px] bg-(--canvas-background-overlay)"
+        }) : null
     });
 }
 function ResizeControls({ onResize }) {

package/dist/canvas/components/LoopNode/LoopNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyEtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CA0N9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyEtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAgO9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.js

@@ -244,9 +244,14 @@ function LoopNodeComponent(props) {
             }),
             /*#__PURE__*/ jsx(BodyFrame, {
                 isEmpty: showEmptyStateButton,
-                isLoading: isLoading,
-                onAddFirstChild: handleEmptyClick
+                isLoading: isLoading
             }),
+            showEmptyStateButton ? /*#__PURE__*/ jsx("div", {
+                className: cn('pointer-events-none absolute left-1/2 top-1/2', '-translate-x-1/2 -translate-y-1/2'),
+                children: /*#__PURE__*/ jsx(EmptyState, {
+                    onAddFirstChild: handleEmptyClick
+                })
+            }) : null,
             toolbarConfig && /*#__PURE__*/ jsx(NodeToolbar, {
                 nodeId: id,
                 config: toolbarConfig,
@@ -328,19 +333,14 @@ function EmptyState({ onAddFirstChild }) {
         })
     });
 }
-function BodyFrame({ isEmpty, isLoading, onAddFirstChild }) {
-    return /*#__PURE__*/ jsxs("div", {
+function BodyFrame({ isEmpty, isLoading }) {
+    return /*#__PURE__*/ jsx("div", {
         "data-testid": "loop-body-frame",
         "data-empty": isEmpty ? 'true' : 'false',
-        className: cn('relative m-2.5 flex flex-1 rounded-xl border-[1.5px] border-dashed border-border-subtle bg-transparent', 'pointer-events-none', isEmpty && 'items-center justify-center'),
-        children: [
-            isLoading ? /*#__PURE__*/ jsx("div", {
-                className: "m-6 h-14 w-full animate-pulse rounded-[18px] bg-(--canvas-background-overlay)"
-            }) : null,
-            isEmpty ? /*#__PURE__*/ jsx(EmptyState, {
-                onAddFirstChild: onAddFirstChild
-            }) : null
-        ]
+        className: cn('relative m-2.5 flex flex-1 rounded-xl border-[1.5px] border-dashed border-border-subtle bg-transparent', 'pointer-events-none'),
+        children: isLoading ? /*#__PURE__*/ jsx("div", {
+            className: "m-6 h-14 w-full animate-pulse rounded-[18px] bg-(--canvas-background-overlay)"
+        }) : null
     });
 }
 function ResizeControls({ onResize }) {

package/dist/canvas/components/LoopNode/LoopNodePreview.cjs

@@ -26,6 +26,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     showCenteredContainerPreview: ()=>showCenteredContainerPreview
 });
+const container_cjs_namespaceObject = require("../../utils/container.cjs");
 const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
 const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
 const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
@@ -35,9 +36,10 @@ function showCenteredContainerPreview({ containerId, reactFlowInstance, previewH
     const allNodes = reactFlowInstance.getNodes();
     const containerAbsolutePosition = (0, NodeUtils_cjs_namespaceObject.getAbsolutePosition)(containerNode, allNodes);
     const relativeCenter = (0, external_LoopNode_helpers_cjs_namespaceObject.getContainerRelativeBodyCenter)(containerNode);
+    const containerSize = (0, container_cjs_namespaceObject.getNodeDimensions)(containerNode);
     const previewCenter = {
         x: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(containerAbsolutePosition.x + relativeCenter.x),
-        y: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(containerAbsolutePosition.y + relativeCenter.y)
+        y: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(containerAbsolutePosition.y + containerSize.height / 2)
     };
     const placement = {
         containerId,

package/dist/canvas/components/LoopNode/LoopNodePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoopNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAIlF,OAAO,EACL,KAAK,iCAAiC,EAEvC,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,cAAc,EAAE,iCAAiC,CAAC;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,QAmCA"}
+{"version":3,"file":"LoopNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAIlF,OAAO,EACL,KAAK,iCAAiC,EAEvC,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,cAAc,EAAE,iCAAiC,CAAC;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,QAuCA"}

package/dist/canvas/components/LoopNode/LoopNodePreview.js

@@ -1,3 +1,4 @@
+import { getNodeDimensions } from "../../utils/container.js";
 import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
 import { getAbsolutePosition, snapToGrid } from "../../utils/NodeUtils.js";
 import { getContainerRelativeBodyCenter } from "./LoopNode.helpers.js";
@@ -7,9 +8,10 @@ function showCenteredContainerPreview({ containerId, reactFlowInstance, previewH
     const allNodes = reactFlowInstance.getNodes();
     const containerAbsolutePosition = getAbsolutePosition(containerNode, allNodes);
     const relativeCenter = getContainerRelativeBodyCenter(containerNode);
+    const containerSize = getNodeDimensions(containerNode);
     const previewCenter = {
         x: snapToGrid(containerAbsolutePosition.x + relativeCenter.x),
-        y: snapToGrid(containerAbsolutePosition.y + relativeCenter.y)
+        y: snapToGrid(containerAbsolutePosition.y + containerSize.height / 2)
     };
     const placement = {
         containerId,

package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EAi4B1C,CAAC"}
+{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EAq4B1C,CAAC"}

package/dist/canvas/storybook-utils/mocks/nodes.d.ts

@@ -17,27 +17,27 @@ export declare const NodePositions: {
     };
     readonly row2col1: {
         readonly x: 96;
-        readonly y: 255;
+        readonly y: 256;
     };
     readonly row2col2: {
         readonly x: 288;
-        readonly y: 255;
+        readonly y: 256;
     };
     readonly row2col3: {
         readonly x: 480;
-        readonly y: 255;
+        readonly y: 256;
     };
     readonly row3col1: {
         readonly x: 96;
-        readonly y: 414;
+        readonly y: 416;
     };
     readonly row3col2: {
         readonly x: 288;
-        readonly y: 414;
+        readonly y: 416;
     };
     readonly row3col3: {
         readonly x: 480;
-        readonly y: 414;
+        readonly y: 416;
     };
 };
 export interface CreateNodeOptions<T = Record<string, unknown>> {

package/dist/canvas/storybook-utils/mocks/nodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/mocks/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAKnF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;AAKX,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE5D,EAAE,EAAE,MAAM,CAAC;IAEX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IAEjC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,eAAe,CAAC,EACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,eAAe,GACf,YAAY,CAAC;CAClB;AAsBD,wBAAgB,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpD,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC5B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAsCxB;AAiBD,wBAAgB,cAAc,CAAC,OAAO,EAAE;IAEtC,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,KAAK,CACT,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CACzF,CAAC;IAEF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAuCvB;AAKD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsCE,MAAM,EAAE;;;;;;;;;CAW1B,CAAC;AAkBX,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,iBAAiB,CAAC,GAC5D,IAAI,CAAC,YAAY,CAAC,EAAE,CA6BtB"}
+{"version":3,"file":"nodes.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/mocks/nodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAWnF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBhB,CAAC;AAKX,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE5D,EAAE,EAAE,MAAM,CAAC;IAEX,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IAEjC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,eAAe,CAAC,EACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,eAAe,GACf,YAAY,CAAC;CAClB;AAsBD,wBAAgB,UAAU,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpD,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC5B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAsCxB;AAiBD,wBAAgB,cAAc,CAAC,OAAO,EAAE;IAEtC,MAAM,EAAE,MAAM,CAAC;IAEf,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,EAAE,KAAK,CACT,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,eAAe,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CACzF,CAAC;IAEF,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAuCvB;AAKD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAsCE,MAAM,EAAE;;;;;;;;;CAW1B,CAAC;AAkBX,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,iBAAiB,CAAC,GAC5D,IAAI,CAAC,YAAY,CAAC,EAAE,CA6BtB"}

package/dist/canvas/utils/NodeUtils.cjs

@@ -132,22 +132,34 @@ const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, ma
     });
     return nodes.map((n)=>resolvedMap.get(n.id) ?? n);
 };
-function resolveHandleContext(internalNode, handleId, handlePosition) {
+function resolveHandleContext(internalNode, handleId, handlePosition, options) {
     const allHandles = [
         ...internalNode.internals.handleBounds?.source ?? [],
         ...internalNode.internals.handleBounds?.target ?? []
     ];
     const matchedHandle = allHandles.find((h)=>h.id === handleId);
     if (!matchedHandle) return;
+    const peers = filterRailPeers(allHandles, handleId, handlePosition, options?.boundaryOf);
     return {
         anchor: {
             x: internalNode.internals.positionAbsolute.x + matchedHandle.x + matchedHandle.width / 2,
             y: internalNode.internals.positionAbsolute.y + matchedHandle.y + matchedHandle.height / 2
         },
-        index: getHandleIndex(handleId, handlePosition, allHandles),
-        count: allHandles.filter((h)=>h.position === handlePosition).length
+        index: getHandleIndex(handleId, handlePosition, peers),
+        count: peers.length
     };
 }
+function filterRailPeers(allHandles, handleId, handlePosition, boundaryOf) {
+    const samePosition = allHandles.filter((h)=>h.position === handlePosition);
+    if (!boundaryOf) return samePosition;
+    const targetBoundary = boundaryOf(handleId);
+    if (void 0 === targetBoundary) return samePosition;
+    return samePosition.filter((h)=>{
+        if (!h.id) return false;
+        const peerBoundary = boundaryOf(h.id);
+        return void 0 === peerBoundary || peerBoundary === targetBoundary;
+    });
+}
 function getHandleIndex(handleId, position, allHandles) {
     const peers = allHandles.filter((h)=>h.position === position).sort((a, b)=>position === react_cjs_namespaceObject.Position.Left || position === react_cjs_namespaceObject.Position.Right ? a.y - b.y : a.x - b.x);
     const index = peers.findIndex((h)=>h.id === handleId);

package/dist/canvas/utils/NodeUtils.d.ts

@@ -35,6 +35,10 @@ export type HandleContext = {
     index: number | null;
     count: number;
 };
-export declare function resolveHandleContext(internalNode: InternalNode, handleId: string, handlePosition: Position): HandleContext | undefined;
+export type HandleBoundaryResolver = (handleId: string) => 'outer' | 'inner' | undefined;
+export interface ResolveHandleContextOptions {
+    boundaryOf?: HandleBoundaryResolver;
+}
+export declare function resolveHandleContext(internalNode: InternalNode, handleId: string, handlePosition: Position, options?: ResolveHandleContextOptions): HandleContext | undefined;
 export declare function getHandleIndex(handleId: string, position: Position, allHandles: Handle[]): number | null;
 //# sourceMappingURL=NodeUtils.d.ts.map

package/dist/canvas/utils/NodeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeUtils.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/NodeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAS3F,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAWrF,CAAC;AAeF,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAC9C,MAAM,SAAmB,EACzB,gBAAgB,GAAE,MAAM,EAAO,EAC/B,iBAAiB,GAAE;IAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAA8B,GACvF,UAAU,CAgCZ;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAE1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAE9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,EAAE,CAAC;AAyChG,eAAO,MAAM,iBAAiB,EAAE,kBA8E/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAMF,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,QAAQ,GACvB,aAAa,GAAG,SAAS,CAgB3B;AAWD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,GAAG,IAAI,CAQf"}
+{"version":3,"file":"NodeUtils.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/NodeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,0CAA0C,CAAC;AAQlD,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAS3F,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,EAAE,OAAO,IAAI,EAAE,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAWrF,CAAC;AAeF,wBAAgB,qCAAqC,CACnD,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,UAAU,EAC3B,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC/C,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,EAC9C,MAAM,SAAmB,EACzB,gBAAgB,GAAE,MAAM,EAAO,EAC/B,iBAAiB,GAAE;IAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAA8B,GACvF,UAAU,CAgCZ;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,MAE1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,KAAG,MAE9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,EAAE,CAAC;AAyChG,eAAO,MAAM,iBAAiB,EAAE,kBA8E/B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AASF,MAAM,MAAM,sBAAsB,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEzF,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,sBAAsB,CAAC;CACrC;AAMD,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,QAAQ,EACxB,OAAO,CAAC,EAAE,2BAA2B,GACpC,aAAa,GAAG,SAAS,CAkB3B;AAoCD,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,MAAM,EAAE,GACnB,MAAM,GAAG,IAAI,CAQf"}

package/dist/canvas/utils/NodeUtils.js

@@ -95,22 +95,34 @@ const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, ma
     });
     return nodes.map((n)=>resolvedMap.get(n.id) ?? n);
 };
-function resolveHandleContext(internalNode, handleId, handlePosition) {
+function resolveHandleContext(internalNode, handleId, handlePosition, options) {
     const allHandles = [
         ...internalNode.internals.handleBounds?.source ?? [],
         ...internalNode.internals.handleBounds?.target ?? []
     ];
     const matchedHandle = allHandles.find((h)=>h.id === handleId);
     if (!matchedHandle) return;
+    const peers = filterRailPeers(allHandles, handleId, handlePosition, options?.boundaryOf);
     return {
         anchor: {
             x: internalNode.internals.positionAbsolute.x + matchedHandle.x + matchedHandle.width / 2,
             y: internalNode.internals.positionAbsolute.y + matchedHandle.y + matchedHandle.height / 2
         },
-        index: getHandleIndex(handleId, handlePosition, allHandles),
-        count: allHandles.filter((h)=>h.position === handlePosition).length
+        index: getHandleIndex(handleId, handlePosition, peers),
+        count: peers.length
     };
 }
+function filterRailPeers(allHandles, handleId, handlePosition, boundaryOf) {
+    const samePosition = allHandles.filter((h)=>h.position === handlePosition);
+    if (!boundaryOf) return samePosition;
+    const targetBoundary = boundaryOf(handleId);
+    if (void 0 === targetBoundary) return samePosition;
+    return samePosition.filter((h)=>{
+        if (!h.id) return false;
+        const peerBoundary = boundaryOf(h.id);
+        return void 0 === peerBoundary || peerBoundary === targetBoundary;
+    });
+}
 function getHandleIndex(handleId, position, allHandles) {
     const peers = allHandles.filter((h)=>h.position === position).sort((a, b)=>position === Position.Left || position === Position.Right ? a.y - b.y : a.x - b.x);
     const index = peers.findIndex((h)=>h.id === handleId);