@uipath/apollo-react 4.15.0-pr605.6ea14a7 → 4.15.0-pr605.6f11404

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

@@ -45,8 +45,7 @@ function getManifestForNode(registry, node) {
 }
 function getManifestAwareNodeDimensions(registry, node) {
     const manifest = getManifestForNode(registry, node);
-    const expandedShape = (0, collapse_cjs_namespaceObject.getExpandedShape)(manifest?.display.shape);
-    const fallbackDimensions = (0, collapse_cjs_namespaceObject.getExpandedSize)(expandedShape, manifest);
+    const fallbackDimensions = (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape, manifest);
     return (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(node, fallbackDimensions);
 }
 function getContainerFitGeometry(registry, node) {
@@ -79,7 +78,7 @@ function resolveSiblingCollisions(nodes, insertedNode, options) {
 function resolveNodePlacement(nodes, insertedNode, registry, ignoredNodeTypes, edges, loopSequencePlacement) {
     const getNodeSize = (node)=>getManifestAwareNodeDimensions(registry, node);
     if (!insertedNode.parentId) {
-        const resolvedNodes = (0, external_utils_index_cjs_namespaceObject.resolveCollisions)(nodes, {
+        const resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
             getNodeSize
         });
@@ -149,7 +148,13 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
     const handleNodeSelect = (0, external_react_namespaceObject.useCallback)((nodeItem)=>{
         const currentPreviewNode = reactFlowInstance.getNode(external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
         if (!currentPreviewNode || !previewNodeConnectionInfo || 0 === previewNodeConnectionInfo.length) return;
-        const loopSequencePlacement = (0, LoopNode_sequence_cjs_namespaceObject.getLoopSequencePlacementFromPreviewGraph)(currentPreviewNode, previewNodeConnectionInfo);
+        const loopSequenceResolverOptions = (0, LoopNode_sequence_cjs_namespaceObject.createLoopSequenceResolverOptions)(registry);
+        const loopSequencePlacement = (0, LoopNode_sequence_cjs_namespaceObject.getLoopSequencePlacementFromPreviewGraph)(currentPreviewNode, previewNodeConnectionInfo, {
+            isLoopContainerId: (containerId)=>{
+                const containerNode = reactFlowInstance.getNode(containerId);
+                return containerNode ? loopSequenceResolverOptions.isLoopContainerNode?.(containerNode) ?? false : false;
+            }
+        });
         const newNodeId = `${nodeItem.data.type}-${Date.now()}`;
         const baseNodeData = createNodeData ? createNodeData(nodeItem) : {
             label: nodeItem.name,
@@ -180,8 +185,12 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         const newEdges = [];
         const previewEdgeIds = [];
         for (const connectionInfoItem of previewNodeConnectionInfo){
-            const newNodeHandleType = connectionInfoItem.addNewNodeAsSource ? 'source' : 'target';
-            const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType, nodeItem.data.version) : void 0;
+            const newNodeDefaultHandle = newNodeManifest ? (0, external_utils_index_cjs_namespaceObject.getNodeHandleForPreviewConnection)({
+                manifest: newNodeManifest,
+                connection: connectionInfoItem,
+                connections: previewNodeConnectionInfo,
+                getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
+            }) : void 0;
             const newNodeHandleId = newNodeDefaultHandle?.id;
             const edgeSourceTargetData = connectionInfoItem.addNewNodeAsSource ? {
                 source: newNode.id,
@@ -225,7 +234,12 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
             ]);
         const [firstConnection] = previewNodeConnectionInfo;
         if (firstConnection) {
-            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source', nodeItem.data.version)?.id : firstConnection.existingHandleId;
+            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && (0, external_utils_index_cjs_namespaceObject.getNodeHandleForPreviewConnection)({
+                manifest: newNodeManifest,
+                connection: firstConnection,
+                connections: previewNodeConnectionInfo,
+                getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
+            })?.id : firstConnection.existingHandleId;
             const firstEdgeData = firstConnection.addNewNodeAsSource ? {
                 source: finalNode.id,
                 sourceHandle: firstEdgeSourceHandle ?? 'output'

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;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,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;AAuHD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiOxD,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;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAShD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,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;AAsHD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwPxD,CAAC"}

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

@@ -4,21 +4,20 @@ import { useCallback, useEffect, useRef } from "react";
 import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.js";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { usePreviewNode } from "../../hooks/usePreviewNode.js";
-import { resolveCollisions } from "../../utils/index.js";
-import { getExpandedShape, getExpandedSize } from "../../utils/collapse.js";
+import { getNodeHandleForPreviewConnection, resolveCollisions } from "../../utils/index.js";
+import { getExpandedSize } from "../../utils/collapse.js";
 import { ensureContainersFitChildren, getNodeDimensions } from "../../utils/container-sizing.js";
 import { getNodeTypeVersion } from "../../utils/manifest-resolver.js";
 import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
 import { getLoopContainerFitGeometry, isLoopContainerManifest } from "../LoopNode/LoopNode.helpers.js";
-import { getLoopSequencePlacementFromPreviewGraph, resolveLoopSequenceMaterializedNodes } from "../LoopNode/LoopNode.sequence.js";
+import { createLoopSequenceResolverOptions, getLoopSequencePlacementFromPreviewGraph, resolveLoopSequenceMaterializedNodes } from "../LoopNode/LoopNode.sequence.js";
 import { AddNodePanel } from "./AddNodePanel.js";
 function getManifestForNode(registry, node) {
     return node.type ? registry?.getManifest(node.type, getNodeTypeVersion(node.data)) : void 0;
 }
 function getManifestAwareNodeDimensions(registry, node) {
     const manifest = getManifestForNode(registry, node);
-    const expandedShape = getExpandedShape(manifest?.display.shape);
-    const fallbackDimensions = getExpandedSize(expandedShape, manifest);
+    const fallbackDimensions = getExpandedSize(manifest?.display.shape, manifest);
     return getNodeDimensions(node, fallbackDimensions);
 }
 function getContainerFitGeometry(registry, node) {
@@ -51,7 +50,7 @@ function resolveSiblingCollisions(nodes, insertedNode, options) {
 function resolveNodePlacement(nodes, insertedNode, registry, ignoredNodeTypes, edges, loopSequencePlacement) {
     const getNodeSize = (node)=>getManifestAwareNodeDimensions(registry, node);
     if (!insertedNode.parentId) {
-        const resolvedNodes = resolveCollisions(nodes, {
+        const resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
             getNodeSize
         });
@@ -121,7 +120,13 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
     const handleNodeSelect = useCallback((nodeItem)=>{
         const currentPreviewNode = reactFlowInstance.getNode(PREVIEW_NODE_ID);
         if (!currentPreviewNode || !previewNodeConnectionInfo || 0 === previewNodeConnectionInfo.length) return;
-        const loopSequencePlacement = getLoopSequencePlacementFromPreviewGraph(currentPreviewNode, previewNodeConnectionInfo);
+        const loopSequenceResolverOptions = createLoopSequenceResolverOptions(registry);
+        const loopSequencePlacement = getLoopSequencePlacementFromPreviewGraph(currentPreviewNode, previewNodeConnectionInfo, {
+            isLoopContainerId: (containerId)=>{
+                const containerNode = reactFlowInstance.getNode(containerId);
+                return containerNode ? loopSequenceResolverOptions.isLoopContainerNode?.(containerNode) ?? false : false;
+            }
+        });
         const newNodeId = `${nodeItem.data.type}-${Date.now()}`;
         const baseNodeData = createNodeData ? createNodeData(nodeItem) : {
             label: nodeItem.name,
@@ -152,8 +157,12 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         const newEdges = [];
         const previewEdgeIds = [];
         for (const connectionInfoItem of previewNodeConnectionInfo){
-            const newNodeHandleType = connectionInfoItem.addNewNodeAsSource ? 'source' : 'target';
-            const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType, nodeItem.data.version) : void 0;
+            const newNodeDefaultHandle = newNodeManifest ? getNodeHandleForPreviewConnection({
+                manifest: newNodeManifest,
+                connection: connectionInfoItem,
+                connections: previewNodeConnectionInfo,
+                getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
+            }) : void 0;
             const newNodeHandleId = newNodeDefaultHandle?.id;
             const edgeSourceTargetData = connectionInfoItem.addNewNodeAsSource ? {
                 source: newNode.id,
@@ -197,7 +206,12 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
             ]);
         const [firstConnection] = previewNodeConnectionInfo;
         if (firstConnection) {
-            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source', nodeItem.data.version)?.id : firstConnection.existingHandleId;
+            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && getNodeHandleForPreviewConnection({
+                manifest: newNodeManifest,
+                connection: firstConnection,
+                connections: previewNodeConnectionInfo,
+                getDefaultHandle: (handleType)=>registry?.getDefaultHandle(newNodeManifest.nodeType, handleType, nodeItem.data.version)
+            })?.id : firstConnection.existingHandleId;
             const firstEdgeData = firstConnection.addNewNodeAsSource ? {
                 source: finalNode.id,
                 sourceHandle: firstEdgeSourceHandle ?? 'output'

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

@@ -29,14 +29,14 @@ __webpack_require__.d(__webpack_exports__, {
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
 const LoopNode_sequence_cjs_namespaceObject = require("../LoopNode/LoopNode.sequence.cjs");
-function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = react_cjs_namespaceObject.Position.Right, sourceHandleType = 'source', ignoredNodeTypes = []) {
+function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = react_cjs_namespaceObject.Position.Right, sourceHandleType = 'source', ignoredNodeTypes = [], resolverOptions = (0, LoopNode_sequence_cjs_namespaceObject.createLoopSequenceResolverOptions)(null)) {
     if ('source' === sourceHandleType) {
         const loopPreview = (0, LoopNode_sequence_cjs_namespaceObject.resolveLoopAddNodePreview)({
             sourceNodeId,
             sourceHandleId,
-            reactFlowInstance
+            reactFlowInstance,
+            resolverOptions
         });
-        if ('skip' === loopPreview.action) return;
         if ('create-preview' === loopPreview.action) return void (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
             sourceNodeId,
             sourceHandleId,

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

@@ -1,3 +1,4 @@
 import { Position, type ReactFlowInstance } from '../../xyflow/react.ts';
-export declare function createAddNodePreview(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, handlePosition?: Position, sourceHandleType?: 'source' | 'target', ignoredNodeTypes?: string[]): void;
+import { type LoopSequenceResolverOptions } from '../LoopNode/LoopNode.sequence';
+export declare function createAddNodePreview(sourceNodeId: string, sourceHandleId: string, reactFlowInstance: ReactFlowInstance, handlePosition?: Position, sourceHandleType?: 'source' | 'target', ignoredNodeTypes?: string[], resolverOptions?: LoopSequenceResolverOptions): void;
 //# sourceMappingURL=createAddNodePreview.d.ts.map

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;AAc5F,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,GAC9B,IAAI,CAkCN"}
+{"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,EAEL,KAAK,2BAA2B,EAEjC,MAAM,+BAA+B,CAAC;AAcvC,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,eAAe,GAAE,2BAAqE,GACrF,IAAI,CA+BN"}

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

@@ -1,14 +1,14 @@
 import { Position } from "../../xyflow/react.js";
 import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
-import { resolveLoopAddNodePreview } from "../LoopNode/LoopNode.sequence.js";
-function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = Position.Right, sourceHandleType = 'source', ignoredNodeTypes = []) {
+import { createLoopSequenceResolverOptions, resolveLoopAddNodePreview } from "../LoopNode/LoopNode.sequence.js";
+function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = Position.Right, sourceHandleType = 'source', ignoredNodeTypes = [], resolverOptions = createLoopSequenceResolverOptions(null)) {
     if ('source' === sourceHandleType) {
         const loopPreview = resolveLoopAddNodePreview({
             sourceNodeId,
             sourceHandleId,
-            reactFlowInstance
+            reactFlowInstance,
+            resolverOptions
         });
-        if ('skip' === loopPreview.action) return;
         if ('create-preview' === loopPreview.action) return void showPreviewGraph({
             sourceNodeId,
             sourceHandleId,

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

@@ -35,6 +35,7 @@ const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
 const CanvasEventBus_cjs_namespaceObject = require("../../utils/CanvasEventBus.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
 const createAddNodePreview_cjs_namespaceObject = require("../AddNodePanel/createAddNodePreview.cjs");
+const LoopNode_sequence_cjs_namespaceObject = require("../LoopNode/LoopNode.sequence.cjs");
 const external_HierarchicalCanvas_cjs_namespaceObject = require("./HierarchicalCanvas.cjs");
 const createDemoCanvases = ()=>{
     const rootCanvas = {
@@ -325,6 +326,7 @@ const workflowManifest = {
 };
 const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
+    const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
     const currentCanvas = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectCurrentCanvas);
     const currentPathLength = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectCurrentPathLength);
     const addNode = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectAddNode);
@@ -332,10 +334,11 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
     const removeEdge = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectRemoveEdge);
     const updateNodes = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectUpdateNodes);
     (0, external_react_namespaceObject.useEffect)(()=>{
+        const resolverOptions = (0, LoopNode_sequence_cjs_namespaceObject.createLoopSequenceResolverOptions)(registry);
         const handleAction = (event)=>{
             if (reactFlowInstance) {
                 const sourceHandleType = 'input' === event.handleType ? 'target' : 'source';
-                (0, createAddNodePreview_cjs_namespaceObject.createAddNodePreview)(event.nodeId, event.handleId, reactFlowInstance, event.position, sourceHandleType);
+                (0, createAddNodePreview_cjs_namespaceObject.createAddNodePreview)(event.nodeId, event.handleId, reactFlowInstance, event.position, sourceHandleType, [], resolverOptions);
             }
         };
         CanvasEventBus_cjs_namespaceObject.canvasEventBus.on('handle:action', handleAction);
@@ -343,7 +346,8 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
             CanvasEventBus_cjs_namespaceObject.canvasEventBus.off('handle:action', handleAction);
         };
     }, [
-        reactFlowInstance
+        reactFlowInstance,
+        registry
     ]);
     const handleAddNode = (0, external_react_namespaceObject.useCallback)((nodeType)=>{
         const existingNodes = currentCanvas?.nodes.filter((n)=>'blank-canvas-node' !== n.id).length || 0;

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

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalCanvasWithControls.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqe/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA8BlD,CAAC"}
+{"version":3,"file":"HierarchicalCanvasWithControls.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvasWithControls.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0e/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA8BlD,CAAC"}

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

@@ -2,11 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Panel, ReactFlowProvider, useReactFlow } from "../../xyflow/react.js";
 import { Button } from "@uipath/apollo-wind";
 import { useCallback, useEffect, useState } from "react";
-import { NodeRegistryProvider } from "../../core/index.js";
+import { NodeRegistryProvider, useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { selectAddNode, selectCurrentCanvas, selectCurrentPathLength, selectRemoveEdge, selectRemoveNode, selectUpdateNodes, useCanvasStore } from "../../stores/canvasStore.js";
 import { canvasEventBus } from "../../utils/CanvasEventBus.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
 import { createAddNodePreview } from "../AddNodePanel/createAddNodePreview.js";
+import { createLoopSequenceResolverOptions } from "../LoopNode/LoopNode.sequence.js";
 import { HierarchicalCanvas } from "./HierarchicalCanvas.js";
 const createDemoCanvases = ()=>{
     const rootCanvas = {
@@ -297,6 +298,7 @@ const workflowManifest = {
 };
 const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
     const reactFlowInstance = useReactFlow();
+    const registry = useOptionalNodeTypeRegistry();
     const currentCanvas = useCanvasStore(selectCurrentCanvas);
     const currentPathLength = useCanvasStore(selectCurrentPathLength);
     const addNode = useCanvasStore(selectAddNode);
@@ -304,10 +306,11 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
     const removeEdge = useCanvasStore(selectRemoveEdge);
     const updateNodes = useCanvasStore(selectUpdateNodes);
     useEffect(()=>{
+        const resolverOptions = createLoopSequenceResolverOptions(registry);
         const handleAction = (event)=>{
             if (reactFlowInstance) {
                 const sourceHandleType = 'input' === event.handleType ? 'target' : 'source';
-                createAddNodePreview(event.nodeId, event.handleId, reactFlowInstance, event.position, sourceHandleType);
+                createAddNodePreview(event.nodeId, event.handleId, reactFlowInstance, event.position, sourceHandleType, [], resolverOptions);
             }
         };
         canvasEventBus.on('handle:action', handleAction);
@@ -315,7 +318,8 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
             canvasEventBus.off('handle:action', handleAction);
         };
     }, [
-        reactFlowInstance
+        reactFlowInstance,
+        registry
     ]);
     const handleAddNode = useCallback((nodeType)=>{
         const existingNodes = currentCanvas?.nodes.filter((n)=>'blank-canvas-node' !== n.id).length || 0;

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

@@ -27,14 +27,46 @@ __webpack_require__.d(__webpack_exports__, {
     resolveLoopAddNodePreview: ()=>resolveLoopAddNodePreview,
     getLoopSequencePlacementFromPreviewGraph: ()=>getLoopSequencePlacementFromPreviewGraph,
     createLoopSequencePreviewPlacement: ()=>createLoopSequencePreviewPlacement,
+    createLoopSequenceResolverOptions: ()=>createLoopSequenceResolverOptions,
     resolveLoopSequenceMaterializedNodes: ()=>resolveLoopSequenceMaterializedNodes
 });
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const container_sizing_cjs_namespaceObject = require("../../utils/container-sizing.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
+const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
 const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
 const LOOP_SEQUENCE_GAP_PX = 3 * external_constants_cjs_namespaceObject.GRID_SPACING;
+function getManifestForNode(registry, node) {
+    return node.type ? registry?.getManifest(node.type, (0, manifest_resolver_cjs_namespaceObject.getNodeTypeVersion)(node.data)) : void 0;
+}
+function getDataHandleConfigurations(node) {
+    const data = node.data;
+    return Array.isArray(data?.handleConfigurations) ? data.handleConfigurations : null;
+}
+function createLoopSequenceResolverOptions(registry) {
+    return {
+        isLoopContainerNode: (node)=>{
+            const manifest = getManifestForNode(registry, node);
+            if (manifest) return (0, external_LoopNode_helpers_cjs_namespaceObject.isLoopContainerManifest)(manifest);
+            return getDataHandleConfigurations(node)?.some((group)=>'inner' === group.boundary) ?? false;
+        },
+        getLoopContinuationTargetHandle: (node)=>{
+            const manifest = getManifestForNode(registry, node);
+            if (!manifest || !(0, external_LoopNode_helpers_cjs_namespaceObject.isLoopContainerManifest)(manifest)) return null;
+            const previewHandles = (0, external_LoopNode_helpers_cjs_namespaceObject.resolveLoopPreviewConnectionHandles)(manifest, {
+                ...node.data ?? {},
+                nodeId: node.id
+            });
+            return previewHandles ? {
+                targetHandleId: previewHandles.targetHandleId
+            } : null;
+        }
+    };
+}
+function isResolvedLoopContainer(node, options) {
+    return !!node && (options?.isLoopContainerNode?.(node) ?? false);
+}
 function LoopNode_sequence_getNodeSize(node, fallback) {
     return node ? (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(node, fallback) : fallback;
 }
@@ -61,23 +93,20 @@ function getContainerNode({ sourceNode, targetNode }) {
 function matchesSourceHandle(edge, sourceNodeId, sourceHandleId) {
     return edge.source === sourceNodeId && (edge.sourceHandle ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID) === sourceHandleId;
 }
-function isLoopLocalTarget(sourceNode, targetNode) {
-    if (!targetNode) return false;
-    if (sourceNode.parentId) return targetNode.parentId === sourceNode.parentId || targetNode.id === sourceNode.parentId;
-    return targetNode.parentId === sourceNode.id;
-}
-function resolvePreferredLoopContinuationTargetHandle(containerId, reactFlowInstance) {
+function resolvePreferredLoopContinuationTargetHandle(containerId, reactFlowInstance, options) {
     const nodesById = new Map(reactFlowInstance.getNodes().map((node)=>[
             node.id,
             node
         ]));
     const containerNode = nodesById.get(containerId);
     if (!containerNode) return null;
-    const handleConfiguration = containerNode.data?.handleConfigurations;
-    const configuredHandleId = Array.isArray(handleConfiguration) ? (0, external_LoopNode_helpers_cjs_namespaceObject.pickPreferredInnerHandle)((0, external_LoopNode_helpers_cjs_namespaceObject.getVisibleInnerHandleGroups)(handleConfiguration, {
-        ...containerNode.data ?? {},
-        nodeId: containerNode.id
-    }), 'target')?.handle.id : null;
+    const configuredHandleId = options?.getLoopContinuationTargetHandle?.(containerNode)?.targetHandleId ?? (()=>{
+        const handleConfiguration = getDataHandleConfigurations(containerNode);
+        return handleConfiguration ? (0, external_LoopNode_helpers_cjs_namespaceObject.pickPreferredInnerHandle)((0, external_LoopNode_helpers_cjs_namespaceObject.getVisibleInnerHandleGroups)(handleConfiguration, {
+            ...containerNode.data ?? {},
+            nodeId: containerNode.id
+        }), 'target')?.handle.id : null;
+    })();
     const returningEdges = reactFlowInstance.getEdges().filter((edge)=>!(0, createPreviewNode_cjs_namespaceObject.isPreviewEdge)(edge) && edge.target === containerId).filter((edge)=>nodesById.get(edge.source)?.parentId === containerId);
     if (configuredHandleId && (0 === returningEdges.length || returningEdges.some((edge)=>edge.targetHandle === configuredHandleId))) return {
         targetHandleId: configuredHandleId
@@ -89,11 +118,25 @@ function resolvePreferredLoopContinuationTargetHandle(containerId, reactFlowInst
         targetHandleId
     } : null;
 }
-function resolveLoopContinuationTarget({ sourceNodeId, sourceHandleId, reactFlowInstance }) {
+function isLoopLocalTarget(sourceNode, targetNode, nodesById, options) {
+    if (!targetNode) return false;
+    const container = getContainerNode({
+        sourceNode,
+        targetNode
+    });
+    if (!container) return false;
+    return isResolvedLoopContainer(nodesById.get(container.containerId), options);
+}
+function resolveLoopContinuationTarget({ sourceNodeId, sourceHandleId, reactFlowInstance, resolverOptions }) {
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) return null;
+    const nodes = reactFlowInstance.getNodes();
+    const nodesById = new Map(nodes.map((node)=>[
+            node.id,
+            node
+        ]));
     const outgoingEdges = reactFlowInstance.getEdges().filter((edge)=>!(0, createPreviewNode_cjs_namespaceObject.isPreviewEdge)(edge) && matchesSourceHandle(edge, sourceNodeId, sourceHandleId));
-    const loopLocalOutgoingEdges = outgoingEdges.filter((edge)=>isLoopLocalTarget(sourceNode, reactFlowInstance.getNode(edge.target)));
+    const loopLocalOutgoingEdges = outgoingEdges.filter((edge)=>isLoopLocalTarget(sourceNode, nodesById.get(edge.target), nodesById, resolverOptions));
     if (1 === outgoingEdges.length && 1 === loopLocalOutgoingEdges.length) {
         const edge = loopLocalOutgoingEdges[0];
         return {
@@ -107,7 +150,8 @@ function resolveLoopContinuationTarget({ sourceNodeId, sourceHandleId, reactFlow
         type: 'ambiguous'
     };
     if (!sourceNode.parentId || outgoingEdges.length > 0) return null;
-    const targetHandle = resolvePreferredLoopContinuationTargetHandle(sourceNode.parentId, reactFlowInstance);
+    if (!isResolvedLoopContainer(nodesById.get(sourceNode.parentId), resolverOptions)) return null;
+    const targetHandle = resolvePreferredLoopContinuationTargetHandle(sourceNode.parentId, reactFlowInstance, resolverOptions);
     if (!targetHandle) return {
         type: 'ambiguous'
     };
@@ -195,7 +239,7 @@ function getSequencePreviewTopLeft({ containerNode, sourceNode, targetNode, node
 function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactFlowInstance, previewNodeSize = {
     width: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE,
     height: external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE
-}, avoidSiblings = false }) {
+}, avoidSiblings = false, resolverOptions }) {
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     const targetNode = targetNodeId ? reactFlowInstance.getNode(targetNodeId) : void 0;
     if (!sourceNode) return null;
@@ -205,7 +249,7 @@ function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactF
     });
     if (!container) return null;
     const containerNode = reactFlowInstance.getNode(container.containerId);
-    if (!containerNode) return null;
+    if (!isResolvedLoopContainer(containerNode, resolverOptions)) return null;
     const containerAbsolutePosition = (0, NodeUtils_cjs_namespaceObject.getAbsolutePosition)(containerNode, reactFlowInstance.getNodes());
     const nodes = reactFlowInstance.getNodes();
     const topLeft = getSequencePreviewTopLeft({
@@ -225,9 +269,10 @@ function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactF
         }
     };
 }
-function getLoopSequencePlacementFromPreviewGraph(previewNode, connections) {
+function getLoopSequencePlacementFromPreviewGraph(previewNode, connections, options = {}) {
     const containerId = previewNode.parentId;
     if (!containerId) return null;
+    if (!(options.isLoopContainerId?.(containerId) ?? false)) return null;
     const sourceConnections = connections.filter((connection)=>!connection.addNewNodeAsSource);
     const targetConnections = connections.filter((connection)=>connection.addNewNodeAsSource);
     if (1 !== sourceConnections.length || 1 !== targetConnections.length) return null;
@@ -240,36 +285,36 @@ function getLoopSequencePlacementFromPreviewGraph(previewNode, connections) {
         mode: sourceNodeId === containerId && targetNodeId === containerId ? 'first-child' : 'sequence'
     };
 }
-function resolveLoopAddNodePreview({ sourceNodeId, sourceHandleId, reactFlowInstance }) {
+function resolveLoopAddNodePreview({ sourceNodeId, sourceHandleId, reactFlowInstance, resolverOptions }) {
     const loopContinuation = resolveLoopContinuationTarget({
         sourceNodeId,
         sourceHandleId,
-        reactFlowInstance
+        reactFlowInstance,
+        resolverOptions
     });
-    if (loopContinuation?.type === 'ambiguous') return {
-        action: 'skip'
-    };
-    if (loopContinuation?.type !== 'target') return {
+    if (loopContinuation?.type === 'ambiguous' || loopContinuation?.type !== 'target') return {
         action: 'continue'
     };
     const loopSequencePlacement = createLoopSequencePreviewPlacement({
         sourceNodeId,
         targetNodeId: loopContinuation.targetNodeId,
         reactFlowInstance,
-        avoidSiblings: !loopContinuation.removedEdge
+        avoidSiblings: !loopContinuation.removedEdge,
+        resolverOptions
     });
+    if (!loopSequencePlacement) return {
+        action: 'continue'
+    };
     return {
         action: 'create-preview',
         previewGraphOptions: {
-            ...loopSequencePlacement ? {
-                position: loopSequencePlacement.centerPosition,
-                positionMode: 'center',
-                containerId: loopSequencePlacement.containerId,
-                ...loopContinuation.removedEdge ? {
-                    data: {
-                        originalEdge: loopContinuation.removedEdge
-                    }
-                } : {}
+            position: loopSequencePlacement.centerPosition,
+            positionMode: 'center',
+            containerId: loopSequencePlacement.containerId,
+            ...loopContinuation.removedEdge ? {
+                data: {
+                    originalEdge: loopContinuation.removedEdge
+                }
             } : {},
             targetNodeId: loopContinuation.targetNodeId,
             targetHandleId: loopContinuation.targetHandleId,
@@ -372,11 +417,13 @@ function resolveLoopSequenceMaterializedNodes({ nodes, edges, insertedNode, plac
     });
 }
 exports.createLoopSequencePreviewPlacement = __webpack_exports__.createLoopSequencePreviewPlacement;
+exports.createLoopSequenceResolverOptions = __webpack_exports__.createLoopSequenceResolverOptions;
 exports.getLoopSequencePlacementFromPreviewGraph = __webpack_exports__.getLoopSequencePlacementFromPreviewGraph;
 exports.resolveLoopAddNodePreview = __webpack_exports__.resolveLoopAddNodePreview;
 exports.resolveLoopSequenceMaterializedNodes = __webpack_exports__.resolveLoopSequenceMaterializedNodes;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "createLoopSequencePreviewPlacement",
+    "createLoopSequenceResolverOptions",
     "getLoopSequencePlacementFromPreviewGraph",
     "resolveLoopAddNodePreview",
     "resolveLoopSequenceMaterializedNodes"

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

@@ -1,4 +1,5 @@
 import type { Edge, Node, ReactFlowInstance } from '../../xyflow/react.ts';
+import type { NodeTypeRegistry } from '../../core';
 import type { PreviewNodeConnectionInfo } from '../../hooks';
 import type { NodeDimensions } from '../../utils/container-sizing';
 import type { PreviewGraphOverrides } from '../../utils/createPreviewGraph';
@@ -21,21 +22,30 @@ export type LoopAddNodePreviewDecision = {
 } | {
     action: 'create-preview';
     previewGraphOptions: LoopAddNodePreviewOptions;
-} | {
-    action: 'skip';
 };
-export declare function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactFlowInstance, previewNodeSize, avoidSiblings, }: {
+export interface LoopSequenceResolverOptions {
+    isLoopContainerNode?: (node: Node) => boolean;
+    getLoopContinuationTargetHandle?: (containerNode: Node) => {
+        targetHandleId?: string | null;
+    } | null;
+}
+export declare function createLoopSequenceResolverOptions(registry: NodeTypeRegistry | null | undefined): LoopSequenceResolverOptions;
+export declare function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactFlowInstance, previewNodeSize, avoidSiblings, resolverOptions, }: {
     sourceNodeId: string;
     targetNodeId?: string;
     reactFlowInstance: ReactFlowInstance;
     previewNodeSize?: NodeDimensions;
     avoidSiblings?: boolean;
+    resolverOptions?: LoopSequenceResolverOptions;
 }): LoopSequencePreviewPlacement | null;
-export declare function getLoopSequencePlacementFromPreviewGraph(previewNode: Pick<Node, 'parentId'>, connections: PreviewNodeConnectionInfo[]): LoopSequencePlacementData | null;
-export declare function resolveLoopAddNodePreview({ sourceNodeId, sourceHandleId, reactFlowInstance, }: {
+export declare function getLoopSequencePlacementFromPreviewGraph(previewNode: Pick<Node, 'parentId'>, connections: PreviewNodeConnectionInfo[], options?: {
+    isLoopContainerId?: (containerId: string) => boolean;
+}): LoopSequencePlacementData | null;
+export declare function resolveLoopAddNodePreview({ sourceNodeId, sourceHandleId, reactFlowInstance, resolverOptions, }: {
     sourceNodeId: string;
     sourceHandleId: string;
     reactFlowInstance: ReactFlowInstance;
+    resolverOptions?: LoopSequenceResolverOptions;
 }): LoopAddNodePreviewDecision;
 export declare function resolveLoopSequenceMaterializedNodes({ nodes, edges, insertedNode, placement, getNodeSize, }: {
     nodes: Node[];

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

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.sequence.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.sequence.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAE9F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAgB5E,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,aAAa,GAAG,UAAU,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAS9D,MAAM,MAAM,0BAA0B,GAClC;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,GACtB;IAAE,MAAM,EAAE,gBAAgB,CAAC;IAAC,mBAAmB,EAAE,yBAAyB,CAAA;CAAE,GAC5E;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAmTvB,wBAAgB,kCAAkC,CAAC,EACjD,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,eAAyE,EACzE,aAAqB,GACtB,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,4BAA4B,GAAG,IAAI,CAiCtC;AAMD,wBAAgB,wCAAwC,CACtD,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EACnC,WAAW,EAAE,yBAAyB,EAAE,GACvC,yBAAyB,GAAG,IAAI,CAoBlC;AASD,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EACZ,cAAc,EACd,iBAAiB,GAClB,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,iBAAiB,CAAC;CACtC,GAAG,0BAA0B,CA4C7B;AA2ED,wBAAgB,oCAAoC,CAAC,EACnD,KAAK,EACL,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAA+B,GAChC,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;IACnB,SAAS,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;CAC9C,GAAG,IAAI,EAAE,GAAG,IAAI,CAqFhB"}
+{"version":3,"file":"LoopNode.sequence.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.sequence.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAE9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAmB5E,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,aAAa,GAAG,UAAU,CAAC;CAClC;AAED,MAAM,WAAW,4BAA4B;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC1C;AAED,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAQ9D,MAAM,MAAM,0BAA0B,GAClC;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,GACtB;IAAE,MAAM,EAAE,gBAAgB,CAAC;IAAC,mBAAmB,EAAE,yBAAyB,CAAA;CAAE,CAAC;AAEjF,MAAM,WAAW,2BAA2B;IAC1C,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC9C,+BAA+B,CAAC,EAAE,CAChC,aAAa,EAAE,IAAI,KAChB;QAAE,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CAChD;AAuBD,wBAAgB,iCAAiC,CAC/C,QAAQ,EAAE,gBAAgB,GAAG,IAAI,GAAG,SAAS,GAC5C,2BAA2B,CAsB7B;AAiUD,wBAAgB,kCAAkC,CAAC,EACjD,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,eAAyE,EACzE,aAAqB,EACrB,eAAe,GAChB,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,2BAA2B,CAAC;CAC/C,GAAG,4BAA4B,GAAG,IAAI,CAiCtC;AAMD,wBAAgB,wCAAwC,CACtD,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,EACnC,WAAW,EAAE,yBAAyB,EAAE,EACxC,OAAO,GAAE;IAAE,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAA;CAAO,GACrE,yBAAyB,GAAG,IAAI,CAqBlC;AASD,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,eAAe,GAChB,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,eAAe,CAAC,EAAE,2BAA2B,CAAC;CAC/C,GAAG,0BAA0B,CA0C7B;AA2ED,wBAAgB,oCAAoC,CAAC,EACnD,KAAK,EACL,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAA+B,GAChC,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;IACnB,SAAS,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;CAC9C,GAAG,IAAI,EAAE,GAAG,IAAI,CAqFhB"}

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

@@ -1,9 +1,40 @@
 import { DEFAULT_NODE_SIZE, DEFAULT_SOURCE_HANDLE_ID, GRID_SPACING } from "../../constants.js";
 import { getNodeDimensions } from "../../utils/container-sizing.js";
 import { isPreviewEdge } from "../../utils/createPreviewNode.js";
+import { getNodeTypeVersion } from "../../utils/manifest-resolver.js";
 import { clamp, getAbsolutePosition, snapToGrid, snapUpToGrid } from "../../utils/NodeUtils.js";
-import { getLoopChildSafeArea, getVisibleInnerHandleGroups, pickPreferredInnerHandle } from "./LoopNode.helpers.js";
+import { getLoopChildSafeArea, getVisibleInnerHandleGroups, isLoopContainerManifest, pickPreferredInnerHandle, resolveLoopPreviewConnectionHandles } from "./LoopNode.helpers.js";
 const LOOP_SEQUENCE_GAP_PX = 3 * GRID_SPACING;
+function getManifestForNode(registry, node) {
+    return node.type ? registry?.getManifest(node.type, getNodeTypeVersion(node.data)) : void 0;
+}
+function getDataHandleConfigurations(node) {
+    const data = node.data;
+    return Array.isArray(data?.handleConfigurations) ? data.handleConfigurations : null;
+}
+function createLoopSequenceResolverOptions(registry) {
+    return {
+        isLoopContainerNode: (node)=>{
+            const manifest = getManifestForNode(registry, node);
+            if (manifest) return isLoopContainerManifest(manifest);
+            return getDataHandleConfigurations(node)?.some((group)=>'inner' === group.boundary) ?? false;
+        },
+        getLoopContinuationTargetHandle: (node)=>{
+            const manifest = getManifestForNode(registry, node);
+            if (!manifest || !isLoopContainerManifest(manifest)) return null;
+            const previewHandles = resolveLoopPreviewConnectionHandles(manifest, {
+                ...node.data ?? {},
+                nodeId: node.id
+            });
+            return previewHandles ? {
+                targetHandleId: previewHandles.targetHandleId
+            } : null;
+        }
+    };
+}
+function isResolvedLoopContainer(node, options) {
+    return !!node && (options?.isLoopContainerNode?.(node) ?? false);
+}
 function LoopNode_sequence_getNodeSize(node, fallback) {
     return node ? getNodeDimensions(node, fallback) : fallback;
 }
@@ -30,23 +61,20 @@ function getContainerNode({ sourceNode, targetNode }) {
 function matchesSourceHandle(edge, sourceNodeId, sourceHandleId) {
     return edge.source === sourceNodeId && (edge.sourceHandle ?? DEFAULT_SOURCE_HANDLE_ID) === sourceHandleId;
 }
-function isLoopLocalTarget(sourceNode, targetNode) {
-    if (!targetNode) return false;
-    if (sourceNode.parentId) return targetNode.parentId === sourceNode.parentId || targetNode.id === sourceNode.parentId;
-    return targetNode.parentId === sourceNode.id;
-}
-function resolvePreferredLoopContinuationTargetHandle(containerId, reactFlowInstance) {
+function resolvePreferredLoopContinuationTargetHandle(containerId, reactFlowInstance, options) {
     const nodesById = new Map(reactFlowInstance.getNodes().map((node)=>[
             node.id,
             node
         ]));
     const containerNode = nodesById.get(containerId);
     if (!containerNode) return null;
-    const handleConfiguration = containerNode.data?.handleConfigurations;
-    const configuredHandleId = Array.isArray(handleConfiguration) ? pickPreferredInnerHandle(getVisibleInnerHandleGroups(handleConfiguration, {
-        ...containerNode.data ?? {},
-        nodeId: containerNode.id
-    }), 'target')?.handle.id : null;
+    const configuredHandleId = options?.getLoopContinuationTargetHandle?.(containerNode)?.targetHandleId ?? (()=>{
+        const handleConfiguration = getDataHandleConfigurations(containerNode);
+        return handleConfiguration ? pickPreferredInnerHandle(getVisibleInnerHandleGroups(handleConfiguration, {
+            ...containerNode.data ?? {},
+            nodeId: containerNode.id
+        }), 'target')?.handle.id : null;
+    })();
     const returningEdges = reactFlowInstance.getEdges().filter((edge)=>!isPreviewEdge(edge) && edge.target === containerId).filter((edge)=>nodesById.get(edge.source)?.parentId === containerId);
     if (configuredHandleId && (0 === returningEdges.length || returningEdges.some((edge)=>edge.targetHandle === configuredHandleId))) return {
         targetHandleId: configuredHandleId
@@ -58,11 +86,25 @@ function resolvePreferredLoopContinuationTargetHandle(containerId, reactFlowInst
         targetHandleId
     } : null;
 }
-function resolveLoopContinuationTarget({ sourceNodeId, sourceHandleId, reactFlowInstance }) {
+function isLoopLocalTarget(sourceNode, targetNode, nodesById, options) {
+    if (!targetNode) return false;
+    const container = getContainerNode({
+        sourceNode,
+        targetNode
+    });
+    if (!container) return false;
+    return isResolvedLoopContainer(nodesById.get(container.containerId), options);
+}
+function resolveLoopContinuationTarget({ sourceNodeId, sourceHandleId, reactFlowInstance, resolverOptions }) {
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     if (!sourceNode) return null;
+    const nodes = reactFlowInstance.getNodes();
+    const nodesById = new Map(nodes.map((node)=>[
+            node.id,
+            node
+        ]));
     const outgoingEdges = reactFlowInstance.getEdges().filter((edge)=>!isPreviewEdge(edge) && matchesSourceHandle(edge, sourceNodeId, sourceHandleId));
-    const loopLocalOutgoingEdges = outgoingEdges.filter((edge)=>isLoopLocalTarget(sourceNode, reactFlowInstance.getNode(edge.target)));
+    const loopLocalOutgoingEdges = outgoingEdges.filter((edge)=>isLoopLocalTarget(sourceNode, nodesById.get(edge.target), nodesById, resolverOptions));
     if (1 === outgoingEdges.length && 1 === loopLocalOutgoingEdges.length) {
         const edge = loopLocalOutgoingEdges[0];
         return {
@@ -76,7 +118,8 @@ function resolveLoopContinuationTarget({ sourceNodeId, sourceHandleId, reactFlow
         type: 'ambiguous'
     };
     if (!sourceNode.parentId || outgoingEdges.length > 0) return null;
-    const targetHandle = resolvePreferredLoopContinuationTargetHandle(sourceNode.parentId, reactFlowInstance);
+    if (!isResolvedLoopContainer(nodesById.get(sourceNode.parentId), resolverOptions)) return null;
+    const targetHandle = resolvePreferredLoopContinuationTargetHandle(sourceNode.parentId, reactFlowInstance, resolverOptions);
     if (!targetHandle) return {
         type: 'ambiguous'
     };
@@ -164,7 +207,7 @@ function getSequencePreviewTopLeft({ containerNode, sourceNode, targetNode, node
 function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactFlowInstance, previewNodeSize = {
     width: DEFAULT_NODE_SIZE,
     height: DEFAULT_NODE_SIZE
-}, avoidSiblings = false }) {
+}, avoidSiblings = false, resolverOptions }) {
     const sourceNode = reactFlowInstance.getNode(sourceNodeId);
     const targetNode = targetNodeId ? reactFlowInstance.getNode(targetNodeId) : void 0;
     if (!sourceNode) return null;
@@ -174,7 +217,7 @@ function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactF
     });
     if (!container) return null;
     const containerNode = reactFlowInstance.getNode(container.containerId);
-    if (!containerNode) return null;
+    if (!isResolvedLoopContainer(containerNode, resolverOptions)) return null;
     const containerAbsolutePosition = getAbsolutePosition(containerNode, reactFlowInstance.getNodes());
     const nodes = reactFlowInstance.getNodes();
     const topLeft = getSequencePreviewTopLeft({
@@ -194,9 +237,10 @@ function createLoopSequencePreviewPlacement({ sourceNodeId, targetNodeId, reactF
         }
     };
 }
-function getLoopSequencePlacementFromPreviewGraph(previewNode, connections) {
+function getLoopSequencePlacementFromPreviewGraph(previewNode, connections, options = {}) {
     const containerId = previewNode.parentId;
     if (!containerId) return null;
+    if (!(options.isLoopContainerId?.(containerId) ?? false)) return null;
     const sourceConnections = connections.filter((connection)=>!connection.addNewNodeAsSource);
     const targetConnections = connections.filter((connection)=>connection.addNewNodeAsSource);
     if (1 !== sourceConnections.length || 1 !== targetConnections.length) return null;
@@ -209,36 +253,36 @@ function getLoopSequencePlacementFromPreviewGraph(previewNode, connections) {
         mode: sourceNodeId === containerId && targetNodeId === containerId ? 'first-child' : 'sequence'
     };
 }
-function resolveLoopAddNodePreview({ sourceNodeId, sourceHandleId, reactFlowInstance }) {
+function resolveLoopAddNodePreview({ sourceNodeId, sourceHandleId, reactFlowInstance, resolverOptions }) {
     const loopContinuation = resolveLoopContinuationTarget({
         sourceNodeId,
         sourceHandleId,
-        reactFlowInstance
+        reactFlowInstance,
+        resolverOptions
     });
-    if (loopContinuation?.type === 'ambiguous') return {
-        action: 'skip'
-    };
-    if (loopContinuation?.type !== 'target') return {
+    if (loopContinuation?.type === 'ambiguous' || loopContinuation?.type !== 'target') return {
         action: 'continue'
     };
     const loopSequencePlacement = createLoopSequencePreviewPlacement({
         sourceNodeId,
         targetNodeId: loopContinuation.targetNodeId,
         reactFlowInstance,
-        avoidSiblings: !loopContinuation.removedEdge
+        avoidSiblings: !loopContinuation.removedEdge,
+        resolverOptions
     });
+    if (!loopSequencePlacement) return {
+        action: 'continue'
+    };
     return {
         action: 'create-preview',
         previewGraphOptions: {
-            ...loopSequencePlacement ? {
-                position: loopSequencePlacement.centerPosition,
-                positionMode: 'center',
-                containerId: loopSequencePlacement.containerId,
-                ...loopContinuation.removedEdge ? {
-                    data: {
-                        originalEdge: loopContinuation.removedEdge
-                    }
-                } : {}
+            position: loopSequencePlacement.centerPosition,
+            positionMode: 'center',
+            containerId: loopSequencePlacement.containerId,
+            ...loopContinuation.removedEdge ? {
+                data: {
+                    originalEdge: loopContinuation.removedEdge
+                }
             } : {},
             targetNodeId: loopContinuation.targetNodeId,
             targetHandleId: loopContinuation.targetHandleId,
@@ -340,4 +384,4 @@ function resolveLoopSequenceMaterializedNodes({ nodes, edges, insertedNode, plac
         return node;
     });
 }
-export { createLoopSequencePreviewPlacement, getLoopSequencePlacementFromPreviewGraph, resolveLoopAddNodePreview, resolveLoopSequenceMaterializedNodes };
+export { createLoopSequencePreviewPlacement, createLoopSequenceResolverOptions, getLoopSequencePlacementFromPreviewGraph, resolveLoopAddNodePreview, resolveLoopSequenceMaterializedNodes };

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

@@ -32,7 +32,10 @@ function showCenteredContainerPreview({ containerId, reactFlowInstance, previewH
     const placement = (0, external_LoopNode_sequence_cjs_namespaceObject.createLoopSequencePreviewPlacement)({
         sourceNodeId: containerId,
         targetNodeId: containerId,
-        reactFlowInstance
+        reactFlowInstance,
+        resolverOptions: {
+            isLoopContainerNode: (node)=>node.id === containerId
+        }
     });
     if (!placement) return;
     (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({

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;AAElF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAGvE,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,4BAA4B,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,QAoBA"}
+{"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;AAElF,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAGvE,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,4BAA4B,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,QAuBA"}

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

@@ -4,7 +4,10 @@ function showCenteredContainerPreview({ containerId, reactFlowInstance, previewH
     const placement = createLoopSequencePreviewPlacement({
         sourceNodeId: containerId,
         targetNodeId: containerId,
-        reactFlowInstance
+        reactFlowInstance,
+        resolverOptions: {
+            isLoopContainerNode: (node)=>node.id === containerId
+        }
     });
     if (!placement) return;
     showPreviewGraph({

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

@@ -29,6 +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 createPreviewGraph_cjs_namespaceObject = require("../../../utils/createPreviewGraph.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../../../utils/createPreviewNode.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../../BaseCanvas/BaseCanvasModeProvider.cjs");
@@ -36,8 +37,12 @@ const LoopNode_sequence_cjs_namespaceObject = require("../../LoopNode/LoopNode.s
 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 { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
     const isDesignMode = 'design' === mode;
+    const resolverOptions = (0, external_react_namespaceObject.useMemo)(()=>(0, LoopNode_sequence_cjs_namespaceObject.createLoopSequenceResolverOptions)(registry), [
+        registry
+    ]);
     const previewEdge = (0, createPreviewNode_cjs_namespaceObject.isPreviewEdge)({
         id: edgeId,
         source,
@@ -60,7 +65,8 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         const loopSequencePlacement = (0, LoopNode_sequence_cjs_namespaceObject.createLoopSequencePreviewPlacement)({
             sourceNodeId: source,
             targetNodeId: target,
-            reactFlowInstance: reactFlow
+            reactFlowInstance: reactFlow,
+            resolverOptions
         });
         (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
             sourceNodeId: source,
@@ -89,7 +95,8 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         target,
         targetHandleId,
         edgeId,
-        ignoredNodeTypes
+        ignoredNodeTypes,
+        resolverOptions
     ]);
     const config = (0, external_react_namespaceObject.useMemo)(()=>({
             actions: [

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;AAOlG,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,CAuF7C"}
+{"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;AAWlG,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,CA2F7C"}

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

@@ -1,15 +1,20 @@
 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 { showPreviewGraph } from "../../../utils/createPreviewGraph.js";
 import { isPreviewEdge } from "../../../utils/createPreviewNode.js";
 import { useBaseCanvasMode } from "../../BaseCanvas/BaseCanvasModeProvider.js";
-import { createLoopSequencePreviewPlacement } from "../../LoopNode/LoopNode.sequence.js";
+import { createLoopSequencePreviewPlacement, createLoopSequenceResolverOptions } from "../../LoopNode/LoopNode.sequence.js";
 import { useEdgeToolbarPositioning } from "./useEdgeToolbarPositioning.js";
 function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = useReactFlow();
+    const registry = useOptionalNodeTypeRegistry();
     const { mode } = useBaseCanvasMode();
     const isDesignMode = 'design' === mode;
+    const resolverOptions = useMemo(()=>createLoopSequenceResolverOptions(registry), [
+        registry
+    ]);
     const previewEdge = isPreviewEdge({
         id: edgeId,
         source,
@@ -32,7 +37,8 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         const loopSequencePlacement = createLoopSequencePreviewPlacement({
             sourceNodeId: source,
             targetNodeId: target,
-            reactFlowInstance: reactFlow
+            reactFlowInstance: reactFlow,
+            resolverOptions
         });
         showPreviewGraph({
             sourceNodeId: source,
@@ -61,7 +67,8 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         target,
         targetHandleId,
         edgeId,
-        ignoredNodeTypes
+        ignoredNodeTypes,
+        resolverOptions
     ]);
     const config = useMemo(()=>({
             actions: [

package/dist/canvas/core/NodeTypeRegistry.cjs

@@ -225,7 +225,12 @@ class NodeTypeRegistry {
                 type: nodeItemManifest.nodeType,
                 category: nodeItemManifest.category
             };
-            const defaultNodeItemHandle = this.getDefaultHandle(nodeType, connection.addNewNodeAsSource ? 'source' : 'target');
+            const defaultNodeItemHandle = (0, index_cjs_namespaceObject.getNodeHandleForPreviewConnection)({
+                manifest: nodeItemManifest,
+                connection,
+                connections: previewNodeConnectionInfo,
+                getDefaultHandle: (handleType)=>this.getDefaultHandle(nodeType, handleType)
+            });
             if (!defaultNodeItemHandle) return false;
             const connectionValidationData = connection.addNewNodeAsSource ? {
                 sourceNode: nodeToValidateData,

package/dist/canvas/core/NodeTypeRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAMhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,iBAAiB,CAAmC;IAC5D,OAAO,CAAC,wBAAwB,CAAkC;IAClE,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,iBAAiB;IAYzB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IAyErF,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAWzE,eAAe,IAAI,YAAY,EAAE;IAQjC,mBAAmB,IAAI,YAAY,EAAE;IAQrC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW;IAQrE,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,QAAQ,GAAG,QAAQ,EAC/B,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,GAAG,SAAS;IAW7B,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCvF,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IAyBb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAgE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}
+{"version":3,"file":"NodeTypeRegistry.d.ts","sourceRoot":"","sources":["../../../src/canvas/core/NodeTypeRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAOhG,OAAO,EAAE,YAAY,EAA4B,MAAM,gBAAgB,CAAC;AAGxE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;CAC3B;AAMD,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAuC;IAC3D,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,iBAAiB,CAAmC;IAC5D,OAAO,CAAC,wBAAwB,CAAkC;IAClE,OAAO,CAAC,kBAAkB,CAAqD;IAC/E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,mBAAmB,CAA+B;IAC1D,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,iBAAiB;IAYzB,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAE;IA8B3C,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;IAyErF,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAWzE,eAAe,IAAI,YAAY,EAAE;IAQjC,mBAAmB,IAAI,YAAY,EAAE;IAQrC,gBAAgB,IAAI,MAAM,EAAE;IAQ5B,eAAe,IAAI,MAAM,EAAE;IAO3B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW;IAQrE,gBAAgB,CACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,QAAQ,GAAG,QAAQ,EAC/B,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,GAAG,SAAS;IAW7B,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY;IAqCvF,eAAe,IAAI,YAAY,GAAG,IAAI;IAOtC,KAAK,IAAI,IAAI;IAyBb,4BAA4B,CAC1B,UAAU,EAAE,MAAM,EAClB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS,GACxE,OAAO;IA6CV,wBAAwB,CACtB,QAAQ,EAAE,MAAM,EAChB,yBAAyB,EAAE,yBAAyB,EAAE,GAAG,IAAI,GAAG,SAAS;IAkE3E,OAAO,CAAC,yBAAyB;IAqCjC,cAAc,CAAC,OAAO,EAAE;QACtB,WAAW,CAAC,EAAE,yBAAyB,EAAE,GAAG,IAAI,CAAC;QACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,GAAG,QAAQ,EAAE;CAyCf"}

package/dist/canvas/core/NodeTypeRegistry.js

@@ -1,4 +1,4 @@
-import { checkCategoryConstraint, validateConnection } from "../utils/index.js";
+import { checkCategoryConstraint, getNodeHandleForPreviewConnection, validateConnection } from "../utils/index.js";
 import { CategoryTree } from "./CategoryTree.js";
 import { CategoryTreeAdapter } from "./CategoryTreeAdapter.js";
 class NodeTypeRegistry {
@@ -197,7 +197,12 @@ class NodeTypeRegistry {
                 type: nodeItemManifest.nodeType,
                 category: nodeItemManifest.category
             };
-            const defaultNodeItemHandle = this.getDefaultHandle(nodeType, connection.addNewNodeAsSource ? 'source' : 'target');
+            const defaultNodeItemHandle = getNodeHandleForPreviewConnection({
+                manifest: nodeItemManifest,
+                connection,
+                connections: previewNodeConnectionInfo,
+                getDefaultHandle: (handleType)=>this.getDefaultHandle(nodeType, handleType)
+            });
             if (!defaultNodeItemHandle) return false;
             const connectionValidationData = connection.addNewNodeAsSource ? {
                 sourceNode: nodeToValidateData,

package/dist/canvas/utils/container-sizing.cjs

@@ -139,10 +139,11 @@ function ensureContainersFitChildren(nodes, { containerIds, getContainerFitGeome
             right: 0,
             bottom: 0
         });
-        const currentDimensions = getNodeDimensions(containerNode, {
-            width: geometry.minWidth,
-            height: geometry.minHeight
-        });
+        const resolvedContainerDimensions = resolveNodeDimensions(containerNode);
+        const currentDimensions = {
+            width: Math.max(geometry.minWidth, resolvedContainerDimensions.width),
+            height: Math.max(geometry.minHeight, resolvedContainerDimensions.height)
+        };
         const requiredWidth = (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(Math.max(geometry.minWidth, requiredBounds.right + geometry.padding.right));
         const requiredHeight = (0, external_NodeUtils_cjs_namespaceObject.snapUpToGrid)(Math.max(geometry.minHeight, requiredBounds.bottom + geometry.padding.bottom));
         const nextDimensions = {};

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

@@ -1 +1 @@
-{"version":3,"file":"container-sizing.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAIrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,kCAAkC;IACjD,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;IACnD,uBAAuB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3F,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAkBD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,EAC3D,QAAQ,GAAE,cAAwE,GACjF,cAAc,CAQhB;AAkFD,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,IAAI,EAAE,EACb,EACE,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EAAE,qBAAyC,EAC5D,gBAAqB,EACrB,gBAAwB,GACzB,GAAE,kCAAuC,GACzC,IAAI,EAAE,CAqER"}
+{"version":3,"file":"container-sizing.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/container-sizing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAIrE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,kCAAkC;IACjD,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;IACnD,uBAAuB,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,KAAK,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3F,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,cAAc,CAAC;IACnD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAkBD,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC,EAC3D,QAAQ,GAAE,cAAwE,GACjF,cAAc,CAQhB;AAkFD,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,IAAI,EAAE,EACb,EACE,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EAAE,qBAAyC,EAC5D,gBAAqB,EACrB,gBAAwB,GACzB,GAAE,kCAAuC,GACzC,IAAI,EAAE,CAsER"}

package/dist/canvas/utils/container-sizing.js

@@ -110,10 +110,11 @@ function ensureContainersFitChildren(nodes, { containerIds, getContainerFitGeome
             right: 0,
             bottom: 0
         });
-        const currentDimensions = getNodeDimensions(containerNode, {
-            width: geometry.minWidth,
-            height: geometry.minHeight
-        });
+        const resolvedContainerDimensions = resolveNodeDimensions(containerNode);
+        const currentDimensions = {
+            width: Math.max(geometry.minWidth, resolvedContainerDimensions.width),
+            height: Math.max(geometry.minHeight, resolvedContainerDimensions.height)
+        };
         const requiredWidth = snapUpToGrid(Math.max(geometry.minWidth, requiredBounds.right + geometry.padding.right));
         const requiredHeight = snapUpToGrid(Math.max(geometry.minHeight, requiredBounds.bottom + geometry.padding.bottom));
         const nextDimensions = {};

package/dist/canvas/utils/index.cjs

@@ -54,6 +54,9 @@ var __webpack_modules__ = {
     "./manifest-resolver" (module) {
         module.exports = require("./manifest-resolver.cjs");
     },
+    "./preview-connection-handles" (module) {
+        module.exports = require("./preview-connection-handles.cjs");
+    },
     "./props-helpers" (module) {
         module.exports = require("./props-helpers.cjs");
     },
@@ -168,21 +171,25 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _NodeUtils__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeUtils__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _props_helpers__rspack_import_16 = __webpack_require__("./props-helpers");
+    var _preview_connection_handles__rspack_import_16 = __webpack_require__("./preview-connection-handles");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _preview_connection_handles__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_preview_connection_handles__rspack_import_16[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _props_helpers__rspack_import_17 = __webpack_require__("./props-helpers");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _props_helpers__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_props_helpers__rspack_import_16[__rspack_import_key];
+    for(const __rspack_import_key in _props_helpers__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_props_helpers__rspack_import_17[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _resource_operations__rspack_import_17 = __webpack_require__("./resource-operations");
+    var _resource_operations__rspack_import_18 = __webpack_require__("./resource-operations");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _resource_operations__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_resource_operations__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _resource_operations__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_resource_operations__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Storage__rspack_import_18 = __webpack_require__("./Storage");
+    var _Storage__rspack_import_19 = __webpack_require__("./Storage");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Storage__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Storage__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _Storage__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Storage__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StyleUtil__rspack_import_19 = __webpack_require__("./StyleUtil");
+    var _StyleUtil__rspack_import_20 = __webpack_require__("./StyleUtil");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StyleUtil__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StyleUtil__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _StyleUtil__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StyleUtil__rspack_import_20[__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/utils/index.d.ts

@@ -14,6 +14,7 @@ export * from './GroupModificationUtils';
 export * from './icon-registry';
 export * from './manifest-resolver';
 export * from './NodeUtils';
+export * from './preview-connection-handles';
 export * from './props-helpers';
 export * from './resource-operations';
 export * from './Storage';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}

package/dist/canvas/utils/index.js

@@ -14,6 +14,7 @@ export * from "./GroupModificationUtils.js";
 export * from "./icon-registry.js";
 export * from "./manifest-resolver.js";
 export * from "./NodeUtils.js";
+export * from "./preview-connection-handles.js";
 export * from "./props-helpers.js";
 export * from "./resource-operations.js";
 export * from "./Storage.js";

package/dist/canvas/utils/preview-connection-handles.cjs

@@ -0,0 +1,55 @@
+"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__, {
+    getFirstOutputHandle: ()=>getFirstOutputHandle,
+    getNodeHandleForPreviewConnection: ()=>getNodeHandleForPreviewConnection,
+    shouldUseFirstOutputHandleForContinuation: ()=>shouldUseFirstOutputHandleForContinuation
+});
+function getFirstOutputHandle(manifest) {
+    for (const group of manifest.handleConfiguration){
+        const handle = group.handles.find((candidate)=>'source' === candidate.type && 'output' === candidate.handleType);
+        if (handle) return handle;
+    }
+}
+function shouldUseFirstOutputHandleForContinuation(connection, connections) {
+    return connection.addNewNodeAsSource && connections.some((item)=>!item.addNewNodeAsSource) && connection.existingHandleManifest?.handleType !== 'artifact';
+}
+function getNodeHandleForPreviewConnection({ manifest, connection, connections, getDefaultHandle }) {
+    const handleType = connection.addNewNodeAsSource ? 'source' : 'target';
+    if (shouldUseFirstOutputHandleForContinuation(connection, connections)) return getFirstOutputHandle(manifest) ?? getDefaultHandle(handleType);
+    return getDefaultHandle(handleType);
+}
+exports.getFirstOutputHandle = __webpack_exports__.getFirstOutputHandle;
+exports.getNodeHandleForPreviewConnection = __webpack_exports__.getNodeHandleForPreviewConnection;
+exports.shouldUseFirstOutputHandleForContinuation = __webpack_exports__.shouldUseFirstOutputHandleForContinuation;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getFirstOutputHandle",
+    "getNodeHandleForPreviewConnection",
+    "shouldUseFirstOutputHandleForContinuation"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/utils/preview-connection-handles.d.ts

@@ -0,0 +1,14 @@
+import type { PreviewNodeConnectionInfo } from '../hooks';
+import type { HandleManifest, NodeManifest } from '../schema/node-definition';
+type PreviewConnectionDirection = Pick<PreviewNodeConnectionInfo, 'addNewNodeAsSource'>;
+type PreviewConnectionHandle = Pick<PreviewNodeConnectionInfo, 'addNewNodeAsSource' | 'existingHandleManifest'>;
+export declare function getFirstOutputHandle(manifest: Pick<NodeManifest, 'handleConfiguration'>): HandleManifest | undefined;
+export declare function shouldUseFirstOutputHandleForContinuation(connection: PreviewConnectionHandle, connections: PreviewConnectionDirection[]): boolean;
+export declare function getNodeHandleForPreviewConnection({ manifest, connection, connections, getDefaultHandle, }: {
+    manifest: Pick<NodeManifest, 'handleConfiguration'>;
+    connection: PreviewConnectionHandle;
+    connections: PreviewConnectionDirection[];
+    getDefaultHandle: (handleType: 'source' | 'target') => HandleManifest | undefined;
+}): HandleManifest | undefined;
+export {};
+//# sourceMappingURL=preview-connection-handles.d.ts.map

package/dist/canvas/utils/preview-connection-handles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-connection-handles.d.ts","sourceRoot":"","sources":["../../../src/canvas/utils/preview-connection-handles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9E,KAAK,0BAA0B,GAAG,IAAI,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;AACxF,KAAK,uBAAuB,GAAG,IAAI,CACjC,yBAAyB,EACzB,oBAAoB,GAAG,wBAAwB,CAChD,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAClD,cAAc,GAAG,SAAS,CAS5B;AAED,wBAAgB,yCAAyC,CACvD,UAAU,EAAE,uBAAuB,EACnC,WAAW,EAAE,0BAA0B,EAAE,WAO1C;AAED,wBAAgB,iCAAiC,CAAC,EAChD,QAAQ,EACR,UAAU,EACV,WAAW,EACX,gBAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAC;IACpD,UAAU,EAAE,uBAAuB,CAAC;IACpC,WAAW,EAAE,0BAA0B,EAAE,CAAC;IAC1C,gBAAgB,EAAE,CAAC,UAAU,EAAE,QAAQ,GAAG,QAAQ,KAAK,cAAc,GAAG,SAAS,CAAC;CACnF,GAAG,cAAc,GAAG,SAAS,CAQ7B"}

package/dist/canvas/utils/preview-connection-handles.js

@@ -0,0 +1,15 @@
+function getFirstOutputHandle(manifest) {
+    for (const group of manifest.handleConfiguration){
+        const handle = group.handles.find((candidate)=>'source' === candidate.type && 'output' === candidate.handleType);
+        if (handle) return handle;
+    }
+}
+function shouldUseFirstOutputHandleForContinuation(connection, connections) {
+    return connection.addNewNodeAsSource && connections.some((item)=>!item.addNewNodeAsSource) && connection.existingHandleManifest?.handleType !== 'artifact';
+}
+function getNodeHandleForPreviewConnection({ manifest, connection, connections, getDefaultHandle }) {
+    const handleType = connection.addNewNodeAsSource ? 'source' : 'target';
+    if (shouldUseFirstOutputHandleForContinuation(connection, connections)) return getFirstOutputHandle(manifest) ?? getDefaultHandle(handleType);
+    return getDefaultHandle(handleType);
+}
+export { getFirstOutputHandle, getNodeHandleForPreviewConnection, shouldUseFirstOutputHandleForContinuation };

package/package.json

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