@uipath/apollo-react 4.22.2 → 4.22.3

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

@@ -31,6 +31,7 @@ const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../../core/index.cjs");
+const useCanvasNodeLayout_cjs_namespaceObject = require("../../hooks/useCanvasNodeLayout.cjs");
 const usePreviewNode_cjs_namespaceObject = require("../../hooks/usePreviewNode.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../FloatingCanvasPanel/index.cjs");
@@ -39,6 +40,7 @@ const external_AddNodePanel_cjs_namespaceObject = require("./AddNodePanel.cjs");
 const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
     const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
+    const nodeLayout = (0, useCanvasNodeLayout_cjs_namespaceObject.useCanvasNodeLayout)();
     const { previewNode, previewNodeConnectionInfo } = (0, usePreviewNode_cjs_namespaceObject.usePreviewNode)();
     const lastPreviewNodeRef = (0, external_react_namespaceObject.useRef)(null);
     const restoreEdgesRef = (0, external_react_namespaceObject.useRef)(null);
@@ -142,7 +144,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                 edges: placementEdges,
                 previewNode: currentPreviewNode,
                 insertedNode: finalNode,
-                registry,
+                layout: nodeLayout,
                 ignoredNodeTypes
             });
             placedNode = placement.insertedNode;
@@ -170,6 +172,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         previewNodeConnectionInfo,
         reactFlowInstance,
         registry,
+        nodeLayout,
         createNodeData,
         onBeforeNodeAdded,
         onNodeAdded,

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

@@ -1 +1 @@
-{"version":3,"file":"AddNodeManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAKlC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IAI7E,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAK7F,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,YAAY,CAAC;IAOtE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;QAAE,OAAO,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAK7F,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAMpF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyNxD,CAAC"}
+{"version":3,"file":"AddNodeManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAKlC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IAI7E,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAK7F,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,YAAY,CAAC;IAOtE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;QAAE,OAAO,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAK7F,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAMpF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2NxD,CAAC"}

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

@@ -38,13 +38,6 @@ const TOP_LEVEL_INSERTION_GAP_PX = 5 * external_constants_cjs_namespaceObject.GR
 function getOriginalEdge(previewNode) {
     return previewNode?.data?.originalEdge ?? null;
 }
-function getManifestForNode(registry, node) {
-    return node.type ? registry?.getManifest(node.type) : void 0;
-}
-function getManifestAwareNodeDimensions(registry, node) {
-    const manifest = getManifestForNode(registry, node);
-    return (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape));
-}
 function getPrimaryPreviewHandlePosition(previewNode, previewConnections) {
     const primaryConnection = previewConnections.find((connection)=>!connection.addNewNodeAsSource) ?? previewConnections[0];
     const handlePosition = primaryConnection?.addNewNodeAsSource ? previewNode.data?.outputHandlePosition : previewNode.data?.inputHandlePosition;
@@ -95,10 +88,7 @@ function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest)
 }
 function resolveScopedCollisions(nodes, insertedNode, options) {
     const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
-    const resolvedSiblings = (0, index_cjs_namespaceObject.resolveCollisions)(siblingNodes, {
-        ignoredNodeTypes: options.ignoredNodeTypes,
-        getNodeSize: options.getNodeSize
-    });
+    const resolvedSiblings = (0, index_cjs_namespaceObject.resolveCollisions)(siblingNodes, options);
     const resolvedSiblingById = new Map(resolvedSiblings.map((node)=>[
             node.id,
             node
@@ -109,16 +99,16 @@ function resolveScopedCollisions(nodes, insertedNode, options) {
         insertedNode: resolvedSiblingById.get(insertedNode.id)
     };
 }
-function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeSize }) {
+function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeDimensions }) {
     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);
+    const insertedSize = getNodeDimensions(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 sourceSize = getNodeDimensions(sourceNode);
         const requiredInsertedLeft = sourceNode.position.x + sourceSize.width + TOP_LEVEL_INSERTION_GAP_PX;
         if (insertedX < requiredInsertedLeft) insertedX = (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredInsertedLeft);
     }
@@ -157,28 +147,27 @@ function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNod
         insertedNode: updatedInsertedNode
     };
 }
