@uipath/apollo-react 4.15.0 → 4.15.1-pr556.f7e5934

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

@@ -0,0 +1,18 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __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__);
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,22 @@
+import type { Node, NodeProps } from '../../xyflow/react.ts';
+import type { SuggestionType } from '../../types';
+import type { ElementStatusValues } from '../../types/execution';
+import type { BaseNodeData } from '../BaseNode';
+import type { NodeAdornments } from '../BaseNode/BaseNode.types';
+import type { NodeToolbarConfig } from '../Toolbar';
+export type LoopNodeData = BaseNodeData;
+export interface LoopNodeResizeSize {
+    width: number;
+    height: number;
+}
+export interface LoopNodeConfig {
+    toolbarConfig?: NodeToolbarConfig | null;
+    adornments?: NodeAdornments;
+    executionStatusOverride?: ElementStatusValues;
+    suggestionType?: SuggestionType;
+}
+export interface LoopNodeProps extends NodeProps<Node<LoopNodeData>>, LoopNodeConfig {
+    onAddFirstChild?: () => void;
+    onResize?: (size: LoopNodeResizeSize) => void;
+}
+//# sourceMappingURL=LoopNode.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoopNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC;AAExC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,uBAAuB,CAAC,EAAE,mBAAmB,CAAC;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IAClF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC/C"}

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

@@ -0,0 +1,61 @@
+"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__, {
+    showCenteredContainerPreview: ()=>showCenteredContainerPreview
+});
+const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
+const NodeUtils_cjs_namespaceObject = require("../../utils/NodeUtils.cjs");
+const external_LoopNode_helpers_cjs_namespaceObject = require("./LoopNode.helpers.cjs");
+function showCenteredContainerPreview({ containerId, reactFlowInstance, previewHandles, trailingEdgeId }) {
+    const containerNode = reactFlowInstance.getNode(containerId);
+    if (!containerNode) return;
+    const allNodes = reactFlowInstance.getNodes();
+    const containerAbsolutePosition = (0, NodeUtils_cjs_namespaceObject.getAbsolutePosition)(containerNode, allNodes);
+    const relativeCenter = (0, external_LoopNode_helpers_cjs_namespaceObject.getContainerRelativeBodyCenter)(containerNode);
+    const previewCenter = {
+        x: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(containerAbsolutePosition.x + relativeCenter.x),
+        y: (0, NodeUtils_cjs_namespaceObject.snapToGrid)(containerAbsolutePosition.y + relativeCenter.y)
+    };
+    (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
+        sourceNodeId: containerId,
+        sourceHandleId: previewHandles.sourceHandleId,
+        reactFlowInstance,
+        position: previewCenter,
+        positionMode: 'center',
+        handlePosition: previewHandles.sourceHandlePosition,
+        targetNodeId: containerId,
+        targetHandleId: previewHandles.targetHandleId,
+        containerId,
+        trailingEdgeId
+    });
+}
+exports.showCenteredContainerPreview = __webpack_exports__.showCenteredContainerPreview;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "showCenteredContainerPreview"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,9 @@
+import type { ReactFlowInstance } from '../../xyflow/react.ts';
+import { type ContainerPreviewConnectionHandles } from './LoopNode.helpers';
+export declare function showCenteredContainerPreview({ containerId, reactFlowInstance, previewHandles, trailingEdgeId, }: {
+    containerId: string;
+    reactFlowInstance: ReactFlowInstance;
+    previewHandles: ContainerPreviewConnectionHandles;
+    trailingEdgeId?: string;
+}): void;
+//# sourceMappingURL=LoopNodePreview.d.ts.map

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

@@ -0,0 +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;AAGlF,OAAO,EACL,KAAK,iCAAiC,EAEvC,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,4BAA4B,CAAC,EAC3C,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,cAAc,EAAE,iCAAiC,CAAC;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,QAwBA"}

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

@@ -0,0 +1,27 @@
+import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
+import { getAbsolutePosition, snapToGrid } from "../../utils/NodeUtils.js";
+import { getContainerRelativeBodyCenter } from "./LoopNode.helpers.js";
+function showCenteredContainerPreview({ containerId, reactFlowInstance, previewHandles, trailingEdgeId }) {
+    const containerNode = reactFlowInstance.getNode(containerId);
+    if (!containerNode) return;
+    const allNodes = reactFlowInstance.getNodes();
+    const containerAbsolutePosition = getAbsolutePosition(containerNode, allNodes);
+    const relativeCenter = getContainerRelativeBodyCenter(containerNode);
+    const previewCenter = {
+        x: snapToGrid(containerAbsolutePosition.x + relativeCenter.x),
+        y: snapToGrid(containerAbsolutePosition.y + relativeCenter.y)
+    };
+    showPreviewGraph({
+        sourceNodeId: containerId,
+        sourceHandleId: previewHandles.sourceHandleId,
+        reactFlowInstance,
+        position: previewCenter,
+        positionMode: 'center',
+        handlePosition: previewHandles.sourceHandlePosition,
+        targetNodeId: containerId,
+        targetHandleId: previewHandles.targetHandleId,
+        containerId,
+        trailingEdgeId
+    });
+}
+export { showCenteredContainerPreview };

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

