@uipath/apollo-react 4.18.0 → 4.18.1

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,55 @@ 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 requiredTargetLeft = insertedX + insertedSize.width + TOP_LEVEL_INSERTION_GAP_PX;
+    const downstreamShift = 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();
+    const insertedXChanged = insertedX !== insertedNode.position.x;
+    if (!insertedXChanged && 0 === downstreamShift) 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 +183,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;AAoHD,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,55 @@ 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 requiredTargetLeft = insertedX + insertedSize.width + TOP_LEVEL_INSERTION_GAP_PX;
+    const downstreamShift = 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();
+    const insertedXChanged = insertedX !== insertedNode.position.x;
+    if (!insertedXChanged && 0 === downstreamShift) 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 +153,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);

package/dist/canvas/utils/container.cjs

@@ -25,12 +25,13 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CONTAINER_SEQUENCE_GAP_PX: ()=>CONTAINER_SEQUENCE_GAP_PX,
-    DEFAULT_CONTAINER_WIDTH: ()=>DEFAULT_CONTAINER_WIDTH,
+    collectLinearDownstreamSiblings: ()=>collectLinearDownstreamSiblings,
     DEFAULT_CONTAINER_HEIGHT: ()=>DEFAULT_CONTAINER_HEIGHT,
     getContainerSafeArea: ()=>container_getContainerSafeArea,
+    DEFAULT_CONTAINER_WIDTH: ()=>DEFAULT_CONTAINER_WIDTH,
     isContainerNodeManifest: ()=>isContainerNodeManifest,
-    placeContainerNode: ()=>placeContainerNode,
     DEFAULT_CONTAINER_MIN_HEIGHT: ()=>DEFAULT_CONTAINER_MIN_HEIGHT,
+    placeContainerNode: ()=>placeContainerNode,
     getContainerNodeForEdge: ()=>getContainerNodeForEdge,
     resolveContainerPreview: ()=>resolveContainerPreview,
     getContainerFitGeometry: ()=>container_getContainerFitGeometry,