-function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes }) {
-    const getDimensions = (node)=>getManifestAwareNodeDimensions(registry, node);
+function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignoredNodeTypes }) {
+    const { getNodeDimensions, isContainerNode, getContainerFitGeometry } = layout;
     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, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
-        const containerManifest = getManifestForNode(registry, containerNode);
-        if (!(0, container_cjs_namespaceObject.isContainerNodeManifest)(containerManifest)) return resolveScopedCollisions(nodes, insertedNode, {
+        if (!isContainerNode(containerNode)) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
         const resolvedNodes = (0, container_cjs_namespaceObject.placeContainerNode)({
             nodes,
             insertedNode,
             placement,
             edges,
-            getNodeDimensions: getDimensions,
+            getNodeDimensions,
             safeArea: (0, container_cjs_namespaceObject.getContainerSafeArea)(containerNode),
-            getContainerFitGeometry: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(registry, node)) ? (0, container_cjs_namespaceObject.getContainerFitGeometry)() : null,
+            getContainerFitGeometry,
             ignoredNodeTypes
         });
         return {
@@ -191,11 +180,11 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         edges,
         previewNode,
         insertedNode,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     const placementResult = resolveScopedCollisions(shifted?.nodes ?? nodes, shifted?.insertedNode ?? insertedNode, {
         ignoredNodeTypes,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     if (!placementResult.insertedNode.parentId) return placementResult;
     const fittedNodes = (0, container_cjs_namespaceObject.fitContainersAndPushSiblings)({
@@ -203,8 +192,8 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         containerIds: [
             placementResult.insertedNode.parentId
         ],
-        getContainerFitGeometry: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(registry, node)) ? (0, container_cjs_namespaceObject.getContainerFitGeometry)() : null,
-        getNodeDimensions: getDimensions,
+        getContainerFitGeometry,
+        getNodeDimensions,
         ignoredNodeTypes,
         gap: container_cjs_namespaceObject.CONTAINER_SEQUENCE_GAP_PX
     });

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

@@ -1,5 +1,5 @@
 import type { Edge, Node } from '../../xyflow/react.ts';
-import type { NodeTypeRegistry } from '../../core';
+import type { NodeLayout } from '../../hooks/useCanvasNodeLayout';
 import type { PreviewNodeConnectionInfo } from '../../hooks/usePreviewNode';
 import type { NodeManifest } from '../../schema';
 interface AddNodePlacementResult {
@@ -8,12 +8,12 @@ interface AddNodePlacementResult {
 }
 export declare function getOriginalEdge(previewNode: Node | null | undefined): Edge | null;
 export declare function alignNodeToPreview(node: Node, previewNode: Node, previewConnections: PreviewNodeConnectionInfo[], nodeManifest: NodeManifest | undefined): Node;
-export declare function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes, }: {
+export declare function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignoredNodeTypes, }: {
     nodes: Node[];
     edges: Edge[];
     previewNode: Node;
     insertedNode: Node;
-    registry: NodeTypeRegistry | null;
+    layout: NodeLayout;
     ignoredNodeTypes?: string[];
 }): AddNodePlacementResult;
 export {};

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;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;AAwBjD,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,CAkFzB"}
+{"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,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,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;AAsBD,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;AAkID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,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,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,CA0EzB"}

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

@@ -2,27 +2,20 @@ 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 { CONTAINER_SEQUENCE_GAP_PX, collectLinearDownstreamSiblings, fitContainersAndPushSiblings, getContainerFitGeometry, getContainerPlacement, getContainerSafeArea, getNodeDimensions, isContainerNodeManifest, placeContainerNode } from "../../utils/container.js";
+import { CONTAINER_SEQUENCE_GAP_PX, collectLinearDownstreamSiblings, fitContainersAndPushSiblings, getContainerPlacement, getContainerSafeArea, getNodeDimensions as container_js_getNodeDimensions, 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;
 }
-function getManifestForNode(registry, node) {
-    return node.type ? registry?.getManifest(node.type) : void 0;
-}
-function getManifestAwareNodeDimensions(registry, node) {
-    const manifest = getManifestForNode(registry, node);
-    return getNodeDimensions(node, getExpandedSize(manifest?.display.shape));
-}
 function getPrimaryPreviewHandlePosition(previewNode, previewConnections) {
     const primaryConnection = previewConnections.find((connection)=>!connection.addNewNodeAsSource) ?? previewConnections[0];
     const handlePosition = primaryConnection?.addNewNodeAsSource ? previewNode.data?.outputHandlePosition : previewNode.data?.inputHandlePosition;
     return handlePosition;
 }
 function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest) {
-    const previewSize = getNodeDimensions(previewNode);
-    const nodeSize = getNodeDimensions(node, getExpandedSize(nodeManifest?.display.shape));
+    const previewSize = container_js_getNodeDimensions(previewNode);
+    const nodeSize = container_js_getNodeDimensions(node, getExpandedSize(nodeManifest?.display.shape));
     if (previewSize.width === nodeSize.width && previewSize.height === nodeSize.height) return node;
     const previewHandlePosition = getPrimaryPreviewHandlePosition(previewNode, previewConnections);
     const previewCenterX = previewNode.position.x + previewSize.width / 2;
@@ -65,10 +58,7 @@ function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest)
 }
 function resolveScopedCollisions(nodes, insertedNode, options) {
     const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
-    const resolvedSiblings = resolveCollisions(siblingNodes, {
-        ignoredNodeTypes: options.ignoredNodeTypes,
-        getNodeSize: options.getNodeSize
-    });
+    const resolvedSiblings = resolveCollisions(siblingNodes, options);
     const resolvedSiblingById = new Map(resolvedSiblings.map((node)=>[
             node.id,
             node
@@ -79,16 +69,16 @@ function resolveScopedCollisions(nodes, insertedNode, options) {
         insertedNode: resolvedSiblingById.get(insertedNode.id)
     };
 }
-function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeSize }) {
+function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeDimensions }) {
     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);
+    const insertedSize = getNodeDimensions(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 sourceSize = getNodeDimensions(sourceNode);
         const requiredInsertedLeft = sourceNode.position.x + sourceSize.width + TOP_LEVEL_INSERTION_GAP_PX;
         if (insertedX < requiredInsertedLeft) insertedX = snapUpToGrid(requiredInsertedLeft);
     }
@@ -127,28 +117,27 @@ function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNod
         insertedNode: updatedInsertedNode
     };
 }