@@ -0,0 +1,79 @@
+"use strict";
+var __webpack_modules__ = {
+    "./LoopCanvasNode" (module) {
+        module.exports = require("./LoopCanvasNode.cjs");
+    },
+    "./LoopNode?d3ac" (module) {
+        module.exports = require("./LoopNode.cjs");
+    },
+    "./LoopNode.helpers" (module) {
+        module.exports = require("./LoopNode.helpers.cjs");
+    },
+    "./LoopNode.types" (module) {
+        module.exports = require("./LoopNode.types.cjs");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__);
+    var _LoopCanvasNode__rspack_import_0 = __webpack_require__("./LoopCanvasNode");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _LoopCanvasNode__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopCanvasNode__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _LoopNode__rspack_import_1 = __webpack_require__("./LoopNode?d3ac");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _LoopNode__rspack_import_1)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_1[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _LoopNode_helpers__rspack_import_2 = __webpack_require__("./LoopNode.helpers");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _LoopNode_helpers__rspack_import_2)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode_helpers__rspack_import_2[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _LoopNode_types__rspack_import_3 = __webpack_require__("./LoopNode.types");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _LoopNode_types__rspack_import_3)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode_types__rspack_import_3[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+})();
+for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,5 @@
+export * from './LoopCanvasNode';
+export * from './LoopNode';
+export * from './LoopNode.helpers';
+export * from './LoopNode.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./LoopCanvasNode.js";
+export * from "./LoopNode.js";
+export * from "./LoopNode.helpers.js";
+export * from "./LoopNode.types.js";

package/dist/canvas/components/NodeViewportOverlay.cjs