@@ -204,10 +205,12 @@ function clampTopToSafeArea(top, safeArea, nodeSize) {
 function rangesOverlap(startA, endA, startB, endB) {
     return startA < endB && endA > startB;
 }
-function centerInSafeArea(safeArea, nodeSize) {
+function centerOnContainerRail(containerSize, safeArea, nodeSize) {
+    const railY = (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(containerSize.height / 2 - nodeSize.height / 2);
+    const maxY = safeArea.y + Math.max(0, safeArea.height - nodeSize.height);
     return {
         x: Math.max(safeArea.x, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(safeArea.x + (safeArea.width - nodeSize.width) / 2)),
-        y: Math.max(safeArea.y, (0, external_NodeUtils_cjs_namespaceObject.snapToGrid)(safeArea.y + (safeArea.height - nodeSize.height) / 2))
+        y: (0, external_NodeUtils_cjs_namespaceObject.clamp)(railY, safeArea.y, maxY)
     };
 }
 function getLocalNodePosition(node, containerNode, nodes) {
@@ -273,43 +276,54 @@ function getSingleOutgoingEdge(sourceNodeId, sourceHandleId, edges) {
 function isPreviewGraphEdge(edge) {
     return edge.source === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID || edge.target === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID;
 }
-function getDefaultNextContainerSequenceNodeId({ nodeId, edges, nodesById, containerId, isSequenceEdge }) {
-    const localOutgoingEdges = edges.filter((edge)=>{
-        if (isPreviewGraphEdge(edge) || edge.source !== nodeId) return false;
-        if (isSequenceEdge && !isSequenceEdge(edge)) return false;
-        const targetNode = nodesById.get(edge.target);
-        return edge.target === containerId || targetNode?.parentId === containerId;
-    });
-    return 1 === localOutgoingEdges.length ? localOutgoingEdges[0].target : null;
+function bucketInScopeEdgesBySource({ edges, nodesById, parentId, isSequenceEdge }) {
+    const bySource = new Map();
+    for (const edge of edges){
+        if (isPreviewGraphEdge(edge)) continue;
+        if (isSequenceEdge && !isSequenceEdge(edge)) continue;
+        const targetIsParent = void 0 !== parentId && edge.target === parentId;
+        const targetIsSibling = nodesById.get(edge.target)?.parentId === parentId;
+        if (!targetIsParent && !targetIsSibling) continue;
+        const bucket = bySource.get(edge.source);
+        if (bucket) bucket.push(edge);
+        else bySource.set(edge.source, [
+            edge
+        ]);
+    }
+    return bySource;
 }
-function collectDownstreamNodes({ targetNodeId, containerId, nodes, edges, isSequenceEdge, getNextNodeId }) {
-    if (!targetNodeId || targetNodeId === containerId) return [];
+function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges, isSequenceEdge, getNextNodeId }) {
+    if (!startNodeId || startNodeId === parentId) return [];
     const nodesById = new Map(nodes.map((node)=>[
             node.id,
             node
         ]));
+    const inScopeEdgesBySource = bucketInScopeEdgesBySource({
+        edges,
+        nodesById,
+        parentId,
+        isSequenceEdge
+    });
     const collectedIds = [];
     const visitedIds = new Set();
-    let currentNodeId = targetNodeId;
+    let currentNodeId = startNodeId;
     while(!visitedIds.has(currentNodeId)){
         const currentNode = nodesById.get(currentNodeId);
-        if (!currentNode || currentNode.parentId !== containerId) break;
+        if (!currentNode || currentNode.parentId !== parentId) break;
         collectedIds.push(currentNodeId);
         visitedIds.add(currentNodeId);
-        const nextNodeId = getNextNodeId?.({
+        let next = getNextNodeId ? getNextNodeId({
             nodeId: currentNodeId,
             edges,
             nodesById,
-            containerId
-        }) ?? getDefaultNextContainerSequenceNodeId({
-            nodeId: currentNodeId,
-            edges,
-            nodesById,
-            containerId,
-            isSequenceEdge
-        });
-        if (!nextNodeId || nextNodeId === containerId) break;
-        currentNodeId = nextNodeId;
+            parentId
+        }) : void 0;
+        if (void 0 === next) {
+            const outgoing = inScopeEdgesBySource.get(currentNodeId) ?? [];
+            next = 1 === outgoing.length ? outgoing[0].target : null;
+        }
+        if (!next || next === parentId) break;
+        currentNodeId = next;
     }
     return collectedIds;
 }
@@ -491,26 +505,37 @@ function pushSiblingsAfterContainerGrowth({ nodes, changes, getNodeDimensions, g
     let nextNodes = nodes;
     for (const change of sortContainerSizeChanges(changes, nextNodes)){
         const widthDelta = change.nextSize.width - change.previousSize.width;
-        if (widthDelta <= 0) continue;
+        const heightDelta = change.nextSize.height - change.previousSize.height;
+        if (widthDelta <= 0 && heightDelta <= 0) continue;
         const containerNode = nextNodes.find((node)=>node.id === change.containerId);
         const oldRight = containerNode.position.x + change.previousSize.width;
         const newRight = containerNode.position.x + change.nextSize.width;
+        const oldBottom = containerNode.position.y + change.previousSize.height;
+        const newBottom = containerNode.position.y + change.nextSize.height;
+        const containerLeft = containerNode.position.x;
+        const containerRight = containerNode.position.x + Math.max(change.previousSize.width, change.nextSize.width);
         const containerTop = containerNode.position.y;
         const containerBottom = containerNode.position.y + Math.max(change.previousSize.height, change.nextSize.height);
         nextNodes = nextNodes.map((node)=>{
             if (node.id === containerNode.id || node.parentId !== containerNode.parentId) return node;
             const nodeSize = getNodeDimensions(node);
-            const isRightSibling = node.position.x >= oldRight;
-            const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
-            if (!isRightSibling || !verticallyOverlaps) return node;
-            const nextX = Math.max(node.position.x + widthDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newRight + gap));
-            if (nextX === node.position.x) return node;
+            let nextX = node.position.x;
+            let nextY = node.position.y;
+            if (widthDelta > 0 && node.position.x >= oldRight) {
+                const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
+                if (verticallyOverlaps) nextX = Math.max(node.position.x + widthDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newRight + gap));
+            }
+            if (heightDelta > 0 && node.position.y >= oldBottom) {
+                const horizontallyOverlaps = rangesOverlap(node.position.x, node.position.x + nodeSize.width, containerLeft, containerRight);
+                if (horizontallyOverlaps) nextY = Math.max(node.position.y + heightDelta, (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(newBottom + gap));
+            }
+            if (nextX === node.position.x && nextY === node.position.y) return node;
             shifted = true;
             return {
                 ...node,
                 position: {
-                    ...node.position,
-                    x: nextX
+                    x: nextX,
+                    y: nextY
                 }
             };
         });
@@ -542,11 +567,11 @@ function fitContainersAndPushSiblings({ nodes, containerIds, getContainerFitGeom
     }
     return nextNodes;
 }
-function getContainerPlacement({ previewNode, isContainerId }) {
+function getContainerPlacement(previewNode) {
     const placement = previewNode.data?.[PLACEMENT_DATA_KEY];
     if (!placement) return null;
     if (previewNode.parentId && placement.containerId !== previewNode.parentId) return null;
-    return isContainerId && !isContainerId(placement.containerId) ? null : placement;
+    return placement;
 }
 function placeContainerNode({ nodes, insertedNode, placement, safeArea, getContainerFitGeometry: resolveContainerFitGeometry = container_getContainerFitGeometry, getNodeDimensions: resolveNodeDimensions = container_getNodeDimensions, gap = CONTAINER_SEQUENCE_GAP_PX, downstreamNodeIds, edges }) {
     const containerNode = nodes.find((node)=>node.id === placement.containerId);
@@ -558,7 +583,7 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const resolvedSafeArea = getSafeArea(containerNode, safeArea);
     const positionedNode = 'first-child' === placement.mode ? {
         ...insertedNode,
-        position: centerInSafeArea(resolvedSafeArea, insertedSize)
+        position: centerOnContainerRail(resolveNodeDimensions(containerNode), resolvedSafeArea, insertedSize)
     } : {
         ...insertedNode,
         position: getInsertedPosition({
@@ -577,9 +602,9 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const fallbackTargetIds = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? [
         placement.targetNodeId
     ] : [];
-    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectDownstreamNodes({
-        targetNodeId: placement.targetNodeId,
-        containerId: placement.containerId,
+    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectLinearDownstreamSiblings({
+        startNodeId: placement.targetNodeId,
+        parentId: placement.containerId,
         nodes,
         edges
     }) : fallbackTargetIds));
@@ -612,6 +637,7 @@ exports.DEFAULT_CONTAINER_HEIGHT = __webpack_exports__.DEFAULT_CONTAINER_HEIGHT;
 exports.DEFAULT_CONTAINER_MIN_HEIGHT = __webpack_exports__.DEFAULT_CONTAINER_MIN_HEIGHT;
 exports.DEFAULT_CONTAINER_MIN_WIDTH = __webpack_exports__.DEFAULT_CONTAINER_MIN_WIDTH;
 exports.DEFAULT_CONTAINER_WIDTH = __webpack_exports__.DEFAULT_CONTAINER_WIDTH;
+exports.collectLinearDownstreamSiblings = __webpack_exports__.collectLinearDownstreamSiblings;
 exports.ensureContainersFitChildren = __webpack_exports__.ensureContainersFitChildren;
 exports.getContainerFitGeometry = __webpack_exports__.getContainerFitGeometry;
 exports.getContainerNodeForEdge = __webpack_exports__.getContainerNodeForEdge;
@@ -628,6 +654,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DEFAULT_CONTAINER_MIN_HEIGHT",
     "DEFAULT_CONTAINER_MIN_WIDTH",
     "DEFAULT_CONTAINER_WIDTH",
+    "collectLinearDownstreamSiblings",
     "ensureContainersFitChildren",
     "getContainerFitGeometry",
     "getContainerNodeForEdge",

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

@@ -59,6 +59,14 @@ interface ContainerPreviewOptions {
     avoidSiblings?: boolean;
     getNodeDimensions?: (node: Node) => NodeDimensions;
 }
+type SequenceEdgePredicate = (edge: Edge) => boolean;
+interface NextNodeContext {
+    nodeId: string;
+    edges: Edge[];
+    nodesById: Map<string, Node>;
+    parentId: string | undefined;
+}
+type NextNodeResolver = (context: NextNodeContext) => string | null | undefined;
 export declare const DEFAULT_CONTAINER_WIDTH: number;
 export declare const DEFAULT_CONTAINER_HEIGHT: number;
 export declare const DEFAULT_CONTAINER_MIN_WIDTH: number;
@@ -77,11 +85,16 @@ export declare function ensureContainersFitChildren(nodes: Node[], { containerId
     includeAncestors?: boolean;
 }): EnsureContainersFitChildrenResult;
 export declare function getContainerNodeForEdge(sourceNode: Node, targetNode: Node, nodes: Node[]): Node | null;
+export declare function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges, isSequenceEdge, getNextNodeId, }: {
+    startNodeId: string | undefined;
+    parentId: string | undefined;
+    nodes: Node[];
+    edges: Edge[];
+    isSequenceEdge?: SequenceEdgePredicate;
+    getNextNodeId?: NextNodeResolver;
+}): string[];
 export declare function resolveContainerPreview({ source, sourceHandleType, reactFlowInstance, ...options }: ContainerPreviewContext & ContainerPreviewOptions): PreviewGraphOverrides | null;
-export declare function getContainerPlacement({ previewNode, isContainerId, }: {
-    previewNode: Pick<Node, 'data' | 'parentId'>;
-    isContainerId?: (containerId: string) => boolean;
-}): ContainerPlacement | null;
+export declare function getContainerPlacement(previewNode: Pick<Node, 'data' | 'parentId'>): ContainerPlacement | null;
 export declare function placeContainerNode({ nodes, insertedNode, placement, safeArea, getContainerFitGeometry: resolveContainerFitGeometry, getNodeDimensions: resolveNodeDimensions, gap, downstreamNodeIds, edges, }: {
     nodes: Node[];
     insertedNode: Node;

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

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container.ts"],"names":[],"mappings":"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"}

package/dist/canvas/utils/container.js

@@ -162,10 +162,12 @@ function clampTopToSafeArea(top, safeArea, nodeSize) {
 function rangesOverlap(startA, endA, startB, endB) {
     return startA < endB && endA > startB;
 }
-function centerInSafeArea(safeArea, nodeSize) {
+function centerOnContainerRail(containerSize, safeArea, nodeSize) {
+    const railY = snapToGrid(containerSize.height / 2 - nodeSize.height / 2);
+    const maxY = safeArea.y + Math.max(0, safeArea.height - nodeSize.height);
     return {
         x: Math.max(safeArea.x, snapToGrid(safeArea.x + (safeArea.width - nodeSize.width) / 2)),
-        y: Math.max(safeArea.y, snapToGrid(safeArea.y + (safeArea.height - nodeSize.height) / 2))
+        y: clamp(railY, safeArea.y, maxY)
     };
 }
 function getLocalNodePosition(node, containerNode, nodes) {
@@ -231,43 +233,54 @@ function getSingleOutgoingEdge(sourceNodeId, sourceHandleId, edges) {
 function isPreviewGraphEdge(edge) {
     return edge.source === PREVIEW_NODE_ID || edge.target === PREVIEW_NODE_ID;
 }
-function getDefaultNextContainerSequenceNodeId({ nodeId, edges, nodesById, containerId, isSequenceEdge }) {
-    const localOutgoingEdges = edges.filter((edge)=>{
-        if (isPreviewGraphEdge(edge) || edge.source !== nodeId) return false;
-        if (isSequenceEdge && !isSequenceEdge(edge)) return false;
-        const targetNode = nodesById.get(edge.target);
-        return edge.target === containerId || targetNode?.parentId === containerId;
-    });
-    return 1 === localOutgoingEdges.length ? localOutgoingEdges[0].target : null;
+function bucketInScopeEdgesBySource({ edges, nodesById, parentId, isSequenceEdge }) {
+    const bySource = new Map();
+    for (const edge of edges){
+        if (isPreviewGraphEdge(edge)) continue;
+        if (isSequenceEdge && !isSequenceEdge(edge)) continue;
+        const targetIsParent = void 0 !== parentId && edge.target === parentId;
+        const targetIsSibling = nodesById.get(edge.target)?.parentId === parentId;
+        if (!targetIsParent && !targetIsSibling) continue;
+        const bucket = bySource.get(edge.source);
+        if (bucket) bucket.push(edge);
+        else bySource.set(edge.source, [
+            edge
+        ]);
+    }
+    return bySource;
 }
-function collectDownstreamNodes({ targetNodeId, containerId, nodes, edges, isSequenceEdge, getNextNodeId }) {
-    if (!targetNodeId || targetNodeId === containerId) return [];
+function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges, isSequenceEdge, getNextNodeId }) {
+    if (!startNodeId || startNodeId === parentId) return [];
     const nodesById = new Map(nodes.map((node)=>[
             node.id,
             node
         ]));
+    const inScopeEdgesBySource = bucketInScopeEdgesBySource({
+        edges,
+        nodesById,
+        parentId,
+        isSequenceEdge
+    });
     const collectedIds = [];
     const visitedIds = new Set();
-    let currentNodeId = targetNodeId;
+    let currentNodeId = startNodeId;
     while(!visitedIds.has(currentNodeId)){
         const currentNode = nodesById.get(currentNodeId);
-        if (!currentNode || currentNode.parentId !== containerId) break;
+        if (!currentNode || currentNode.parentId !== parentId) break;
         collectedIds.push(currentNodeId);
         visitedIds.add(currentNodeId);
-        const nextNodeId = getNextNodeId?.({
+        let next = getNextNodeId ? getNextNodeId({
             nodeId: currentNodeId,
             edges,
             nodesById,
-            containerId
-        }) ?? getDefaultNextContainerSequenceNodeId({
-            nodeId: currentNodeId,
-            edges,
-            nodesById,
-            containerId,
-            isSequenceEdge
-        });
-        if (!nextNodeId || nextNodeId === containerId) break;
-        currentNodeId = nextNodeId;
+            parentId
+        }) : void 0;
+        if (void 0 === next) {
+            const outgoing = inScopeEdgesBySource.get(currentNodeId) ?? [];
+            next = 1 === outgoing.length ? outgoing[0].target : null;
+        }
+        if (!next || next === parentId) break;
+        currentNodeId = next;
     }
     return collectedIds;
 }
@@ -449,26 +462,37 @@ function pushSiblingsAfterContainerGrowth({ nodes, changes, getNodeDimensions, g
     let nextNodes = nodes;
     for (const change of sortContainerSizeChanges(changes, nextNodes)){
         const widthDelta = change.nextSize.width - change.previousSize.width;
-        if (widthDelta <= 0) continue;
+        const heightDelta = change.nextSize.height - change.previousSize.height;
+        if (widthDelta <= 0 && heightDelta <= 0) continue;
         const containerNode = nextNodes.find((node)=>node.id === change.containerId);
         const oldRight = containerNode.position.x + change.previousSize.width;
         const newRight = containerNode.position.x + change.nextSize.width;
+        const oldBottom = containerNode.position.y + change.previousSize.height;
+        const newBottom = containerNode.position.y + change.nextSize.height;
+        const containerLeft = containerNode.position.x;
+        const containerRight = containerNode.position.x + Math.max(change.previousSize.width, change.nextSize.width);
         const containerTop = containerNode.position.y;
         const containerBottom = containerNode.position.y + Math.max(change.previousSize.height, change.nextSize.height);
         nextNodes = nextNodes.map((node)=>{
             if (node.id === containerNode.id || node.parentId !== containerNode.parentId) return node;
             const nodeSize = getNodeDimensions(node);
-            const isRightSibling = node.position.x >= oldRight;
-            const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
-            if (!isRightSibling || !verticallyOverlaps) return node;
-            const nextX = Math.max(node.position.x + widthDelta, snapUpToGrid(newRight + gap));
-            if (nextX === node.position.x) return node;
+            let nextX = node.position.x;
+            let nextY = node.position.y;
+            if (widthDelta > 0 && node.position.x >= oldRight) {
+                const verticallyOverlaps = rangesOverlap(node.position.y, node.position.y + nodeSize.height, containerTop, containerBottom);
+                if (verticallyOverlaps) nextX = Math.max(node.position.x + widthDelta, snapUpToGrid(newRight + gap));
+            }
+            if (heightDelta > 0 && node.position.y >= oldBottom) {
+                const horizontallyOverlaps = rangesOverlap(node.position.x, node.position.x + nodeSize.width, containerLeft, containerRight);
+                if (horizontallyOverlaps) nextY = Math.max(node.position.y + heightDelta, snapUpToGrid(newBottom + gap));
+            }
+            if (nextX === node.position.x && nextY === node.position.y) return node;
             shifted = true;
             return {
                 ...node,
                 position: {
-                    ...node.position,
-                    x: nextX
+                    x: nextX,
+                    y: nextY
                 }
             };
         });
@@ -500,11 +524,11 @@ function fitContainersAndPushSiblings({ nodes, containerIds, getContainerFitGeom
     }
     return nextNodes;
 }
-function getContainerPlacement({ previewNode, isContainerId }) {
+function getContainerPlacement(previewNode) {
     const placement = previewNode.data?.[PLACEMENT_DATA_KEY];
     if (!placement) return null;
     if (previewNode.parentId && placement.containerId !== previewNode.parentId) return null;
-    return isContainerId && !isContainerId(placement.containerId) ? null : placement;
+    return placement;
 }
 function placeContainerNode({ nodes, insertedNode, placement, safeArea, getContainerFitGeometry: resolveContainerFitGeometry = container_getContainerFitGeometry, getNodeDimensions: resolveNodeDimensions = container_getNodeDimensions, gap = CONTAINER_SEQUENCE_GAP_PX, downstreamNodeIds, edges }) {
     const containerNode = nodes.find((node)=>node.id === placement.containerId);
@@ -516,7 +540,7 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const resolvedSafeArea = getSafeArea(containerNode, safeArea);
     const positionedNode = 'first-child' === placement.mode ? {
         ...insertedNode,
-        position: centerInSafeArea(resolvedSafeArea, insertedSize)
+        position: centerOnContainerRail(resolveNodeDimensions(containerNode), resolvedSafeArea, insertedSize)
     } : {
         ...insertedNode,
         position: getInsertedPosition({
@@ -535,9 +559,9 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
     const fallbackTargetIds = placement.targetNodeId && placement.targetNodeId !== placement.containerId ? [
         placement.targetNodeId
     ] : [];
-    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectDownstreamNodes({
-        targetNodeId: placement.targetNodeId,
-        containerId: placement.containerId,
+    const idsToShift = new Set(downstreamNodeIds ?? (edges ? collectLinearDownstreamSiblings({
+        startNodeId: placement.targetNodeId,
+        parentId: placement.containerId,
         nodes,
         edges
     }) : fallbackTargetIds));
@@ -564,4 +588,4 @@ function placeContainerNode({ nodes, insertedNode, placement, safeArea, getConta
         gap
     });
 }
-export { CONTAINER_FRAME_INSET_PX, CONTAINER_SEQUENCE_GAP_PX, DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH, ensureContainersFitChildren, container_getContainerFitGeometry as getContainerFitGeometry, getContainerNodeForEdge, getContainerPlacement, container_getContainerSafeArea as getContainerSafeArea, container_getNodeDimensions as getNodeDimensions, isContainerNodeManifest, placeContainerNode, resolveContainerPreview };
+export { CONTAINER_FRAME_INSET_PX, CONTAINER_SEQUENCE_GAP_PX, DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH, collectLinearDownstreamSiblings, ensureContainersFitChildren, container_getContainerFitGeometry as getContainerFitGeometry, getContainerNodeForEdge, getContainerPlacement, container_getContainerSafeArea as getContainerSafeArea, container_getNodeDimensions as getNodeDimensions, isContainerNodeManifest, placeContainerNode, resolveContainerPreview };

package/dist/canvas/utils/createPreviewGraph.cjs

@@ -52,8 +52,20 @@ function reparentPreviewNodeToContainer(previewNode, containerId, reactFlowInsta
         extent: 'parent'
     };
 }
-function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode }) {
-    return (0, external_createPreviewNode_cjs_namespaceObject.createPreviewNode)(source.nodeId, source.handleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode);
+function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode, sourceBoundaryOf }) {
+    return (0, external_createPreviewNode_cjs_namespaceObject.createPreviewNode)({
+        sourceNodeId: source.nodeId,
+        sourceHandleId: source.handleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID,
+        reactFlowInstance,
+        position,
+        data,
+        sourceHandleType,
+        previewNodeSize,
+        handlePosition,
+        ignoredNodeTypes,
+        positionMode,
+        sourceBoundaryOf
+    });
 }
 function createTrailingPreviewEdge({ target, trailingEdgeId, trailingEdgeStyle = external_createPreviewNode_cjs_namespaceObject.PREVIEW_EDGE_STYLE }) {
     if (!target) return null;

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

@@ -1,6 +1,7 @@
 import type { Edge, Node, Position, ReactFlowInstance } from '../xyflow/react.ts';
 import type { CSSProperties } from 'react';
 import { type PreviewNodePositionMode } from './createPreviewNode';
+import { type HandleBoundaryResolver } from './NodeUtils';
 export interface PreviewGraph {
     node: Node;
     edges: Edge[];
@@ -29,6 +30,7 @@ export interface CreatePreviewGraphOptions {
     containerId?: string;
     trailingEdgeId?: string;
     trailingEdgeStyle?: CSSProperties;
+    sourceBoundaryOf?: HandleBoundaryResolver;
 }
 export type PreviewGraphOverrides = Partial<Pick<CreatePreviewGraphOptions, 'containerId' | 'data' | 'position' | 'positionMode' | 'target' | 'trailingEdgeId' | 'trailingEdgeStyle'>>;
 export declare function reparentPreviewNodeToContainer(previewNode: Node, containerId: string, reactFlowInstance: ReactFlowInstance): Node | null;

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

@@ -1 +1 @@
-{"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;CACnC;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AA0BF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAsDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}
+{"version":3,"file":"createPreviewGraph.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewGraph.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,iBAAiB,EAClB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAGD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAMD,MAAM,WAAW,yBAAyB;IACxC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAOlC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAED,MAAM,MAAM,qBAAqB,GAAG,OAAO,CACzC,IAAI,CACF,yBAAyB,EACvB,aAAa,GACb,MAAM,GACN,UAAU,GACV,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,mBAAmB,CACtB,CACF,CAAC;AA0BF,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,MAAM,EACnB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,GAAG,IAAI,CAkBb;AAwDD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAqB1F;AAOD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAMxF;AAOD,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAgBN"}

package/dist/canvas/utils/createPreviewGraph.js

@@ -21,8 +21,20 @@ function reparentPreviewNodeToContainer(previewNode, containerId, reactFlowInsta
         extent: 'parent'
     };
 }
-function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode }) {
-    return createPreviewNode(source.nodeId, source.handleId ?? DEFAULT_SOURCE_HANDLE_ID, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode);
+function createPreviewNodeForGraph({ source, reactFlowInstance, position, data, sourceHandleType, previewNodeSize, handlePosition, ignoredNodeTypes, positionMode, sourceBoundaryOf }) {
+    return createPreviewNode({
+        sourceNodeId: source.nodeId,
+        sourceHandleId: source.handleId ?? DEFAULT_SOURCE_HANDLE_ID,
+        reactFlowInstance,
+        position,
+        data,
+        sourceHandleType,
+        previewNodeSize,
+        handlePosition,
+        ignoredNodeTypes,
+        positionMode,
+        sourceBoundaryOf
+    });
 }
 function createTrailingPreviewEdge({ target, trailingEdgeId, trailingEdgeStyle = PREVIEW_EDGE_STYLE }) {
     if (!target) return null;

package/dist/canvas/utils/createPreviewNode.cjs

@@ -160,10 +160,11 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
     };
     return (0, external_NodeUtils_cjs_namespaceObject.getNonOverlappingPositionForDirection)(nodesWithAbsolutePositions, initialPosition, previewNodeSize, direction, offset, ignoredNodeTypes, overflowDirection);
 }
-function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
-    width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
-    height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
-}, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = [], positionMode = 'drop') {
+function createPreviewNode(options) {
+    const { sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
+        width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
+        height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
+    }, handlePosition = react_cjs_namespaceObject.Position.Right, ignoredNodeTypes = [], positionMode = 'drop', sourceBoundaryOf } = options;
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) {
         console.warn(`Source node ${sourceNodeId} not found`);
@@ -172,7 +173,9 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
     const treatPreviewAsSource = 'target' === sourceHandleType;
     const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
     const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
-    const handle = internalNode ? (0, external_NodeUtils_cjs_namespaceObject.resolveHandleContext)(internalNode, sourceHandleId, handlePosition) : void 0;
+    const handle = internalNode ? (0, external_NodeUtils_cjs_namespaceObject.resolveHandleContext)(internalNode, sourceHandleId, handlePosition, {
+        boundaryOf: sourceBoundaryOf
+    }) : void 0;
     const nodePosition = position ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
     const handleFacingSource = getOppositePosition(handlePosition);
     const finalData = {

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

@@ -1,4 +1,5 @@
 import { type Edge, type Node, Position, type ReactFlowInstance } from '../xyflow/react.ts';
+import { type HandleBoundaryResolver } from './NodeUtils';
 export type PreviewNodePositionMode = 'drop' | 'center';
 export declare const PREVIEW_EDGE_STYLE: Edge['style'];
 export declare function isPreviewEdge(edge: {
@@ -7,13 +8,26 @@ export declare function isPreviewEdge(edge: {
     target?: string;
 }): boolean;
 export declare function getOppositePosition(position: Position): Position;
-export declare function createPreviewNode(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, position?: {
-    x: number;
-    y: number;
-}, data?: Record<string, unknown>, sourceHandleType?: 'source' | 'target', previewNodeSize?: {
-    width: number;
-    height: number;
-}, handlePosition?: Position, ignoredNodeTypes?: string[], positionMode?: PreviewNodePositionMode): {
+export interface CreatePreviewNodeOptions {
+    sourceNodeId: string;
+    sourceHandleId: string;
+    reactFlowInstance: ReactFlowInstance;
+    position?: {
+        x: number;
+        y: number;
+    };
+    data?: Record<string, unknown>;
+    sourceHandleType?: 'source' | 'target';
+    previewNodeSize?: {
+        width: number;
+        height: number;
+    };
+    handlePosition?: Position;
+    ignoredNodeTypes?: string[];
+    positionMode?: PreviewNodePositionMode;
+    sourceBoundaryOf?: HandleBoundaryResolver;
+}
+export declare function createPreviewNode(options: CreatePreviewNodeOptions): {
     node: Node;
     edge: Edge;
 } | null;

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

@@ -1 +1 @@
-{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAUlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExD,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAK5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAM9F;AAMD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAahE;AA4LD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACnC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,eAAe,GAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAG/C,EACD,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,MAAM,EAAO,EAC/B,YAAY,GAAE,uBAAgC,GAC7C;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CAwFnC;AAMD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAcN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAGrF"}
+{"version":3,"file":"createPreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/createPreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAGlD,OAAO,EAGL,KAAK,sBAAsB,EAG5B,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExD,eAAO,MAAM,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAK5C,CAAC;AAEF,wBAAgB,aAAa,CAAC,IAAI,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAM9F;AAMD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CAahE;AAqLD,MAAM,WAAW,wBAAwB;IAEvC,YAAY,EAAE,MAAM,CAAC;IAErB,cAAc,EAAE,MAAM,CAAC;IAEvB,iBAAiB,EAAE,iBAAiB,CAAC;IAMrC,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAM/B,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAKvC,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpD,cAAc,CAAC,EAAE,QAAQ,CAAC;IAE1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAM5B,YAAY,CAAC,EAAE,uBAAuB,CAAC;IAOvC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;CAC3C;AAOD,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,wBAAwB,GAChC;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CAwGnC;AAMD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAA;CAAE,EACnC,iBAAiB,EAAE,iBAAiB,GACnC,IAAI,CAcN;AAKD,wBAAgB,0BAA0B,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAGrF"}

package/dist/canvas/utils/createPreviewNode.js

@@ -127,10 +127,11 @@ function calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, exis
     };
     return getNonOverlappingPositionForDirection(nodesWithAbsolutePositions, initialPosition, previewNodeSize, direction, offset, ignoredNodeTypes, overflowDirection);
 }
-function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
-    width: DEFAULT_NODE_SIZE,
-    height: DEFAULT_NODE_SIZE
-}, handlePosition = Position.Right, ignoredNodeTypes = [], positionMode = 'drop') {
+function createPreviewNode(options) {
+    const { sourceNodeId, sourceHandleId, reactFlowInstance, position, data, sourceHandleType = 'source', previewNodeSize = {
+        width: DEFAULT_NODE_SIZE,
+        height: DEFAULT_NODE_SIZE
+    }, handlePosition = Position.Right, ignoredNodeTypes = [], positionMode = 'drop', sourceBoundaryOf } = options;
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) {
         console.warn(`Source node ${sourceNodeId} not found`);
@@ -139,7 +140,9 @@ function createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, posi
     const treatPreviewAsSource = 'target' === sourceHandleType;
     const existingNodes = reactFlowInstance.getNodes().filter((n)=>n.id !== PREVIEW_NODE_ID);
     const internalNode = void 0 === position ? reactFlowInstance.getInternalNode(sourceNodeId) : void 0;
-    const handle = internalNode ? resolveHandleContext(internalNode, sourceHandleId, handlePosition) : void 0;
+    const handle = internalNode ? resolveHandleContext(internalNode, sourceHandleId, handlePosition, {
+        boundaryOf: sourceBoundaryOf
+    }) : void 0;
     const nodePosition = position ? 'center' === positionMode ? calculateCenteredPosition(position, previewNodeSize) : calculatePositionFromDrop(position, handlePosition, previewNodeSize) : calculateAutoPosition(sourceNode, handlePosition, previewNodeSize, existingNodes, void 0, ignoredNodeTypes, handle);
     const handleFacingSource = getOppositePosition(handlePosition);
     const finalData = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "4.18.0",
+  "version": "4.18.1",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",