-function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes }) {
-    const getDimensions = (node)=>getManifestAwareNodeDimensions(registry, node);
+function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignoredNodeTypes }) {
+    const { getNodeDimensions, isContainerNode, getContainerFitGeometry } = layout;
     const placement = getContainerPlacement(previewNode);
     if (placement) {
         const containerNode = nodes.find((node)=>node.id === placement.containerId);
         if (!containerNode) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
-        const containerManifest = getManifestForNode(registry, containerNode);
-        if (!isContainerNodeManifest(containerManifest)) return resolveScopedCollisions(nodes, insertedNode, {
+        if (!isContainerNode(containerNode)) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
         const resolvedNodes = placeContainerNode({
             nodes,
             insertedNode,
             placement,
             edges,
-            getNodeDimensions: getDimensions,
+            getNodeDimensions,
             safeArea: getContainerSafeArea(containerNode),
-            getContainerFitGeometry: (node)=>isContainerNodeManifest(getManifestForNode(registry, node)) ? getContainerFitGeometry() : null,
+            getContainerFitGeometry,
             ignoredNodeTypes
         });
         return {
@@ -161,11 +150,11 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         edges,
         previewNode,
         insertedNode,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     const placementResult = resolveScopedCollisions(shifted?.nodes ?? nodes, shifted?.insertedNode ?? insertedNode, {
         ignoredNodeTypes,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     if (!placementResult.insertedNode.parentId) return placementResult;
     const fittedNodes = fitContainersAndPushSiblings({
@@ -173,8 +162,8 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         containerIds: [
             placementResult.insertedNode.parentId
         ],
-        getContainerFitGeometry: (node)=>isContainerNodeManifest(getManifestForNode(registry, node)) ? getContainerFitGeometry() : null,
-        getNodeDimensions: getDimensions,
+        getContainerFitGeometry,
+        getNodeDimensions,
         ignoredNodeTypes,
         gap: CONTAINER_SEQUENCE_GAP_PX
     });

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

@@ -3,6 +3,7 @@ import { useReactFlow } from "../../xyflow/react.js";
 import { useCallback, useEffect, useRef } from "react";
 import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.js";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
+import { useCanvasNodeLayout } from "../../hooks/useCanvasNodeLayout.js";
 import { usePreviewNode } from "../../hooks/usePreviewNode.js";
 import { isPreviewEdge } from "../../utils/createPreviewNode.js";
 import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
@@ -11,6 +12,7 @@ import { AddNodePanel } from "./AddNodePanel.js";
 const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
     const reactFlowInstance = useReactFlow();
     const registry = useOptionalNodeTypeRegistry();
+    const nodeLayout = useCanvasNodeLayout();
     const { previewNode, previewNodeConnectionInfo } = usePreviewNode();
     const lastPreviewNodeRef = useRef(null);
     const restoreEdgesRef = useRef(null);
@@ -114,7 +116,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                 edges: placementEdges,
                 previewNode: currentPreviewNode,
                 insertedNode: finalNode,
-                registry,
+                layout: nodeLayout,
                 ignoredNodeTypes
             });
             placedNode = placement.insertedNode;
@@ -142,6 +144,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         previewNodeConnectionInfo,
         reactFlowInstance,
         registry,
+        nodeLayout,
         createNodeData,
         onBeforeNodeAdded,
         onNodeAdded,

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.cjs

@@ -35,6 +35,7 @@ const index_cjs_namespaceObject = require("../../controls/index.cjs");
 const external_core_index_cjs_namespaceObject = require("../../core/index.cjs");
 const useAddNodeOnConnectEnd_cjs_namespaceObject = require("../../hooks/useAddNodeOnConnectEnd.cjs");
 const useCanvasEvents_cjs_namespaceObject = require("../../hooks/useCanvasEvents.cjs");
+const useCanvasNodeLayout_cjs_namespaceObject = require("../../hooks/useCanvasNodeLayout.cjs");
 const animatedViewportManager_cjs_namespaceObject = require("../../stores/animatedViewportManager.cjs");
 const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
 const viewportManager_cjs_namespaceObject = require("../../stores/viewportManager.cjs");
@@ -77,12 +78,6 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
     const lastCanvasIdRef = (0, external_react_namespaceObject.useRef)(null);
     const shouldAnimate = 'design' === mode && !(0, transitions_cjs_namespaceObject.prefersReducedMotion)();
     const nodeManifests = (0, external_core_index_cjs_namespaceObject.useNodeManifests)();
-    const nodeManifestByType = (0, external_react_namespaceObject.useMemo)(()=>new Map(nodeManifests.map((manifest)=>[
-                manifest.nodeType,
-                manifest
-            ])), [
-        nodeManifests
-    ]);
     const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>nodeManifests.reduce((acc, manifest)=>{
             acc[manifest.nodeType] = (0, external_utils_index_cjs_namespaceObject.isContainerNodeManifest)(manifest) ? external_LoopNode_index_cjs_namespaceObject.LoopCanvasNode : external_BaseNode_index_cjs_namespaceObject.BaseNode;
             return acc;
@@ -91,9 +86,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
         }), [
         nodeManifests
     ]);
-    const getManifestForNode = (0, external_react_namespaceObject.useCallback)((node)=>node.type ? nodeManifestByType.get(node.type) : void 0, [
-        nodeManifestByType
-    ]);
+    const { getManifestForNode } = (0, useCanvasNodeLayout_cjs_namespaceObject.useCanvasNodeLayout)();
     const currentCanvas = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectCurrentCanvas);
     const previousCanvas = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectPreviousCanvas);
     const breadcrumbs = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectBreadcrumbs);

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

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAKtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAK9C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAMvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAInE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AAyBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0ZhE,CAAC"}
+{"version":3,"file":"HierarchicalCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAKtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAK9C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAMvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAInE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AAyBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmZhE,CAAC"}

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js

@@ -7,6 +7,7 @@ import { Breadcrumb } from "../../controls/index.js";
 import { useNodeManifests } from "../../core/index.js";
 import { useAddNodeOnConnectEnd } from "../../hooks/useAddNodeOnConnectEnd.js";
 import { useCanvasEvent } from "../../hooks/useCanvasEvents.js";
+import { useCanvasNodeLayout } from "../../hooks/useCanvasNodeLayout.js";
 import { animatedViewportManager } from "../../stores/animatedViewportManager.js";
 import { selectBreadcrumbs, selectCanvasStack, selectCurrentCanvas, selectCurrentPath, selectDrillIntoNode, selectInitializeCanvas, selectInitializeWithData, selectNavigateToDepth, selectNavigateToSiblingCanvas, selectPreviousCanvas, selectTransitionState, selectUpdateEdges, selectUpdateNodes, selectUpdateSelection, selectUpdateViewport, useCanvasStore } from "../../stores/canvasStore.js";
 import { viewportManager } from "../../stores/viewportManager.js";
@@ -49,12 +50,6 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
     const lastCanvasIdRef = useRef(null);
     const shouldAnimate = 'design' === mode && !prefersReducedMotion();
     const nodeManifests = useNodeManifests();
-    const nodeManifestByType = useMemo(()=>new Map(nodeManifests.map((manifest)=>[
-                manifest.nodeType,
-                manifest
-            ])), [
-        nodeManifests
-    ]);
     const nodeTypes = useMemo(()=>nodeManifests.reduce((acc, manifest)=>{
             acc[manifest.nodeType] = isContainerNodeManifest(manifest) ? LoopCanvasNode : BaseNode;
             return acc;
@@ -63,9 +58,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
         }), [
         nodeManifests
     ]);
-    const getManifestForNode = useCallback((node)=>node.type ? nodeManifestByType.get(node.type) : void 0, [
-        nodeManifestByType
-    ]);
+    const { getManifestForNode } = useCanvasNodeLayout();
     const currentCanvas = useCanvasStore(selectCurrentCanvas);
     const previousCanvas = useCanvasStore(selectPreviousCanvas);
     const breadcrumbs = useCanvasStore(selectBreadcrumbs);

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

@@ -24,10 +24,11 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    resolveContainerAddNodePreview: ()=>resolveContainerAddNodePreview,
-    resolveContainerPreviewConnectionHandles: ()=>resolveContainerPreviewConnectionHandles,
     resolveContainerHandleGroups: ()=>resolveContainerHandleGroups,
-    getContainerRelativeBodyCenter: ()=>getContainerRelativeBodyCenter
+    getInnerHandleContainerId: ()=>getInnerHandleContainerId,
+    resolveContainerPreviewConnectionHandles: ()=>resolveContainerPreviewConnectionHandles,
+    getContainerRelativeBodyCenter: ()=>getContainerRelativeBodyCenter,
+    resolveContainerAddNodePreview: ()=>resolveContainerAddNodePreview
 });
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const container_cjs_namespaceObject = require("../../utils/container.cjs");
@@ -102,7 +103,7 @@ function pickPreferredInnerHandle(groups, type) {
     }
     return null;
 }
