@uipath/apollo-react 4.13.1-pr581.30f7035 → 4.14.0

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Panel, applyEdgeChanges, applyNodeChanges } from "../../xyflow/react.js";
 import { Spinner } from "@uipath/apollo-wind";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { PREVIEW_NODE_ID } from "../../constants.js";
+import { PREVIEW_EDGE_ID, PREVIEW_NODE_ID } from "../../constants.js";
 import { Breadcrumb } from "../../controls/index.js";
 import { useNodeManifests } from "../../core/index.js";
 import { useAddNodeOnConnectEnd } from "../../hooks/useAddNodeOnConnectEnd.js";
@@ -10,7 +10,6 @@ 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";
 import { DefaultCanvasTranslations } from "../../types.js";
-import { inferParentId } from "../../utils/createPreviewGraph.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
 import { prefersReducedMotion } from "../../utils/transitions.js";
 import { AddNodeManager } from "../AddNodePanel/AddNodeManager.js";
@@ -25,7 +24,7 @@ const DEFAULT_NODE_TYPES = {
     'blank-canvas-node': BlankCanvasNode,
     preview: AddNodePreview
 };
-const HierarchicalCanvas = ({ additionalNodeTypes, mode = 'design', initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
+const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onCanvasesChange, onPathChange })=>{
     const canvasRef = useRef(null);
     const containerRef = useRef(null);
     const [reactFlowInstance, setReactFlowInstance] = useState(null);
@@ -38,17 +37,14 @@ const HierarchicalCanvas = ({ additionalNodeTypes, mode = 'design', initialCanva
     const shouldAnimate = 'design' === mode && !prefersReducedMotion();
     const nodeManifests = useNodeManifests();
     const nodeTypes = useMemo(()=>{
-        const manifestNodeTypes = Object.fromEntries(nodeManifests.map(({ nodeType })=>nodeType).filter((nodeType)=>!Object.hasOwn(DEFAULT_NODE_TYPES, nodeType)).map((nodeType)=>[
-                nodeType,
-                BaseNode
-            ]));
-        return {
-            ...DEFAULT_NODE_TYPES,
-            ...manifestNodeTypes,
-            ...additionalNodeTypes
-        };
+        const types = nodeManifests.reduce((acc, manifest)=>{
+            if (!acc[manifest.nodeType]) acc[manifest.nodeType] = BaseNode;
+            return acc;
+        }, {
+            ...DEFAULT_NODE_TYPES
+        });
+        return types;
     }, [
-        additionalNodeTypes,
         nodeManifests
     ]);
     const currentCanvas = useCanvasStore(selectCurrentCanvas);
@@ -182,26 +178,22 @@ const HierarchicalCanvas = ({ additionalNodeTypes, mode = 'design', initialCanva
         const canvas = currentCanvasRef.current;
         if (!connection.source || !connection.target || !canvas) return;
         if (connection.target === PREVIEW_NODE_ID || connection.source === PREVIEW_NODE_ID) return;
-        const parentId = inferParentId(connection.source, connection.target, canvas.nodes);
         const newEdge = {
             id: `${connection.source}-${connection.target}-${Date.now()}`,
             source: connection.source,
             target: connection.target,
             sourceHandle: connection.sourceHandle || void 0,
-            targetHandle: connection.targetHandle || void 0,
-            ...parentId ? {
-                data: {
-                    parentId
-                }
-            } : {}
+            targetHandle: connection.targetHandle || void 0
         };
-        const hasPreview = canvas.nodes.some((n)=>n.id === PREVIEW_NODE_ID);
-        const baseEdges = hasPreview ? canvas.edges.filter((edge)=>edge.source !== PREVIEW_NODE_ID && edge.target !== PREVIEW_NODE_ID) : canvas.edges;
         updateEdges([
-            ...baseEdges,
+            ...canvas.edges,
             newEdge
         ]);
-        if (hasPreview) updateNodes(canvas.nodes.filter((n)=>n.id !== PREVIEW_NODE_ID));
+        const hasPreview = canvas.nodes.some((n)=>n.id === PREVIEW_NODE_ID);
+        if (hasPreview) {
+            updateNodes(canvas.nodes.filter((n)=>n.id !== PREVIEW_NODE_ID));
+            updateEdges(canvas.edges.filter((e)=>e.id !== PREVIEW_EDGE_ID));
+        }
     }, [
         updateNodes,
         updateEdges

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

@@ -33,8 +33,8 @@ const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../core/index.cjs");
 const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
 const CanvasEventBus_cjs_namespaceObject = require("../../utils/CanvasEventBus.cjs");
-const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
+const createAddNodePreview_cjs_namespaceObject = require("../AddNodePanel/createAddNodePreview.cjs");
 const external_HierarchicalCanvas_cjs_namespaceObject = require("./HierarchicalCanvas.cjs");
 const createDemoCanvases = ()=>{
     const rootCanvas = {
@@ -332,16 +332,13 @@ 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 unsubscribe = CanvasEventBus_cjs_namespaceObject.canvasEventBus.on('handle:action', (event)=>{
-            (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
-                sourceNodeId: event.nodeId,
-                sourceHandleId: event.handleId,
-                reactFlowInstance,
-                sourceHandleType: 'input' === event.handleType ? 'target' : 'source',
-                handlePosition: event.position
-            });
-        });
-        return unsubscribe;
+        const handleAction = (event)=>{
+            if (reactFlowInstance) (0, createAddNodePreview_cjs_namespaceObject.createAddNodePreview)(event.nodeId, event.handleId, reactFlowInstance);
+        };
+        CanvasEventBus_cjs_namespaceObject.canvasEventBus.on('handle:action', handleAction);
+        return ()=>{
+            CanvasEventBus_cjs_namespaceObject.canvasEventBus.off('handle:action', handleAction);
+        };
     }, [
         reactFlowInstance
     ]);

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;AA8d/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":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6d/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA8BlD,CAAC"}

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

@@ -5,8 +5,8 @@ import { useCallback, useEffect, useState } from "react";
 import { NodeRegistryProvider } from "../../core/index.js";
 import { selectAddNode, selectCurrentCanvas, selectCurrentPathLength, selectRemoveEdge, selectRemoveNode, selectUpdateNodes, useCanvasStore } from "../../stores/canvasStore.js";
 import { canvasEventBus } from "../../utils/CanvasEventBus.js";
-import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
+import { createAddNodePreview } from "../AddNodePanel/createAddNodePreview.js";
 import { HierarchicalCanvas } from "./HierarchicalCanvas.js";
 const createDemoCanvases = ()=>{
     const rootCanvas = {
@@ -304,16 +304,13 @@ const CanvasWithControlsContent = ({ initialCanvases, initialPath, onCanvasesCha
     const removeEdge = useCanvasStore(selectRemoveEdge);
     const updateNodes = useCanvasStore(selectUpdateNodes);
     useEffect(()=>{
-        const unsubscribe = canvasEventBus.on('handle:action', (event)=>{
-            showPreviewGraph({
-                sourceNodeId: event.nodeId,
-                sourceHandleId: event.handleId,
-                reactFlowInstance,
-                sourceHandleType: 'input' === event.handleType ? 'target' : 'source',
-                handlePosition: event.position
-            });
-        });
-        return unsubscribe;
+        const handleAction = (event)=>{
+            if (reactFlowInstance) createAddNodePreview(event.nodeId, event.handleId, reactFlowInstance);
+        };
+        canvasEventBus.on('handle:action', handleAction);
+        return ()=>{
+            canvasEventBus.off('handle:action', handleAction);
+        };
     }, [
         reactFlowInstance
     ]);

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

@@ -29,10 +29,10 @@ __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 createPreviewGraph_cjs_namespaceObject = require("../../../utils/createPreviewGraph.cjs");
+const createPreviewNode_cjs_namespaceObject = require("../../../utils/createPreviewNode.cjs");
 const BaseCanvasModeProvider_cjs_namespaceObject = require("../../BaseCanvas/BaseCanvasModeProvider.cjs");
 const external_useEdgeToolbarPositioning_cjs_namespaceObject = require("./useEdgeToolbarPositioning.cjs");
-function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, parentId }) {
+function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
     const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
     const isDesignMode = 'design' === mode;
@@ -43,42 +43,34 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         targetPosition
     });
     const handleAddNodeOnEdge = (0, external_react_namespaceObject.useCallback)((position)=>{
-        const existingEdge = reactFlow.getEdges().find((edge)=>edge.id === edgeId);
-        const originalEdge = existingEdge ? {
-            ...existingEdge,
-            data: parentId ? {
-                ...existingEdge.data ?? {},
-                parentId
-            } : existingEdge.data
-        } : {
+        const originalEdge = {
             id: edgeId,
             source,
             sourceHandle: sourceHandleId,
             target,
             targetHandle: targetHandleId,
-            type: 'default',
-            data: parentId ? {
-                parentId
-            } : void 0
+            type: 'default'
         };
-        (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
-            sourceNodeId: source,
-            sourceHandleId: sourceHandleId ?? external_constants_cjs_namespaceObject.DEFAULT_SOURCE_HANDLE_ID,
-            reactFlowInstance: reactFlow,
-            position,
-            data: {
-                originalEdge
-            },
-            sourceHandleType: 'source',
-            handlePosition: sourcePosition,
-            ignoredNodeTypes: ignoredNodeTypes ?? [],
-            targetNodeId: target,
-            targetHandleId,
-            containerId: parentId,
-            removedEdgeIds: [
-                edgeId
-            ]
-        });
+        const preview = (0, createPreviewNode_cjs_namespaceObject.createPreviewNode)(source, sourceHandleId || 'output', reactFlow, position, {
+            originalEdge
+        }, 'source', void 0, sourcePosition, ignoredNodeTypes);
+        if (!preview) return;
+        const secondEdge = {
+            id: `${external_constants_cjs_namespaceObject.PREVIEW_NODE_ID}-${target}`,
+            source: external_constants_cjs_namespaceObject.PREVIEW_NODE_ID,
+            sourceHandle: 'output',
+            target,
+            targetHandle: targetHandleId,
+            type: 'default'
+        };
+        (0, createPreviewNode_cjs_namespaceObject.applyPreviewToReactFlow)(preview, reactFlow);
+        reactFlow.setEdges((edges)=>[
+                ...edges.filter((e)=>e.id !== edgeId).map((e)=>({
+                        ...e,
+                        selected: false
+                    })),
+                secondEdge
+            ]);
     }, [
         sourcePosition,
         source,
@@ -87,8 +79,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         target,
         targetHandleId,
         edgeId,
-        ignoredNodeTypes,
-        parentId
+        ignoredNodeTypes
     ]);
     const config = (0, external_react_namespaceObject.useMemo)(()=>({
             actions: [

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

@@ -11,7 +11,6 @@ export interface UseEdgeToolbarStateProps {
     sourcePosition: Position;
     targetPosition: Position;
     ignoredNodeTypes?: string[];
-    parentId?: string;
 }
 export interface EdgeToolbarState {
     showToolbar: boolean;
@@ -19,5 +18,5 @@ export interface EdgeToolbarState {
     config: EdgeToolbarConfig;
     handleMouseMoveOnPath?: (event: React.MouseEvent) => void;
 }
-export declare function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, parentId, }: UseEdgeToolbarStateProps): EdgeToolbarState;
+export declare function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, }: UseEdgeToolbarStateProps): EdgeToolbarState;
 //# sourceMappingURL=useEdgeToolbarState.d.ts.map

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;AAKlG,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;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;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,EAChB,QAAQ,GACT,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,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAKlG,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,CAoG7C"}

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

@@ -1,10 +1,10 @@
 import { useReactFlow } from "../../../xyflow/react.js";
 import { useCallback, useMemo } from "react";
-import { DEFAULT_SOURCE_HANDLE_ID, PREVIEW_NODE_ID } from "../../../constants.js";
-import { showPreviewGraph } from "../../../utils/createPreviewGraph.js";
+import { PREVIEW_NODE_ID } from "../../../constants.js";
+import { applyPreviewToReactFlow, createPreviewNode } from "../../../utils/createPreviewNode.js";
 import { useBaseCanvasMode } from "../../BaseCanvas/BaseCanvasModeProvider.js";
 import { useEdgeToolbarPositioning } from "./useEdgeToolbarPositioning.js";
-function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes, parentId }) {
+function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target, sourceHandleId, targetHandleId, sourcePosition, targetPosition, ignoredNodeTypes }) {
     const reactFlow = useReactFlow();
     const { mode } = useBaseCanvasMode();
     const isDesignMode = 'design' === mode;
@@ -15,42 +15,34 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         targetPosition
     });
     const handleAddNodeOnEdge = useCallback((position)=>{
-        const existingEdge = reactFlow.getEdges().find((edge)=>edge.id === edgeId);
-        const originalEdge = existingEdge ? {
-            ...existingEdge,
-            data: parentId ? {
-                ...existingEdge.data ?? {},
-                parentId
-            } : existingEdge.data
-        } : {
+        const originalEdge = {
             id: edgeId,
             source,
             sourceHandle: sourceHandleId,
             target,
             targetHandle: targetHandleId,
-            type: 'default',
-            data: parentId ? {
-                parentId
-            } : void 0
+            type: 'default'
         };
-        showPreviewGraph({
-            sourceNodeId: source,
-            sourceHandleId: sourceHandleId ?? DEFAULT_SOURCE_HANDLE_ID,
-            reactFlowInstance: reactFlow,
-            position,
-            data: {
-                originalEdge
-            },
-            sourceHandleType: 'source',
-            handlePosition: sourcePosition,
-            ignoredNodeTypes: ignoredNodeTypes ?? [],
-            targetNodeId: target,
-            targetHandleId,
-            containerId: parentId,
-            removedEdgeIds: [
-                edgeId
-            ]
-        });
+        const preview = createPreviewNode(source, sourceHandleId || 'output', reactFlow, position, {
+            originalEdge
+        }, 'source', void 0, sourcePosition, ignoredNodeTypes);
+        if (!preview) return;
+        const secondEdge = {
+            id: `${PREVIEW_NODE_ID}-${target}`,
+            source: PREVIEW_NODE_ID,
+            sourceHandle: 'output',
+            target,
+            targetHandle: targetHandleId,
+            type: 'default'
+        };
+        applyPreviewToReactFlow(preview, reactFlow);
+        reactFlow.setEdges((edges)=>[
+                ...edges.filter((e)=>e.id !== edgeId).map((e)=>({
+                        ...e,
+                        selected: false
+                    })),
+                secondEdge
+            ]);
     }, [
         sourcePosition,
         source,
@@ -59,8 +51,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         target,
         targetHandleId,
         edgeId,
-        ignoredNodeTypes,
-        parentId
+        ignoredNodeTypes
     ]);
     const config = useMemo(()=>({
             actions: [

package/dist/canvas/components/index.cjs

@@ -36,9 +36,6 @@ var __webpack_modules__ = {
     "./HierarchicalCanvas" (module) {
         module.exports = require("./HierarchicalCanvas/index.cjs");
     },
-    "./LoopNode?4ffc" (module) {
-        module.exports = require("./LoopNode/index.cjs");
-    },
     "./MiniCanvasNavigator?564d" (module) {
         module.exports = require("./MiniCanvasNavigator/index.cjs");
     },
@@ -161,49 +158,45 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _LoopNode__rspack_import_12 = __webpack_require__("./LoopNode?4ffc");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _LoopNode__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_12[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _MiniCanvasNavigator__rspack_import_13 = __webpack_require__("./MiniCanvasNavigator?564d");
+    var _MiniCanvasNavigator__rspack_import_12 = __webpack_require__("./MiniCanvasNavigator?564d");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_13[__rspack_import_key];
+    for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_12[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodeContextMenu__rspack_import_14 = __webpack_require__("./NodeContextMenu");
+    var _NodeContextMenu__rspack_import_13 = __webpack_require__("./NodeContextMenu");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodeContextMenu__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_14[__rspack_import_key];
+    for(const __rspack_import_key in _NodeContextMenu__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodeInspector__rspack_import_15 = __webpack_require__("./NodeInspector");
+    var _NodeInspector__rspack_import_14 = __webpack_require__("./NodeInspector");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodeInspector__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_15[__rspack_import_key];
+    for(const __rspack_import_key in _NodeInspector__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodePropertiesPanel__rspack_import_16 = __webpack_require__("./NodePropertiesPanel?a3e8");
+    var _NodePropertiesPanel__rspack_import_15 = __webpack_require__("./NodePropertiesPanel?a3e8");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
+    for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
+    var _StageNode__rspack_import_16 = __webpack_require__("./StageNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _StageNode__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
+    var _StickyNoteNode__rspack_import_17 = __webpack_require__("./StickyNoteNode?d2a3");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _StickyNoteNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_17[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
+    var _TaskIcon__rspack_import_18 = __webpack_require__("./TaskIcon");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _TaskIcon__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
+    var _Toolbar__rspack_import_19 = __webpack_require__("./Toolbar");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbar__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
+    var _Toolbox__rspack_import_20 = __webpack_require__("./Toolbox?2740");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbox__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
+    var _TriggerNode__rspack_import_21 = __webpack_require__("./TriggerNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__rspack_import_key];
+    for(const __rspack_import_key in _TriggerNode__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_21[__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/components/index.d.ts

@@ -10,7 +10,6 @@ export * from './ExecutionStatusIcon';
 export * from './FloatingCanvasPanel';
 export * from './GroupNode';
 export * from './HierarchicalCanvas';
-export * from './LoopNode';
 export * from './MiniCanvasNavigator';
 export * from './NodeContextMenu';
 export * from './NodeInspector';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/canvas/components/index.js

@@ -10,7 +10,6 @@ export * from "./ExecutionStatusIcon/index.js";
 export * from "./FloatingCanvasPanel/index.js";
 export * from "./GroupNode/index.js";
 export * from "./HierarchicalCanvas/index.js";
-export * from "./LoopNode/index.js";
 export * from "./MiniCanvasNavigator/index.js";
 export * from "./NodeContextMenu/index.js";
 export * from "./NodeInspector.js";

package/dist/canvas/constants.cjs

@@ -27,8 +27,6 @@ __webpack_require__.d(__webpack_exports__, {
     CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
     DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
     DEFAULT_RECTANGLE_NODE_WIDTH: ()=>DEFAULT_RECTANGLE_NODE_WIDTH,
-    DEFAULT_SOURCE_HANDLE_ID: ()=>DEFAULT_SOURCE_HANDLE_ID,
-    DEFAULT_TARGET_HANDLE_ID: ()=>DEFAULT_TARGET_HANDLE_ID,
     FLOATING_CANVAS_PANEL_OFFSET: ()=>FLOATING_CANVAS_PANEL_OFFSET,
     GRID_SPACING: ()=>GRID_SPACING,
     NODE_BADGE_INSET_CIRCLE: ()=>NODE_BADGE_INSET_CIRCLE,
@@ -56,8 +54,6 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const PREVIEW_NODE_ID = 'preview-node-id';
 const PREVIEW_EDGE_ID = 'preview-edge-id';
-const DEFAULT_SOURCE_HANDLE_ID = 'output';
-const DEFAULT_TARGET_HANDLE_ID = 'input';
 const DEFAULT_NODE_SIZE = 96;
 const GRID_SPACING = 16;
 const CANVAS_COMPACT_BREAKPOINT = 600;
@@ -86,8 +82,6 @@ const NODE_BADGE_INSET_CIRCLE = 12;
 exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
 exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
 exports.DEFAULT_RECTANGLE_NODE_WIDTH = __webpack_exports__.DEFAULT_RECTANGLE_NODE_WIDTH;
-exports.DEFAULT_SOURCE_HANDLE_ID = __webpack_exports__.DEFAULT_SOURCE_HANDLE_ID;
-exports.DEFAULT_TARGET_HANDLE_ID = __webpack_exports__.DEFAULT_TARGET_HANDLE_ID;
 exports.FLOATING_CANVAS_PANEL_OFFSET = __webpack_exports__.FLOATING_CANVAS_PANEL_OFFSET;
 exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
 exports.NODE_BADGE_INSET_CIRCLE = __webpack_exports__.NODE_BADGE_INSET_CIRCLE;
@@ -116,8 +110,6 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "CANVAS_COMPACT_BREAKPOINT",
     "DEFAULT_NODE_SIZE",
     "DEFAULT_RECTANGLE_NODE_WIDTH",
-    "DEFAULT_SOURCE_HANDLE_ID",
-    "DEFAULT_TARGET_HANDLE_ID",
     "FLOATING_CANVAS_PANEL_OFFSET",
     "GRID_SPACING",
     "NODE_BADGE_INSET_CIRCLE",

package/dist/canvas/constants.d.ts

@@ -1,7 +1,5 @@
 export declare const PREVIEW_NODE_ID = "preview-node-id";
 export declare const PREVIEW_EDGE_ID = "preview-edge-id";
-export declare const DEFAULT_SOURCE_HANDLE_ID = "output";
-export declare const DEFAULT_TARGET_HANDLE_ID = "input";
 export declare const DEFAULT_NODE_SIZE = 96;
 export declare const GRID_SPACING = 16;
 export declare const CANVAS_COMPACT_BREAKPOINT = 600;

package/dist/canvas/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAChD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}

package/dist/canvas/constants.js

@@ -1,7 +1,5 @@
 const PREVIEW_NODE_ID = 'preview-node-id';
 const PREVIEW_EDGE_ID = 'preview-edge-id';
-const DEFAULT_SOURCE_HANDLE_ID = 'output';
-const DEFAULT_TARGET_HANDLE_ID = 'input';
 const DEFAULT_NODE_SIZE = 96;
 const GRID_SPACING = 16;
 const CANVAS_COMPACT_BREAKPOINT = 600;
@@ -27,4 +25,4 @@ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
 const NODE_BADGE_SIZE = 20;
 const NODE_BADGE_INSET_SQUARE = 6;
 const NODE_BADGE_INSET_CIRCLE = 12;
-export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, DEFAULT_SOURCE_HANDLE_ID, DEFAULT_TARGET_HANDLE_ID, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };
+export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };

package/dist/canvas/core/CategoryTreeAdapter.cjs

@@ -38,7 +38,7 @@ class CategoryTreeAdapter {
                 data: {
                     type: node.nodeType,
                     category: node.category,
-                    typeVersion: node.version
+                    version: node.version
                 },
                 icon: {
                     name: node.display.icon

package/dist/canvas/core/CategoryTreeAdapter.js

@@ -10,7 +10,7 @@ class CategoryTreeAdapter {
                 data: {
                     type: node.nodeType,
                     category: node.category,
-                    typeVersion: node.version
+                    version: node.version
                 },
                 icon: {
                     name: node.display.icon