@@ -0,0 +1,63 @@
+"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__, {
+    NodeViewportOverlay: ()=>NodeViewportOverlay
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_cjs_namespaceObject = require("../xyflow/react.cjs");
+const NODE_VIEWPORT_OVERLAY_Z_INDEX = {
+    nodeHandleAffordance: 1002,
+    nodeToolbar: 1003
+};
+function NodeViewportOverlay({ nodeId, anchor, layer, children }) {
+    const internalNode = (0, react_cjs_namespaceObject.useInternalNode)(nodeId);
+    const positionAbsolute = internalNode?.internals.positionAbsolute;
+    const width = anchor?.width ?? internalNode?.measured?.width ?? internalNode?.width;
+    const height = anchor?.height ?? internalNode?.measured?.height ?? internalNode?.height;
+    if (!positionAbsolute || null == width || null == height) return children;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.ViewportPortal, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "absolute pointer-events-none",
+            style: {
+                position: 'absolute',
+                left: positionAbsolute.x + (anchor?.left ?? 0),
+                top: positionAbsolute.y + (anchor?.top ?? 0),
+                width,
+                height,
+                transform: anchor?.transform,
+                zIndex: layer ? NODE_VIEWPORT_OVERLAY_Z_INDEX[layer] : void 0
+            },
+            children: children
+        })
+    });
+}
+exports.NodeViewportOverlay = __webpack_exports__.NodeViewportOverlay;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "NodeViewportOverlay"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/NodeViewportOverlay.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, ReactNode } from 'react';
+declare const NODE_VIEWPORT_OVERLAY_Z_INDEX: {
+    readonly nodeHandleAffordance: 1002;
+    readonly nodeToolbar: 1003;
+};
+type NodeViewportOverlayLayer = keyof typeof NODE_VIEWPORT_OVERLAY_Z_INDEX;
+export type NodeViewportOverlayAnchor = {
+    left?: number;
+    top?: number;
+    width?: number;
+    height?: number;
+    transform?: CSSProperties['transform'];
+};
+export type NodeViewportOverlayProps = {
+    nodeId: string;
+    anchor?: NodeViewportOverlayAnchor;
+    layer?: NodeViewportOverlayLayer;
+    children: ReactNode;
+};
+export declare function NodeViewportOverlay({ nodeId, anchor, layer, children }: NodeViewportOverlayProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export {};
+//# sourceMappingURL=NodeViewportOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NodeViewportOverlay.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/NodeViewportOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,QAAA,MAAM,6BAA6B;;;CAGzB,CAAC;AAEX,KAAK,wBAAwB,GAAG,MAAM,OAAO,6BAA6B,CAAC;AAE3E,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,KAAK,CAAC,EAAE,wBAAwB,CAAC;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2UA4BhG"}

package/dist/canvas/components/NodeViewportOverlay.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { ViewportPortal, useInternalNode } from "../xyflow/react.js";
+const NODE_VIEWPORT_OVERLAY_Z_INDEX = {
+    nodeHandleAffordance: 1002,
+    nodeToolbar: 1003
+};
+function NodeViewportOverlay({ nodeId, anchor, layer, children }) {
+    const internalNode = useInternalNode(nodeId);
+    const positionAbsolute = internalNode?.internals.positionAbsolute;
+    const width = anchor?.width ?? internalNode?.measured?.width ?? internalNode?.width;
+    const height = anchor?.height ?? internalNode?.measured?.height ?? internalNode?.height;
+    if (!positionAbsolute || null == width || null == height) return children;
+    return /*#__PURE__*/ jsx(ViewportPortal, {
+        children: /*#__PURE__*/ jsx("div", {
+            className: "absolute pointer-events-none",
+            style: {
+                position: 'absolute',
+                left: positionAbsolute.x + (anchor?.left ?? 0),
+                top: positionAbsolute.y + (anchor?.top ?? 0),
+                width,
+                height,
+                transform: anchor?.transform,
+                zIndex: layer ? NODE_VIEWPORT_OVERLAY_Z_INDEX[layer] : void 0
+            },
+            children: children
+        })
+    });
+}
+export { NodeViewportOverlay };

package/dist/canvas/components/StageNode/StageNodeHeader.cjs

@@ -61,7 +61,8 @@ const CHIP_ICONS = {
     })
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
-    const { id, stageDetails, execution, addTaskLabel = 'Add task', onTaskAdd, onAddTaskFromToolbox, onStageTitleChange } = props;
+    const { id, stageDetails, execution, addTaskLabel = 'Add task', onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
+    const isAddTaskDisabled = (loadingTaskIds?.size ?? 0) > 0;
     const icon = stageDetails?.icon;
     const statusLabel = execution?.stageStatus?.label;
     const stageDuration = execution?.stageStatus?.duration;
@@ -229,6 +230,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                             className: "h-6 w-6",
                             onClick: handleTaskAddClick,
                             "aria-label": addTaskLabel,
+                            disabled: isAddTaskDisabled,
                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icon_registry_cjs_namespaceObject.CanvasIcon, {
                                 icon: "plus",
                                 size: 20

package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgMrE,eAAO,MAAM,eAAe,wGA/KzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAyKwD,CAAC"}
+{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAoMrE,eAAO,MAAM,eAAe,wGAnLzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CA6KwD,CAAC"}

package/dist/canvas/components/StageNode/StageNodeHeader.js

@@ -33,7 +33,8 @@ const CHIP_ICONS = {
     })
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
-    const { id, stageDetails, execution, addTaskLabel = 'Add task', onTaskAdd, onAddTaskFromToolbox, onStageTitleChange } = props;
+    const { id, stageDetails, execution, addTaskLabel = 'Add task', onTaskAdd, onAddTaskFromToolbox, onStageTitleChange, loadingTaskIds } = props;
+    const isAddTaskDisabled = (loadingTaskIds?.size ?? 0) > 0;
     const icon = stageDetails?.icon;
     const statusLabel = execution?.stageStatus?.label;
     const stageDuration = execution?.stageStatus?.duration;
@@ -201,6 +202,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                             className: "h-6 w-6",
                             onClick: handleTaskAddClick,
                             "aria-label": addTaskLabel,
+                            disabled: isAddTaskDisabled,
                             children: /*#__PURE__*/ jsx(CanvasIcon, {
                                 icon: "plus",
                                 size: 20

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

@@ -38,7 +38,7 @@ const EdgeToolbarComponent = ({ edgeId, visible, positioning, config, onMouseEnt
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.EdgeLabelRenderer, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
             children: visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
-                className: "nodrag nopan absolute top-0 left-0 pointer-events-auto z-[1000] flex flex-row items-center gap-1",
+                className: "nodrag nopan absolute top-0 left-0 z-1004 pointer-events-auto flex flex-row items-center gap-1",
                 initial: {
                     opacity: 0
                 },

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

@@ -10,7 +10,7 @@ const EdgeToolbarComponent = ({ edgeId, visible, positioning, config, onMouseEnt
     return /*#__PURE__*/ jsx(EdgeLabelRenderer, {
         children: /*#__PURE__*/ jsx(AnimatePresence, {
             children: visible && /*#__PURE__*/ jsx(motion.div, {
-                className: "nodrag nopan absolute top-0 left-0 pointer-events-auto z-[1000] flex flex-row items-center gap-1",
+                className: "nodrag nopan absolute top-0 left-0 z-1004 pointer-events-auto flex flex-row items-center gap-1",
                 initial: {
                     opacity: 0
                 },

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 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");
@@ -36,10 +37,14 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
     const reactFlow = (0, react_cjs_namespaceObject.useReactFlow)();
     const { mode } = (0, BaseCanvasModeProvider_cjs_namespaceObject.useBaseCanvasMode)();
     const isDesignMode = 'design' === mode;
-    const isPreviewEdge = source === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID || target === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID;
+    const previewEdge = (0, createPreviewNode_cjs_namespaceObject.isPreviewEdge)({
+        id: edgeId,
+        source,
+        target
+    });
     const { positionData, handleMouseMoveOnPath } = (0, external_useEdgeToolbarPositioning_cjs_namespaceObject.useEdgeToolbarPositioning)({
         pathElementRef,
-        isEnabled: isHovered && isDesignMode && !isPreviewEdge,
+        isEnabled: isHovered && isDesignMode && !previewEdge,
         targetPosition
     });
     const handleAddNodeOnEdge = (0, external_react_namespaceObject.useCallback)((position)=>{
@@ -51,26 +56,23 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             targetHandle: targetHandleId,
             type: 'default'
         };
-        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
-            ]);
+        (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,
+            removedEdgeIds: [
+                edgeId
+            ]
+        });
     }, [
         sourcePosition,
         source,
@@ -96,7 +98,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         }), [
         handleAddNodeOnEdge
     ]);
-    const showToolbar = isHovered && isDesignMode && null !== positionData && !isPreviewEdge;
+    const showToolbar = isHovered && isDesignMode && null !== positionData && !previewEdge;
     return {
         showToolbar,
         toolbarPositioning: positionData,

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;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"}
+{"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;AAMlG,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,CAgF7C"}

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

@@ -1,17 +1,22 @@
 import { useReactFlow } from "../../../xyflow/react.js";
 import { useCallback, useMemo } from "react";
-import { PREVIEW_NODE_ID } from "../../../constants.js";
-import { applyPreviewToReactFlow, createPreviewNode } from "../../../utils/createPreviewNode.js";
+import { DEFAULT_SOURCE_HANDLE_ID } from "../../../constants.js";
+import { showPreviewGraph } from "../../../utils/createPreviewGraph.js";
+import { isPreviewEdge } 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 }) {
     const reactFlow = useReactFlow();
     const { mode } = useBaseCanvasMode();
     const isDesignMode = 'design' === mode;
-    const isPreviewEdge = source === PREVIEW_NODE_ID || target === PREVIEW_NODE_ID;
+    const previewEdge = isPreviewEdge({
+        id: edgeId,
+        source,
+        target
+    });
     const { positionData, handleMouseMoveOnPath } = useEdgeToolbarPositioning({
         pathElementRef,
-        isEnabled: isHovered && isDesignMode && !isPreviewEdge,
+        isEnabled: isHovered && isDesignMode && !previewEdge,
         targetPosition
     });
     const handleAddNodeOnEdge = useCallback((position)=>{
@@ -23,26 +28,23 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
             targetHandle: targetHandleId,
             type: 'default'
         };
-        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
-            ]);
+        showPreviewGraph({
+            sourceNodeId: source,
+            sourceHandleId: sourceHandleId ?? DEFAULT_SOURCE_HANDLE_ID,
+            reactFlowInstance: reactFlow,
+            position,
+            data: {
+                originalEdge
+            },
+            sourceHandleType: 'source',
+            handlePosition: sourcePosition,
+            ignoredNodeTypes: ignoredNodeTypes ?? [],
+            targetNodeId: target,
+            targetHandleId,
+            removedEdgeIds: [
+                edgeId
+            ]
+        });
     }, [
         sourcePosition,
         source,
@@ -68,7 +70,7 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         }), [
         handleAddNodeOnEdge
     ]);
-    const showToolbar = isHovered && isDesignMode && null !== positionData && !isPreviewEdge;
+    const showToolbar = isHovered && isDesignMode && null !== positionData && !previewEdge;
     return {
         showToolbar,
         toolbarPositioning: positionData,