-function resolveClickedHandleType({ source, reactFlowInstance, getManifestForNode }) {
+function resolveClickedHandle({ source, reactFlowInstance, getManifestForNode }) {
     if (!source.handleId) return;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     if (!sourceNode) return;
@@ -116,20 +117,27 @@ function resolveClickedHandleType({ source, reactFlowInstance, getManifestForNod
     });
     for (const group of sourceHandles){
         const handle = group.handles.find((candidate)=>candidate.id === source.handleId);
-        if (handle) return handle.handleType;
+        if (handle) return {
+            boundary: group.boundary ?? 'outer',
+            handleType: handle.handleType
+        };
     }
 }
-function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode }) {
-    const clickedHandleType = resolveClickedHandleType({
+function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode, replacedEdge }) {
+    const clickedHandle = resolveClickedHandle({
         source,
         reactFlowInstance,
         getManifestForNode
     });
-    if ('output' !== clickedHandleType) return null;
+    if (clickedHandle?.handleType !== 'output') return null;
+    const sourceNode = reactFlowInstance.getNode(source.nodeId);
+    const sourceIsContainer = void 0 !== sourceNode && (0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(sourceNode));
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
     return (0, container_cjs_namespaceObject.resolveContainerPreview)({
         source,
         sourceHandleType,
         reactFlowInstance,
+        replacedEdge,
         isContainerNode: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(node)),
         getContainerSafeArea: container_cjs_namespaceObject.getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{
@@ -144,12 +152,24 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
         }
     });
 }
+function getInnerHandleContainerId({ source, reactFlowInstance, getManifestForNode }) {
+    const sourceNode = reactFlowInstance.getNode(source.nodeId);
+    if (!sourceNode || !(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(sourceNode))) return;
+    const clickedHandle = resolveClickedHandle({
+        source,
+        reactFlowInstance,
+        getManifestForNode
+    });
+    return clickedHandle?.boundary === 'inner' ? sourceNode.id : void 0;
+}
 exports.getContainerRelativeBodyCenter = __webpack_exports__.getContainerRelativeBodyCenter;
+exports.getInnerHandleContainerId = __webpack_exports__.getInnerHandleContainerId;
 exports.resolveContainerAddNodePreview = __webpack_exports__.resolveContainerAddNodePreview;
 exports.resolveContainerHandleGroups = __webpack_exports__.resolveContainerHandleGroups;
 exports.resolveContainerPreviewConnectionHandles = __webpack_exports__.resolveContainerPreviewConnectionHandles;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "getContainerRelativeBodyCenter",
+    "getInnerHandleContainerId",
     "resolveContainerAddNodePreview",
     "resolveContainerHandleGroups",
     "resolveContainerPreviewConnectionHandles"

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

@@ -1,4 +1,4 @@
-import { type Node, Position, type ReactFlowInstance } from '../../xyflow/react.ts';
+import { type Edge, type Node, Position, type ReactFlowInstance } from '../../xyflow/react.ts';
 import type { NodeManifest } from '../../schema/node-definition';
 import type { PreviewEndpoint, PreviewGraphOverrides } from '../../utils/createPreviewGraph';
 import type { ResolutionContext, ResolvedHandleGroup } from '../../utils/manifest-resolver';
@@ -19,10 +19,16 @@ export declare function getContainerRelativeBodyCenter(containerNode: Pick<Node,
     y: number;
 };
 export declare function resolveContainerPreviewConnectionHandles(manifest: Pick<NodeManifest, 'handleConfiguration'> | undefined, context: ResolutionContext): ContainerPreviewConnectionHandles | null;
-export declare function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode, }: {
+export declare function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode, replacedEdge, }: {
     source: PreviewEndpoint;
     sourceHandleType: 'source' | 'target';
     reactFlowInstance: ReactFlowInstance;
     getManifestForNode: ContainerPreviewManifestResolver;
+    replacedEdge?: Edge;
 }): PreviewGraphOverrides | null;
+export declare function getInnerHandleContainerId({ source, reactFlowInstance, getManifestForNode, }: {
+    source: PreviewEndpoint;
+    reactFlowInstance: ReactFlowInstance;
+    getManifestForNode: ContainerPreviewManifestResolver;
+}): string | undefined;
 //# sourceMappingURL=LoopNode.helpers.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOtF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAI5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GAAG,CAC7C,IAAI,EAAE,IAAI,KACP,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,qBAAqB,CAAC,GAAG,SAAS,CAAC;AAOvE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,EAAE,GAC5B,oBAAoB,EAAE,CAaxB;AAMD,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQrE;AAwBD,wBAAgB,wCAAwC,CACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,iCAAiC,GAAG,IAAI,CAgB1C;AAuDD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;CACtD,GAAG,qBAAqB,GAAG,IAAI,CAuC/B"}
+{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOtF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAI5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GAAG,CAC7C,IAAI,EAAE,IAAI,KACP,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,qBAAqB,CAAC,GAAG,SAAS,CAAC;AAOvE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,EAAE,GAC5B,oBAAoB,EAAE,CAaxB;AAMD,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQrE;AAwBD,wBAAgB,wCAAwC,CACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,iCAAiC,GAAG,IAAI,CAgB1C;AA4DD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;IACrD,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB,GAAG,qBAAqB,GAAG,IAAI,CA+C/B;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;CACtD,GAAG,MAAM,GAAG,SAAS,CAarB"}

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

@@ -71,7 +71,7 @@ function pickPreferredInnerHandle(groups, type) {
     }
     return null;
 }
-function resolveClickedHandleType({ source, reactFlowInstance, getManifestForNode }) {
+function resolveClickedHandle({ source, reactFlowInstance, getManifestForNode }) {
     if (!source.handleId) return;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     if (!sourceNode) return;
@@ -85,20 +85,27 @@ function resolveClickedHandleType({ source, reactFlowInstance, getManifestForNod
     });
     for (const group of sourceHandles){
         const handle = group.handles.find((candidate)=>candidate.id === source.handleId);
-        if (handle) return handle.handleType;
+        if (handle) return {
+            boundary: group.boundary ?? 'outer',
+            handleType: handle.handleType
+        };
     }
 }
-function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode }) {
-    const clickedHandleType = resolveClickedHandleType({
+function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowInstance, getManifestForNode, replacedEdge }) {
+    const clickedHandle = resolveClickedHandle({
         source,
         reactFlowInstance,
         getManifestForNode
     });
-    if ('output' !== clickedHandleType) return null;
+    if (clickedHandle?.handleType !== 'output') return null;
+    const sourceNode = reactFlowInstance.getNode(source.nodeId);
+    const sourceIsContainer = void 0 !== sourceNode && isContainerNodeManifest(getManifestForNode(sourceNode));
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
     return resolveContainerPreview({
         source,
         sourceHandleType,
         reactFlowInstance,
+        replacedEdge,
         isContainerNode: (node)=>isContainerNodeManifest(getManifestForNode(node)),
         getContainerSafeArea: getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{
@@ -113,4 +120,14 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
         }
     });
 }
-export { getContainerRelativeBodyCenter, resolveContainerAddNodePreview, resolveContainerHandleGroups, resolveContainerPreviewConnectionHandles };
+function getInnerHandleContainerId({ source, reactFlowInstance, getManifestForNode }) {
+    const sourceNode = reactFlowInstance.getNode(source.nodeId);
+    if (!sourceNode || !isContainerNodeManifest(getManifestForNode(sourceNode))) return;
+    const clickedHandle = resolveClickedHandle({
+        source,
+        reactFlowInstance,
+        getManifestForNode
+    });
+    return clickedHandle?.boundary === 'inner' ? sourceNode.id : void 0;
+}
+export { getContainerRelativeBodyCenter, getInnerHandleContainerId, resolveContainerAddNodePreview, resolveContainerHandleGroups, resolveContainerPreviewConnectionHandles };

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../../../constants.cjs");
-const index_cjs_namespaceObject = require("../../../core/index.cjs");
+const useCanvasNodeLayout_cjs_namespaceObject = require("../../../hooks/useCanvasNodeLayout.cjs");
 const createPreviewGraph_cjs_namespaceObject = require("../../../utils/createPreviewGraph.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../../../utils/createPreviewNode.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../../BaseCanvas/BaseCanvasModeProvider.cjs");
@@ -37,12 +37,9 @@ const LoopNode_helpers_cjs_namespaceObject = require("../../LoopNode/LoopNode.he
 const external_useEdgeToolbarPositioning_cjs_namespaceObject = require("./useEdgeToolbarPositioning.cjs");
 function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
-    const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
+    const { getManifestForNode } = (0, useCanvasNodeLayout_cjs_namespaceObject.useCanvasNodeLayout)();
     const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
     const isDesignMode = 'design' === mode;
-    const getManifestForNode = (0, external_react_namespaceObject.useCallback)((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
-        registry
-    ]);
     const previewEdge = (0, createPreviewNode_cjs_namespaceObject.isPreviewEdge)({
         id: edgeId,
         source,
@@ -60,12 +57,13 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             nodeId: source,
             handleId: sourceHandleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID
         };
-        const containerOverrides = registry ? (0, LoopNode_helpers_cjs_namespaceObject.resolveContainerAddNodePreview)({
+        const containerOverrides = (0, LoopNode_helpers_cjs_namespaceObject.resolveContainerAddNodePreview)({
             source: sourceEndpoint,
             sourceHandleType: 'source',
             reactFlowInstance: reactFlow,
-            getManifestForNode
-        }) : null;
+            getManifestForNode,
+            replacedEdge: originalEdge
+        });
         (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
             source: sourceEndpoint,
             reactFlowInstance: reactFlow,
@@ -88,7 +86,6 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         source,
         sourceHandleId,
         reactFlow,
-        registry,
         getManifestForNode,
         target,
         targetHandleId,

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAQlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CA+F7C"}
+{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAQvF,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,wBAAwB,GAAG,gBAAgB,CAyF7C"}

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js

@@ -1,7 +1,7 @@
 import { useReactFlow } from "../../../xyflow/react.js";
 import { useCallback, useMemo } from "react";
 import { DEFAULT_SOURCE_HANDLE_ID } from "../../../constants.js";
-import { useOptionalNodeTypeRegistry } from "../../../core/index.js";
+import { useCanvasNodeLayout } from "../../../hooks/useCanvasNodeLayout.js";
 import { showPreviewGraph } from "../../../utils/createPreviewGraph.js";
 import { isPreviewEdge } from "../../../utils/createPreviewNode.js";
 import { useBaseCanvasMode } from "../../BaseCanvas/BaseCanvasModeProvider.js";
@@ -9,12 +9,9 @@ import { resolveContainerAddNodePreview } from "../../LoopNode/LoopNode.helpers.
 import { useEdgeToolbarPositioning } from "./useEdgeToolbarPositioning.js";
 function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = useReactFlow();
-    const registry = useOptionalNodeTypeRegistry();
+    const { getManifestForNode } = useCanvasNodeLayout();
     const { mode } = useBaseCanvasMode();
     const isDesignMode = 'design' === mode;
-    const getManifestForNode = useCallback((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
-        registry
-    ]);
     const previewEdge = isPreviewEdge({
         id: edgeId,
         source,
@@ -32,12 +29,13 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             nodeId: source,
             handleId: sourceHandleId ?? DEFAULT_SOURCE_HANDLE_ID
         };
-        const containerOverrides = registry ? resolveContainerAddNodePreview({
+        const containerOverrides = resolveContainerAddNodePreview({
             source: sourceEndpoint,
             sourceHandleType: 'source',
             reactFlowInstance: reactFlow,
-            getManifestForNode
-        }) : null;
+            getManifestForNode,
+            replacedEdge: originalEdge
+        });
         showPreviewGraph({
             source: sourceEndpoint,
             reactFlowInstance: reactFlow,
@@ -60,7 +58,6 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         source,
         sourceHandleId,
         reactFlow,
-        registry,
         getManifestForNode,
         target,
         targetHandleId,

package/dist/canvas/hooks/index.cjs

@@ -15,6 +15,9 @@ var __webpack_modules__ = {
     "./useCanvasEvents" (module) {
         module.exports = require("./useCanvasEvents.cjs");
     },
+    "./useCanvasNodeLayout" (module) {
+        module.exports = require("./useCanvasNodeLayout.cjs");
+    },
     "./useEdgePath" (module) {
         module.exports = require("./useEdgePath.cjs");
     },
@@ -90,29 +93,33 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _useCanvasEvents__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useCanvasEvents__rspack_import_3[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useEdgePath__rspack_import_4 = __webpack_require__("./useEdgePath");
+    var _useCanvasNodeLayout__rspack_import_4 = __webpack_require__("./useCanvasNodeLayout");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _useCanvasNodeLayout__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useCanvasNodeLayout__rspack_import_4[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _useEdgePath__rspack_import_5 = __webpack_require__("./useEdgePath");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useEdgePath__rspack_import_4)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_4[__rspack_import_key];
+    for(const __rspack_import_key in _useEdgePath__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useEdgePath__rspack_import_5[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useExportCanvas__rspack_import_5 = __webpack_require__("./useExportCanvas");
+    var _useExportCanvas__rspack_import_6 = __webpack_require__("./useExportCanvas");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useExportCanvas__rspack_import_5)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_5[__rspack_import_key];
+    for(const __rspack_import_key in _useExportCanvas__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useExportCanvas__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useNavigationState__rspack_import_6 = __webpack_require__("./useNavigationState");
+    var _useNavigationState__rspack_import_7 = __webpack_require__("./useNavigationState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useNavigationState__rspack_import_6)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_6[__rspack_import_key];
+    for(const __rspack_import_key in _useNavigationState__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useNavigationState__rspack_import_7[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _usePreviewNode__rspack_import_7 = __webpack_require__("./usePreviewNode");
+    var _usePreviewNode__rspack_import_8 = __webpack_require__("./usePreviewNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _usePreviewNode__rspack_import_7)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_7[__rspack_import_key];
+    for(const __rspack_import_key in _usePreviewNode__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_usePreviewNode__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _useStorageState__rspack_import_8 = __webpack_require__("./useStorageState");
+    var _useStorageState__rspack_import_9 = __webpack_require__("./useStorageState");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _useStorageState__rspack_import_8)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_8[__rspack_import_key];
+    for(const __rspack_import_key in _useStorageState__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_useStorageState__rspack_import_9[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _ValidationStatusContext__rspack_import_9 = __webpack_require__("./ValidationStatusContext");
+    var _ValidationStatusContext__rspack_import_10 = __webpack_require__("./ValidationStatusContext");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_9)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_9[__rspack_import_key];
+    for(const __rspack_import_key in _ValidationStatusContext__rspack_import_10)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_ValidationStatusContext__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

package/dist/canvas/hooks/index.d.ts

@@ -2,6 +2,7 @@ export * from './ExecutionStatusContext';
 export * from './ToolbarActionContext';
 export * from './useAddNodeOnConnectEnd';
 export * from './useCanvasEvents';
+export * from './useCanvasNodeLayout';
 export * from './useEdgePath';
 export * from './useExportCanvas';
 export * from './useNavigationState';

package/dist/canvas/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC"}

package/dist/canvas/hooks/index.js

@@ -2,6 +2,7 @@ export * from "./ExecutionStatusContext.js";
 export * from "./ToolbarActionContext.js";
 export * from "./useAddNodeOnConnectEnd.js";
 export * from "./useCanvasEvents.js";
+export * from "./useCanvasNodeLayout.js";
 export * from "./useEdgePath.js";
 export * from "./useExportCanvas.js";
 export * from "./useNavigationState.js";

package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs

@@ -28,7 +28,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const react_cjs_namespaceObject = require("../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
+const LoopNode_helpers_cjs_namespaceObject = require("../components/LoopNode/LoopNode.helpers.cjs");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
+const external_useCanvasNodeLayout_cjs_namespaceObject = require("./useCanvasNodeLayout.cjs");
 const EMPTY_IGNORED_NODE_TYPES = [];
 function getClientPosition(event) {
     if ('clientX' in event) return {
@@ -43,24 +45,35 @@ function getClientPosition(event) {
 }
 function useAddNodeOnConnectEnd(ignoredNodeTypes = EMPTY_IGNORED_NODE_TYPES) {
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
+    const getManifestForNode = (0, external_useCanvasNodeLayout_cjs_namespaceObject.useNodeManifestResolver)();
     return (0, external_react_namespaceObject.useCallback)((event, connectionState)=>{
         if (!(reactFlowInstance && connectionState.fromNode && connectionState.fromHandle) || connectionState.toHandle) return;
         const clientPosition = getClientPosition(event);
         if (!clientPosition) return;
         const flowDropPosition = reactFlowInstance.screenToFlowPosition(clientPosition);
+        const source = {
+            nodeId: connectionState.fromNode.id,
+            handleId: connectionState.fromHandle.id ?? 'output'
+        };
+        const containerId = (0, LoopNode_helpers_cjs_namespaceObject.getInnerHandleContainerId)({
+            source,
+            reactFlowInstance,
+            getManifestForNode
+        });
         (0, index_cjs_namespaceObject.showPreviewGraph)({
-            source: {
-                nodeId: connectionState.fromNode.id,
-                handleId: connectionState.fromHandle.id ?? 'output'
-            },
+            source,
             reactFlowInstance,
             position: flowDropPosition,
             sourceHandleType: connectionState.fromHandle.type,
             handlePosition: connectionState.fromHandle.position,
-            ignoredNodeTypes
+            ignoredNodeTypes,
+            ...containerId ? {
+                containerId
+            } : {}
         });
     }, [
         reactFlowInstance,
+        getManifestForNode,
         ignoredNodeTypes
     ]);
 }

package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddNodeOnConnectEnd.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useAddNodeOnConnectEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,0CAA0C,CAAC;AAoB3F,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,MAAM,EAA6B,gBAiC3F"}
+{"version":3,"file":"useAddNodeOnConnectEnd.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useAddNodeOnConnectEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,0CAA0C,CAAC;AAsB3F,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,MAAM,EAA6B,gBAyC3F"}

package/dist/canvas/hooks/useAddNodeOnConnectEnd.js

@@ -1,6 +1,8 @@
 import { useReactFlow } from "../xyflow/react.js";
 import { useCallback } from "react";
+import { getInnerHandleContainerId } from "../components/LoopNode/LoopNode.helpers.js";
 import { showPreviewGraph } from "../utils/index.js";
+import { useNodeManifestResolver } from "./useCanvasNodeLayout.js";
 const EMPTY_IGNORED_NODE_TYPES = [];
 function getClientPosition(event) {
     if ('clientX' in event) return {
@@ -15,24 +17,35 @@ function getClientPosition(event) {
 }
 function useAddNodeOnConnectEnd(ignoredNodeTypes = EMPTY_IGNORED_NODE_TYPES) {
     const reactFlowInstance = useReactFlow();
+    const getManifestForNode = useNodeManifestResolver();
     return useCallback((event, connectionState)=>{
         if (!(reactFlowInstance && connectionState.fromNode && connectionState.fromHandle) || connectionState.toHandle) return;
         const clientPosition = getClientPosition(event);
         if (!clientPosition) return;
         const flowDropPosition = reactFlowInstance.screenToFlowPosition(clientPosition);
+        const source = {
+            nodeId: connectionState.fromNode.id,
+            handleId: connectionState.fromHandle.id ?? 'output'
+        };
+        const containerId = getInnerHandleContainerId({
+            source,
+            reactFlowInstance,
+            getManifestForNode
+        });
         showPreviewGraph({
-            source: {
-                nodeId: connectionState.fromNode.id,
-                handleId: connectionState.fromHandle.id ?? 'output'
-            },
+            source,
             reactFlowInstance,
             position: flowDropPosition,
             sourceHandleType: connectionState.fromHandle.type,
             handlePosition: connectionState.fromHandle.position,
-            ignoredNodeTypes
+            ignoredNodeTypes,
+            ...containerId ? {
+                containerId
+            } : {}
         });
     }, [
         reactFlowInstance,
+        getManifestForNode,
         ignoredNodeTypes
     ]);
 }

package/dist/canvas/hooks/useCanvasNodeLayout.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useCanvasNodeLayout: ()=>useCanvasNodeLayout,
+    useNodeManifestResolver: ()=>useNodeManifestResolver
+});
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../core/index.cjs");
+const collapse_cjs_namespaceObject = require("../utils/collapse.cjs");
+const container_cjs_namespaceObject = require("../utils/container.cjs");
+function useNodeManifestResolver() {
+    const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
+    return (0, external_react_namespaceObject.useCallback)((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
+        registry
+    ]);
+}
+function useCanvasNodeLayout() {
+    const getManifestForNode = useNodeManifestResolver();
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        const getNodeDimensions = (node)=>{
+            const manifest = getManifestForNode(node);
+            return (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape));
+        };
+        const isContainerNode = (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(node));
+        return {
+            getManifestForNode,
+            getNodeDimensions,
+            isContainerNode,
+            getContainerFitGeometry: (node)=>isContainerNode(node) ? (0, container_cjs_namespaceObject.getContainerFitGeometry)() : null
+        };
+    }, [
+        getManifestForNode
+    ]);
+}
+exports.useCanvasNodeLayout = __webpack_exports__.useCanvasNodeLayout;
+exports.useNodeManifestResolver = __webpack_exports__.useNodeManifestResolver;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useCanvasNodeLayout",
+    "useNodeManifestResolver"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/hooks/useCanvasNodeLayout.d.ts

@@ -0,0 +1,15 @@
+import type { Node } from '../xyflow/react.ts';
+import type { NodeManifest } from '../schema/node-definition';
+import { type ContainerFitGeometry, type NodeDimensions } from '../utils/container';
+export type NodeManifestResolver = (node: Node) => NodeManifest | undefined;
+export interface NodeLayout {
+    getNodeDimensions: (node: Node) => NodeDimensions;
+    isContainerNode: (node: Node) => boolean;
+    getContainerFitGeometry: (node: Node) => ContainerFitGeometry | null;
+}
+export interface CanvasNodeLayout extends NodeLayout {
+    getManifestForNode: NodeManifestResolver;
+}
+export declare function useNodeManifestResolver(): NodeManifestResolver;
+export declare function useCanvasNodeLayout(): CanvasNodeLayout;
+//# sourceMappingURL=useCanvasNodeLayout.d.ts.map

package/dist/canvas/hooks/useCanvasNodeLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasNodeLayout.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useCanvasNodeLayout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAGrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EACL,KAAK,oBAAoB,EAIzB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,GAAG,SAAS,CAAC;AAE5E,MAAM,WAAW,UAAU;IACzB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IAClD,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACzC,uBAAuB,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,CAAC;CACtE;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,kBAAkB,EAAE,oBAAoB,CAAC;CAC1C;AAED,wBAAgB,uBAAuB,IAAI,oBAAoB,CAO9D;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAoBtD"}

package/dist/canvas/hooks/useCanvasNodeLayout.js

@@ -0,0 +1,29 @@
+import { useCallback, useMemo } from "react";
+import { useOptionalNodeTypeRegistry } from "../core/index.js";
+import { getExpandedSize } from "../utils/collapse.js";
+import { getContainerFitGeometry, getNodeDimensions as container_js_getNodeDimensions, isContainerNodeManifest } from "../utils/container.js";
+function useNodeManifestResolver() {
+    const registry = useOptionalNodeTypeRegistry();
+    return useCallback((node)=>node.type ? registry?.getManifest(node.type) : void 0, [
+        registry
+    ]);
+}
+function useCanvasNodeLayout() {
+    const getManifestForNode = useNodeManifestResolver();
+    return useMemo(()=>{
+        const getNodeDimensions = (node)=>{
+            const manifest = getManifestForNode(node);
+            return container_js_getNodeDimensions(node, getExpandedSize(manifest?.display.shape));
+        };
+        const isContainerNode = (node)=>isContainerNodeManifest(getManifestForNode(node));
+        return {
+            getManifestForNode,
+            getNodeDimensions,
+            isContainerNode,
+            getContainerFitGeometry: (node)=>isContainerNode(node) ? getContainerFitGeometry() : null
+        };
+    }, [
+        getManifestForNode
+    ]);
+}
+export { useCanvasNodeLayout, useNodeManifestResolver };

package/dist/canvas/utils/NodeUtils.cjs

@@ -69,11 +69,11 @@ const snapToGrid = (value)=>Math.round(value / external_constants_cjs_namespaceO
 const snapUpToGrid = (value)=>Math.ceil(value / external_constants_cjs_namespaceObject.GRID_SPACING) * external_constants_cjs_namespaceObject.GRID_SPACING;
 const snapDownToGrid = (value)=>Math.floor(value / external_constants_cjs_namespaceObject.GRID_SPACING) * external_constants_cjs_namespaceObject.GRID_SPACING;
 const clamp = (value, min, max)=>Math.min(Math.max(value, min), max);
-function getBoxesFromNodes(nodes, margin = 0, getNodeSize) {
+function getBoxesFromNodes(nodes, margin = 0, getNodeDimensions) {
     const boxes = new Array(nodes.length);
     for(let i = 0; i < nodes.length; i++){
         const node = nodes[i];
-        const nodeSize = getNodeSize?.(node) ?? {
+        const nodeSize = getNodeDimensions?.(node) ?? {
             width: node.width ?? node.measured?.width ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
             height: node.height ?? node.measured?.height ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
         };
@@ -88,10 +88,10 @@ function getBoxesFromNodes(nodes, margin = 0, getNodeSize) {
     }
     return boxes;
 }
-const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, margin = 2 * external_constants_cjs_namespaceObject.GRID_SPACING, ignoredNodeTypes, getNodeSize } = {})=>{
+const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, margin = 2 * external_constants_cjs_namespaceObject.GRID_SPACING, ignoredNodeTypes, getNodeDimensions } = {})=>{
     const ignoredSet = new Set(ignoredNodeTypes);
     const collisionNodes = ignoredSet.size > 0 ? nodes.filter((n)=>!ignoredSet.has(n.type ?? '')) : nodes;
-    const boxes = getBoxesFromNodes(collisionNodes, margin, getNodeSize);
+    const boxes = getBoxesFromNodes(collisionNodes, margin, getNodeDimensions);
     for(let iter = 0; iter < maxIterations; iter++){
         let moved = false;
         for(let i = 0; i < boxes.length; i++)for(let j = i + 1; j < boxes.length; j++){

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

@@ -20,7 +20,7 @@ export type CollisionAlgorithmOptions = {
     overlapThreshold?: number;
     margin?: number;
     ignoredNodeTypes?: string[];
-    getNodeSize?: (node: Node) => {
+    getNodeDimensions?: (node: Node) => {
         width: number;
         height: number;
     };

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;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"}
+{"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,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACvE,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

@@ -32,11 +32,11 @@ const snapToGrid = (value)=>Math.round(value / GRID_SPACING) * GRID_SPACING;
 const snapUpToGrid = (value)=>Math.ceil(value / GRID_SPACING) * GRID_SPACING;
 const snapDownToGrid = (value)=>Math.floor(value / GRID_SPACING) * GRID_SPACING;
 const clamp = (value, min, max)=>Math.min(Math.max(value, min), max);
-function getBoxesFromNodes(nodes, margin = 0, getNodeSize) {
+function getBoxesFromNodes(nodes, margin = 0, getNodeDimensions) {
     const boxes = new Array(nodes.length);
     for(let i = 0; i < nodes.length; i++){
         const node = nodes[i];
-        const nodeSize = getNodeSize?.(node) ?? {
+        const nodeSize = getNodeDimensions?.(node) ?? {
             width: node.width ?? node.measured?.width ?? DEFAULT_NODE_SIZE,
             height: node.height ?? node.measured?.height ?? DEFAULT_NODE_SIZE
         };
@@ -51,10 +51,10 @@ function getBoxesFromNodes(nodes, margin = 0, getNodeSize) {
     }
     return boxes;
 }
-const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, margin = 2 * GRID_SPACING, ignoredNodeTypes, getNodeSize } = {})=>{
+const resolveCollisions = (nodes, { maxIterations = 50, overlapThreshold = 0, margin = 2 * GRID_SPACING, ignoredNodeTypes, getNodeDimensions } = {})=>{
     const ignoredSet = new Set(ignoredNodeTypes);
     const collisionNodes = ignoredSet.size > 0 ? nodes.filter((n)=>!ignoredSet.has(n.type ?? '')) : nodes;
-    const boxes = getBoxesFromNodes(collisionNodes, margin, getNodeSize);
+    const boxes = getBoxesFromNodes(collisionNodes, margin, getNodeDimensions);
     for(let iter = 0; iter < maxIterations; iter++){
         let moved = false;
         for(let i = 0; i < boxes.length; i++)for(let j = i + 1; j < boxes.length; j++){

package/dist/canvas/utils/container.cjs

@@ -352,12 +352,13 @@ function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges,
     }
     return collectedIds;
 }
-function resolveInsertPreview({ source, sourceHandleType, reactFlowInstance, isContainerNode, getContainerSafeArea, previewNodeSize, gap, getNodeDimensions }) {
+function resolveInsertPreview({ source, sourceHandleType, reactFlowInstance, isContainerNode, replacedEdge: exactReplacedEdge, getContainerSafeArea, previewNodeSize, gap, getNodeDimensions }) {
     if ('source' !== sourceHandleType || !source.handleId) return null;
-    const replacedEdge = getSingleOutgoingEdge(source.nodeId, source.handleId, reactFlowInstance.getEdges());
+    const replacedEdge = exactReplacedEdge ?? getSingleOutgoingEdge(source.nodeId, source.handleId, reactFlowInstance.getEdges());
     if (!replacedEdge) return null;
     const sourceNode = reactFlowInstance.getNode(replacedEdge.source);
     const targetNode = reactFlowInstance.getNode(replacedEdge.target);
+    if (!sourceNode || !targetNode) return null;
     const nodes = reactFlowInstance.getNodes();
     const containerNode = getContainerNodeForEdge(sourceNode, targetNode, nodes);
     if (!containerNode) return null;

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

@@ -49,6 +49,7 @@ interface ContainerPreviewContext {
 }
 interface ContainerPreviewOptions {
     isContainerNode?: (node: Node) => boolean;
+    replacedEdge?: Edge;
     getContainerSafeArea?: (containerNode: Node) => ContainerSafeArea | undefined;
     getContainerContinuationTarget?: (context: {
         containerNode: 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

@@ -308,12 +308,13 @@ function collectLinearDownstreamSiblings({ startNodeId, parentId, nodes, edges,
     }
     return collectedIds;
 }
-function resolveInsertPreview({ source, sourceHandleType, reactFlowInstance, isContainerNode, getContainerSafeArea, previewNodeSize, gap, getNodeDimensions }) {
+function resolveInsertPreview({ source, sourceHandleType, reactFlowInstance, isContainerNode, replacedEdge: exactReplacedEdge, getContainerSafeArea, previewNodeSize, gap, getNodeDimensions }) {
     if ('source' !== sourceHandleType || !source.handleId) return null;
-    const replacedEdge = getSingleOutgoingEdge(source.nodeId, source.handleId, reactFlowInstance.getEdges());
+    const replacedEdge = exactReplacedEdge ?? getSingleOutgoingEdge(source.nodeId, source.handleId, reactFlowInstance.getEdges());
     if (!replacedEdge) return null;
     const sourceNode = reactFlowInstance.getNode(replacedEdge.source);
     const targetNode = reactFlowInstance.getNode(replacedEdge.target);
+    if (!sourceNode || !targetNode) return null;
     const nodes = reactFlowInstance.getNodes();
     const containerNode = getContainerNodeForEdge(sourceNode, targetNode, nodes);
     if (!containerNode) return null;

package/package.json

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