@uipath/apollo-react 3.65.4 → 3.66.0

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

@@ -1,14 +1,5 @@
 "use strict";
 var __webpack_require__ = {};
-(()=>{
-    __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, {
@@ -42,8 +33,6 @@ const utilities_namespaceObject = require("@dnd-kit/utilities");
 const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
-const external_debounce_namespaceObject = require("debounce");
-var external_debounce_default = /*#__PURE__*/ __webpack_require__.n(external_debounce_namespaceObject);
 const external_react_namespaceObject = require("react");
 const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
 const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
@@ -182,11 +171,10 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
             ]
         })
     }));
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom = 1 })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, isDragDisabled, projectedDepth, zoom = 1 })=>{
     const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
-    const [playLoading, setPlayLoading] = (0, external_react_namespaceObject.useState)(false);
     const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
         if (isMenuOpen) return;
         onTaskClick(e, task.id);
@@ -198,26 +186,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
     const handleMenuOpenChange = (0, external_react_namespaceObject.useCallback)((isOpen)=>{
         setIsMenuOpen(isOpen);
     }, []);
-    const debouncedTaskPlay = (0, external_react_namespaceObject.useMemo)(()=>onTaskPlay ? external_debounce_default()(async (taskId)=>{
-            setPlayLoading(true);
-            try {
-                await onTaskPlay(taskId);
-            } catch  {} finally{
-                setPlayLoading(false);
-            }
-        }, 500, {
-            immediate: true
-        }) : void 0, [
-        onTaskPlay
-    ]);
-    const handlePlayClick = (0, external_react_namespaceObject.useCallback)((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        debouncedTaskPlay?.(task.id);
-    }, [
-        debouncedTaskPlay,
-        task.id
-    ]);
     const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
@@ -274,30 +242,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
                 task: task,
                 taskExecution: taskExecution
             }),
-            task.isAdhoc && onTaskPlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
-                content: "Trigger task",
-                placement: "top",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
-                    "data-testid": `stage-task-play-${task.id}`,
-                    onClick: handlePlayClick,
-                    onMouseDown: (e)=>e.stopPropagation(),
-                    className: "task-menu-icon-button",
-                    sx: {
-                        color: 'var(--uix-canvas-primary) !important',
-                        minWidth: 'unset !important',
-                        width: `${apollo_core_namespaceObject.Spacing.SpacingXl} !important`,
-                        height: `${apollo_core_namespaceObject.Spacing.SpacingXl} !important`,
-                        padding: '0 !important'
-                    },
-                    children: playLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApCircularProgress, {
-                        size: 20
-                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.PlayIcon, {
-                        w: 20,
-                        h: 20
-                    })
-                })
-            }),
-            task.isAdhoc && !onTaskPlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+            task.hasEntryCondition && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
                 content: "Entry condition",
                 placement: "top",
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {

package/dist/canvas/components/StageNode/DraggableTask.d.ts

@@ -1,4 +1,4 @@
 import type { DraggableTaskProps, TaskContentProps } from './DraggableTask.types';
 export declare const TaskContent: import("react").MemoExoticComponent<({ task, taskExecution, isDragging }: TaskContentProps) => import("react/jsx-runtime").JSX.Element>;
-export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, isDragDisabled, projectedDepth, zoom, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=DraggableTask.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAqLH,eAAO,MAAM,aAAa,sLAvKvB,kBAAkB,6CAuKoC,CAAC"}
+{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgClF,eAAO,MAAM,WAAW,4EAA8C,gBAAgB,6CAwEpF,CAAC;AAkIH,eAAO,MAAM,aAAa,0KArHvB,kBAAkB,6CAqHoC,CAAC"}

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

@@ -3,10 +3,9 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { FontVariantToken, Padding, Spacing } from "@uipath/apollo-core";
 import { Column, Row } from "../../layouts/index.js";
-import { ApBadge, ApCircularProgress, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
-import debounce from "debounce";
+import { ApBadge, ApIconButton, ApTooltip, ApTypography, BadgeSize } from "../../../material/index.js";
 import { memo, useCallback, useMemo, useRef, useState } from "react";
-import { EntryConditionIcon, PlayIcon } from "../../icons/index.js";
+import { EntryConditionIcon } from "../../icons/index.js";
 import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
 import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskIcon, StageTaskRetryDuration, StageTaskWrapper } from "./StageNode.styles.js";
 import { TaskMenu } from "./TaskMenu.js";
@@ -143,11 +142,10 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging })=>/*
             ]
         })
     }));
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, onTaskPlay, isDragDisabled, projectedDepth, zoom = 1 })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, contextMenuItems, onTaskClick, onMenuOpen, isDragDisabled, projectedDepth, zoom = 1 })=>{
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const taskRef = useRef(null);
     const menuRef = useRef(null);
-    const [playLoading, setPlayLoading] = useState(false);
     const handleClick = useCallback((e)=>{
         if (isMenuOpen) return;
         onTaskClick(e, task.id);
@@ -159,26 +157,6 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
     const handleMenuOpenChange = useCallback((isOpen)=>{
         setIsMenuOpen(isOpen);
     }, []);
-    const debouncedTaskPlay = useMemo(()=>onTaskPlay ? debounce(async (taskId)=>{
-            setPlayLoading(true);
-            try {
-                await onTaskPlay(taskId);
-            } catch  {} finally{
-                setPlayLoading(false);
-            }
-        }, 500, {
-            immediate: true
-        }) : void 0, [
-        onTaskPlay
-    ]);
-    const handlePlayClick = useCallback((e)=>{
-        e.stopPropagation();
-        e.preventDefault();
-        debouncedTaskPlay?.(task.id);
-    }, [
-        debouncedTaskPlay,
-        task.id
-    ]);
     const handleContextMenu = useCallback((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
@@ -235,30 +213,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, c
                 task: task,
                 taskExecution: taskExecution
             }),
-            task.isAdhoc && onTaskPlay && /*#__PURE__*/ jsx(ApTooltip, {
-                content: "Trigger task",
-                placement: "top",
-                children: /*#__PURE__*/ jsx(ApIconButton, {
-                    "data-testid": `stage-task-play-${task.id}`,
-                    onClick: handlePlayClick,
-                    onMouseDown: (e)=>e.stopPropagation(),
-                    className: "task-menu-icon-button",
-                    sx: {
-                        color: 'var(--uix-canvas-primary) !important',
-                        minWidth: 'unset !important',
-                        width: `${Spacing.SpacingXl} !important`,
-                        height: `${Spacing.SpacingXl} !important`,
-                        padding: '0 !important'
-                    },
-                    children: playLoading ? /*#__PURE__*/ jsx(ApCircularProgress, {
-                        size: 20
-                    }) : /*#__PURE__*/ jsx(PlayIcon, {
-                        w: 20,
-                        h: 20
-                    })
-                })
-            }),
-            task.isAdhoc && !onTaskPlay && /*#__PURE__*/ jsx(ApTooltip, {
+            task.hasEntryCondition && /*#__PURE__*/ jsx(ApTooltip, {
                 content: "Entry condition",
                 placement: "top",
                 children: /*#__PURE__*/ jsx("span", {

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

@@ -1,5 +1,14 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __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, {
@@ -33,8 +42,11 @@ const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_material_index_cjs_namespaceObject = require("../../../material/index.cjs");
+const external_debounce_namespaceObject = require("debounce");
+var external_debounce_default = /*#__PURE__*/ __webpack_require__.n(external_debounce_namespaceObject);
 const external_react_namespaceObject = require("react");
 const external_react_dom_namespaceObject = require("react-dom");
+const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
 const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/ConnectedHandlesContext.cjs");
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
 const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
@@ -42,7 +54,6 @@ const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../Float
 const external_NodeContextMenu_index_cjs_namespaceObject = require("../NodeContextMenu/index.cjs");
 const hooks_index_cjs_namespaceObject = require("../NodePropertiesPanel/hooks/index.cjs");
 const external_Toolbox_index_cjs_namespaceObject = require("../Toolbox/index.cjs");
-const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
 const external_DraggableTask_cjs_namespaceObject = require("./DraggableTask.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_StageNode_types_cjs_namespaceObject = require("./StageNode.types.cjs");
@@ -70,12 +81,65 @@ const CHIP_ICONS = {
         size: apollo_core_namespaceObject.Icon.IconXs
     })
 };
+const AdhocTaskPlayButton = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ taskId, onTaskPlay })=>{
+    const [playLoading, setPlayLoading] = (0, external_react_namespaceObject.useState)(false);
+    const debouncedTaskPlay = (0, external_react_namespaceObject.useMemo)(()=>external_debounce_default()(async (id)=>{
+            setPlayLoading(true);
+            try {
+                await onTaskPlay(id);
+            } catch  {} finally{
+                setPlayLoading(false);
+            }
+        }, 500, {
+            immediate: true
+        }), [
+        onTaskPlay
+    ]);
+    const handlePlayClick = (0, external_react_namespaceObject.useCallback)((e)=>{
+        e.stopPropagation();
+        e.preventDefault();
+        debouncedTaskPlay(taskId);
+    }, [
+        debouncedTaskPlay,
+        taskId
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+        content: "Trigger task",
+        placement: "top",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIconButton, {
+            "data-testid": `stage-task-play-${taskId}`,
+            onClick: handlePlayClick,
+            onMouseDown: (e)=>e.stopPropagation(),
+            onKeyDown: (e)=>e.stopPropagation(),
+            className: "task-menu-icon-button",
+            sx: {
+                color: 'var(--uix-canvas-primary) !important',
+                minWidth: 'unset !important',
+                width: `${apollo_core_namespaceObject.Spacing.SpacingL} !important`,
+                height: `${apollo_core_namespaceObject.Spacing.SpacingL} !important`,
+                padding: '0 !important'
+            },
+            children: playLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApCircularProgress, {
+                size: 20
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.PlayIcon, {
+                w: 20,
+                h: 20
+            })
+        })
+    });
+});
 const StageNodeComponent = (props)=>{
     const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay, hideParallelOptions } = props;
     const taskWidth = width ? width - external_StageNode_styles_cjs_namespaceObject.STAGE_CONTENT_INSET : void 0;
-    const tasks = (0, external_react_namespaceObject.useMemo)(()=>stageDetails?.tasks || [], [
+    const allTasks = (0, external_react_namespaceObject.useMemo)(()=>stageDetails?.tasks || [], [
         stageDetails?.tasks
     ]);
+    const tasks = (0, external_react_namespaceObject.useMemo)(()=>allTasks.filter((group)=>group.some((t)=>!t.isAdhoc)), [
+        allTasks
+    ]);
+    const adhocTasks = (0, external_react_namespaceObject.useMemo)(()=>allTasks.flat().filter((t)=>t.isAdhoc), [
+        allTasks
+    ]);
     const flatTasks = (0, external_react_namespaceObject.useMemo)(()=>tasks.flat(), [
         tasks
     ]);
@@ -114,14 +178,14 @@ const StageNodeComponent = (props)=>{
     const [isReplacingTask, setIsReplacingTask] = (0, external_react_namespaceObject.useState)(false);
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (pendingReplaceTask) {
-            const match = tasks.flatMap((group, gi)=>group.map((task, ti)=>({
+            const match = allTasks.flatMap((group, gi)=>group.map((task, ti)=>({
                         task,
                         groupIndex: gi,
                         taskIndex: ti
                     }))).find(({ task })=>task.id === selectedTaskId);
             if (match) {
                 taskStateReference.current = {
-                    isParallel: (tasks[match.groupIndex]?.length ?? 0) > 1,
+                    isParallel: (allTasks[match.groupIndex]?.length ?? 0) > 1,
                     groupIndex: match.groupIndex,
                     taskIndex: match.taskIndex
                 };
@@ -131,7 +195,7 @@ const StageNodeComponent = (props)=>{
     }, [
         pendingReplaceTask,
         selectedTaskId,
-        tasks
+        allTasks
     ]);
     const [activeDragId, setActiveDragId] = (0, external_react_namespaceObject.useState)(null);
     const [offsetLeft, setOffsetLeft] = (0, external_react_namespaceObject.useState)(0);
@@ -552,85 +616,7 @@ const StageNodeComponent = (props)=>{
                         ]
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageContent, {
-                        children: tasks && 0 !== tasks.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.DndContext, {
-                            collisionDetection: core_namespaceObject.closestCenter,
-                            sensors: sensors,
-                            onDragStart: handleDragStart,
-                            onDragMove: handleDragMove,
-                            onDragOver: handleDragOver,
-                            onDragEnd: handleDragEnd,
-                            onDragCancel: handleDragCancel,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sortable_namespaceObject.SortableContext, {
-                                    items: taskIds,
-                                    strategy: sortable_namespaceObject.verticalListSortingStrategy,
-                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
-                                        className: "nodrag nopan",
-                                        children: tasks.map((taskGroup, groupIndex)=>{
-                                            const isParallel = taskGroup.length > 1;
-                                            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                                                gap: apollo_core_namespaceObject.Spacing.SpacingS,
-                                                children: [
-                                                    isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelBracket, {}),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTaskGroup, {
-                                                        isParallel: isParallel,
-                                                        children: [
-                                                            isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelLabel, {
-                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
-                                                                    variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
-                                                                    children: "Parallel"
-                                                                })
-                                                            }),
-                                                            taskGroup.map((task, taskIndex)=>{
-                                                                const taskExecution = execution?.taskStatus?.[task.id];
-                                                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.DraggableTask, {
-                                                                    task: task,
-                                                                    taskExecution: taskExecution,
-                                                                    isSelected: selectedTaskId === task.id,
-                                                                    isParallel: isParallel,
-                                                                    contextMenuItems: contextMenuItems(isParallel, groupIndex, taskIndex, tasks.length, taskGroup.length, (tasks[groupIndex - 1]?.length ?? 0) > 1, (tasks[groupIndex + 1]?.length ?? 0) > 1),
-                                                                    onTaskClick: handleTaskClick,
-                                                                    projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
-                                                                    onTaskPlay: onTaskPlay,
-                                                                    isDragDisabled: !onTaskReorder,
-                                                                    zoom: zoom,
-                                                                    ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {
-                                                                        onMenuOpen: ()=>{
-                                                                            taskStateReference.current = {
-                                                                                isParallel,
-                                                                                groupIndex,
-                                                                                taskIndex
-                                                                            };
-                                                                        }
-                                                                    }
-                                                                }, task.id);
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            }, `group-${groupIndex}`);
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DragOverlay, {
-                                    children: activeTask ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                        style: dragOverlayStyle,
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
-                                            selected: true,
-                                            isParallel: isActiveTaskParallel,
-                                            style: {
-                                                cursor: 'grabbing',
-                                                ...taskWidthStyle
-                                            },
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
-                                                task: activeTask,
-                                                isDragging: true
-                                            })
-                                        })
-                                    }) : null
-                                }), document.body)
-                            ]
-                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
+                        children: 0 === tasks.length && 0 === adhocTasks.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
                             py: 2,
                             children: (onTaskAdd || onAddTaskFromToolbox) && !isReadOnly ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApLink, {
                                 onClick: addTaskLoading ? void 0 : handleTaskAddClick,
@@ -645,6 +631,119 @@ const StageNodeComponent = (props)=>{
                                 color: "var(--uix-canvas-foreground-de-emp)",
                                 children: defaultContent
                             })
+                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                            children: [
+                                tasks.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.DndContext, {
+                                    collisionDetection: core_namespaceObject.closestCenter,
+                                    sensors: sensors,
+                                    onDragStart: handleDragStart,
+                                    onDragMove: handleDragMove,
+                                    onDragOver: handleDragOver,
+                                    onDragEnd: handleDragEnd,
+                                    onDragCancel: handleDragCancel,
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(sortable_namespaceObject.SortableContext, {
+                                            items: taskIds,
+                                            strategy: sortable_namespaceObject.verticalListSortingStrategy,
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
+                                                className: "nodrag nopan",
+                                                children: tasks.map((taskGroup, groupIndex)=>{
+                                                    const isParallel = taskGroup.length > 1;
+                                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                                                        gap: apollo_core_namespaceObject.Spacing.SpacingS,
+                                                        children: [
+                                                            isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelBracket, {}),
+                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTaskGroup, {
+                                                                isParallel: isParallel,
+                                                                children: [
+                                                                    isParallel && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageParallelLabel, {
+                                                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
+                                                                            variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
+                                                                            children: "Parallel"
+                                                                        })
+                                                                    }),
+                                                                    taskGroup.map((task, taskIndex)=>{
+                                                                        const taskExecution = execution?.taskStatus?.[task.id];
+                                                                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.DraggableTask, {
+                                                                            task: task,
+                                                                            taskExecution: taskExecution,
+                                                                            isSelected: selectedTaskId === task.id,
+                                                                            isParallel: isParallel,
+                                                                            contextMenuItems: contextMenuItems(isParallel, groupIndex, taskIndex, tasks.length, taskGroup.length, (tasks[groupIndex - 1]?.length ?? 0) > 1, (tasks[groupIndex + 1]?.length ?? 0) > 1),
+                                                                            onTaskClick: handleTaskClick,
+                                                                            projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
+                                                                            isDragDisabled: !onTaskReorder,
+                                                                            zoom: zoom,
+                                                                            ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {
+                                                                                onMenuOpen: ()=>{
+                                                                                    taskStateReference.current = {
+                                                                                        isParallel,
+                                                                                        groupIndex,
+                                                                                        taskIndex
+                                                                                    };
+                                                                                }
+                                                                            }
+                                                                        }, task.id);
+                                                                    })
+                                                                ]
+                                                            })
+                                                        ]
+                                                    }, `group-${groupIndex}`);
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(core_namespaceObject.DragOverlay, {
+                                            children: activeTask ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                style: dragOverlayStyle,
+                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
+                                                    selected: true,
+                                                    isParallel: isActiveTaskParallel,
+                                                    style: {
+                                                        cursor: 'grabbing',
+                                                        ...taskWidthStyle
+                                                    },
+                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
+                                                        task: activeTask,
+                                                        isDragging: true
+                                                    })
+                                                })
+                                            }) : null
+                                        }), document.body)
+                                    ]
+                                }),
+                                adhocTasks.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageAdhocSection, {
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageAdhocHeaderSection, {
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
+                                                variant: apollo_core_namespaceObject.FontVariantToken.fontSizeSBold,
+                                                color: "var(--uix-canvas-foreground-de-emp)",
+                                                children: "Adhoc tasks"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageTaskList, {
+                                            children: adhocTasks.map((task)=>{
+                                                const taskExecution = execution?.taskStatus?.[task.id];
+                                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
+                                                    "data-testid": `stage-task-${task.id}`,
+                                                    selected: selectedTaskId === task.id,
+                                                    status: taskExecution?.status,
+                                                    onClick: (e)=>handleTaskClick(e, task.id),
+                                                    children: [
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_DraggableTask_cjs_namespaceObject.TaskContent, {
+                                                            task: task,
+                                                            taskExecution: taskExecution
+                                                        }),
+                                                        onTaskPlay && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AdhocTaskPlayButton, {
+                                                            taskId: task.id,
+                                                            onTaskPlay: onTaskPlay
+                                                        })
+                                                    ]
+                                                }, task.id);
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
                         })
                     })
                 ]

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4sBxD,eAAO,MAAM,SAAS,8CA1rBa,cAAc,6CA0rBA,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA8yBxD,eAAO,MAAM,SAAS,8CApuBa,cAAc,6CAouBA,CAAC"}

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

@@ -1,12 +1,14 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { FontVariantToken, Icon, Padding, Spacing } from "@uipath/apollo-core";
 import { Column, Row } from "../../layouts/index.js";
 import { Position, useStore, useViewport } from "../../xyflow/react.js";
-import { ApIcon, ApIconButton, ApLink, ApTooltip, ApTypography } from "../../../material/index.js";
+import { ApCircularProgress, ApIcon, ApIconButton, ApLink, ApTooltip, ApTypography } from "../../../material/index.js";
+import debounce from "debounce";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
+import { EntryConditionIcon, ExitConditionIcon, PlayIcon, ReturnToOriginIcon } from "../../icons/index.js";
 import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
 import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
@@ -14,9 +16,8 @@ import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
 import { NodeContextMenu } from "../NodeContextMenu/index.js";
 import { useNodeSelection } from "../NodePropertiesPanel/hooks/index.js";
 import { Toolbox } from "../Toolbox/index.js";
-import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../../icons/index.js";
 import { DraggableTask, TaskContent } from "./DraggableTask.js";
-import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskGroup, StageTaskList, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
+import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageAdhocHeaderSection, StageAdhocSection, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskGroup, StageTaskList, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
 import { StageHeaderChipType } from "./StageNode.types.js";
 import { flattenTasks, getProjection, reorderTasks } from "./StageNode.utils.js";
 import { getContextMenuItems, getDivider, getMenuItem } from "./StageNodeTaskUtilities.js";
@@ -42,12 +43,65 @@ const CHIP_ICONS = {
         size: Icon.IconXs
     })
 };
+const AdhocTaskPlayButton = /*#__PURE__*/ memo(({ taskId, onTaskPlay })=>{
+    const [playLoading, setPlayLoading] = useState(false);
+    const debouncedTaskPlay = useMemo(()=>debounce(async (id)=>{
+            setPlayLoading(true);
+            try {
+                await onTaskPlay(id);
+            } catch  {} finally{
+                setPlayLoading(false);
+            }
+        }, 500, {
+            immediate: true
+        }), [
+        onTaskPlay
+    ]);
+    const handlePlayClick = useCallback((e)=>{
+        e.stopPropagation();
+        e.preventDefault();
+        debouncedTaskPlay(taskId);
+    }, [
+        debouncedTaskPlay,
+        taskId
+    ]);
+    return /*#__PURE__*/ jsx(ApTooltip, {
+        content: "Trigger task",
+        placement: "top",
+        children: /*#__PURE__*/ jsx(ApIconButton, {
+            "data-testid": `stage-task-play-${taskId}`,
+            onClick: handlePlayClick,
+            onMouseDown: (e)=>e.stopPropagation(),
+            onKeyDown: (e)=>e.stopPropagation(),
+            className: "task-menu-icon-button",
+            sx: {
+                color: 'var(--uix-canvas-primary) !important',
+                minWidth: 'unset !important',
+                width: `${Spacing.SpacingL} !important`,
+                height: `${Spacing.SpacingL} !important`,
+                padding: '0 !important'
+            },
+            children: playLoading ? /*#__PURE__*/ jsx(ApCircularProgress, {
+                size: 20
+            }) : /*#__PURE__*/ jsx(PlayIcon, {
+                w: 20,
+                h: 20
+            })
+        })
+    });
+});
 const StageNodeComponent = (props)=>{
     const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay, hideParallelOptions } = props;
     const taskWidth = width ? width - STAGE_CONTENT_INSET : void 0;
-    const tasks = useMemo(()=>stageDetails?.tasks || [], [
+    const allTasks = useMemo(()=>stageDetails?.tasks || [], [
         stageDetails?.tasks
     ]);
+    const tasks = useMemo(()=>allTasks.filter((group)=>group.some((t)=>!t.isAdhoc)), [
+        allTasks
+    ]);
+    const adhocTasks = useMemo(()=>allTasks.flat().filter((t)=>t.isAdhoc), [
+        allTasks
+    ]);
     const flatTasks = useMemo(()=>tasks.flat(), [
         tasks
     ]);
@@ -86,14 +140,14 @@ const StageNodeComponent = (props)=>{
     const [isReplacingTask, setIsReplacingTask] = useState(false);
     useEffect(()=>{
         if (pendingReplaceTask) {
-            const match = tasks.flatMap((group, gi)=>group.map((task, ti)=>({
+            const match = allTasks.flatMap((group, gi)=>group.map((task, ti)=>({
                         task,
                         groupIndex: gi,
                         taskIndex: ti
                     }))).find(({ task })=>task.id === selectedTaskId);
             if (match) {
                 taskStateReference.current = {
-                    isParallel: (tasks[match.groupIndex]?.length ?? 0) > 1,
+                    isParallel: (allTasks[match.groupIndex]?.length ?? 0) > 1,
                     groupIndex: match.groupIndex,
                     taskIndex: match.taskIndex
                 };
@@ -103,7 +157,7 @@ const StageNodeComponent = (props)=>{
     }, [
         pendingReplaceTask,
         selectedTaskId,
-        tasks
+        allTasks
     ]);
     const [activeDragId, setActiveDragId] = useState(null);
     const [offsetLeft, setOffsetLeft] = useState(0);
@@ -524,85 +578,7 @@ const StageNodeComponent = (props)=>{
                         ]
                     }),
                     /*#__PURE__*/ jsx(StageContent, {
-                        children: tasks && 0 !== tasks.length ? /*#__PURE__*/ jsxs(DndContext, {
-                            collisionDetection: closestCenter,
-                            sensors: sensors,
-                            onDragStart: handleDragStart,
-                            onDragMove: handleDragMove,
-                            onDragOver: handleDragOver,
-                            onDragEnd: handleDragEnd,
-                            onDragCancel: handleDragCancel,
-                            children: [
-                                /*#__PURE__*/ jsx(SortableContext, {
-                                    items: taskIds,
-                                    strategy: verticalListSortingStrategy,
-                                    children: /*#__PURE__*/ jsx(StageTaskList, {
-                                        className: "nodrag nopan",
-                                        children: tasks.map((taskGroup, groupIndex)=>{
-                                            const isParallel = taskGroup.length > 1;
-                                            return /*#__PURE__*/ jsxs(Row, {
-                                                gap: Spacing.SpacingS,
-                                                children: [
-                                                    isParallel && /*#__PURE__*/ jsx(StageParallelBracket, {}),
-                                                    /*#__PURE__*/ jsxs(StageTaskGroup, {
-                                                        isParallel: isParallel,
-                                                        children: [
-                                                            isParallel && /*#__PURE__*/ jsx(StageParallelLabel, {
-                                                                children: /*#__PURE__*/ jsx(ApTypography, {
-                                                                    variant: FontVariantToken.fontSizeS,
-                                                                    children: "Parallel"
-                                                                })
-                                                            }),
-                                                            taskGroup.map((task, taskIndex)=>{
-                                                                const taskExecution = execution?.taskStatus?.[task.id];
-                                                                return /*#__PURE__*/ jsx(DraggableTask, {
-                                                                    task: task,
-                                                                    taskExecution: taskExecution,
-                                                                    isSelected: selectedTaskId === task.id,
-                                                                    isParallel: isParallel,
-                                                                    contextMenuItems: contextMenuItems(isParallel, groupIndex, taskIndex, tasks.length, taskGroup.length, (tasks[groupIndex - 1]?.length ?? 0) > 1, (tasks[groupIndex + 1]?.length ?? 0) > 1),
-                                                                    onTaskClick: handleTaskClick,
-                                                                    projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
-                                                                    onTaskPlay: onTaskPlay,
-                                                                    isDragDisabled: !onTaskReorder,
-                                                                    zoom: zoom,
-                                                                    ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {
-                                                                        onMenuOpen: ()=>{
-                                                                            taskStateReference.current = {
-                                                                                isParallel,
-                                                                                groupIndex,
-                                                                                taskIndex
-                                                                            };
-                                                                        }
-                                                                    }
-                                                                }, task.id);
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            }, `group-${groupIndex}`);
-                                        })
-                                    })
-                                }),
-                                /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
-                                    children: activeTask ? /*#__PURE__*/ jsx("div", {
-                                        style: dragOverlayStyle,
-                                        children: /*#__PURE__*/ jsx(StageTask, {
-                                            selected: true,
-                                            isParallel: isActiveTaskParallel,
-                                            style: {
-                                                cursor: 'grabbing',
-                                                ...taskWidthStyle
-                                            },
-                                            children: /*#__PURE__*/ jsx(TaskContent, {
-                                                task: activeTask,
-                                                isDragging: true
-                                            })
-                                        })
-                                    }) : null
-                                }), document.body)
-                            ]
-                        }) : /*#__PURE__*/ jsx(Column, {
+                        children: 0 === tasks.length && 0 === adhocTasks.length ? /*#__PURE__*/ jsx(Column, {
                             py: 2,
                             children: (onTaskAdd || onAddTaskFromToolbox) && !isReadOnly ? /*#__PURE__*/ jsx(ApLink, {
                                 onClick: addTaskLoading ? void 0 : handleTaskAddClick,
@@ -617,6 +593,119 @@ const StageNodeComponent = (props)=>{
                                 color: "var(--uix-canvas-foreground-de-emp)",
                                 children: defaultContent
                             })
+                        }) : /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                tasks.length > 0 && /*#__PURE__*/ jsxs(DndContext, {
+                                    collisionDetection: closestCenter,
+                                    sensors: sensors,
+                                    onDragStart: handleDragStart,
+                                    onDragMove: handleDragMove,
+                                    onDragOver: handleDragOver,
+                                    onDragEnd: handleDragEnd,
+                                    onDragCancel: handleDragCancel,
+                                    children: [
+                                        /*#__PURE__*/ jsx(SortableContext, {
+                                            items: taskIds,
+                                            strategy: verticalListSortingStrategy,
+                                            children: /*#__PURE__*/ jsx(StageTaskList, {
+                                                className: "nodrag nopan",
+                                                children: tasks.map((taskGroup, groupIndex)=>{
+                                                    const isParallel = taskGroup.length > 1;
+                                                    return /*#__PURE__*/ jsxs(Row, {
+                                                        gap: Spacing.SpacingS,
+                                                        children: [
+                                                            isParallel && /*#__PURE__*/ jsx(StageParallelBracket, {}),
+                                                            /*#__PURE__*/ jsxs(StageTaskGroup, {
+                                                                isParallel: isParallel,
+                                                                children: [
+                                                                    isParallel && /*#__PURE__*/ jsx(StageParallelLabel, {
+                                                                        children: /*#__PURE__*/ jsx(ApTypography, {
+                                                                            variant: FontVariantToken.fontSizeS,
+                                                                            children: "Parallel"
+                                                                        })
+                                                                    }),
+                                                                    taskGroup.map((task, taskIndex)=>{
+                                                                        const taskExecution = execution?.taskStatus?.[task.id];
+                                                                        return /*#__PURE__*/ jsx(DraggableTask, {
+                                                                            task: task,
+                                                                            taskExecution: taskExecution,
+                                                                            isSelected: selectedTaskId === task.id,
+                                                                            isParallel: isParallel,
+                                                                            contextMenuItems: contextMenuItems(isParallel, groupIndex, taskIndex, tasks.length, taskGroup.length, (tasks[groupIndex - 1]?.length ?? 0) > 1, (tasks[groupIndex + 1]?.length ?? 0) > 1),
+                                                                            onTaskClick: handleTaskClick,
+                                                                            projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
+                                                                            isDragDisabled: !onTaskReorder,
+                                                                            zoom: zoom,
+                                                                            ...(onTaskGroupModification || onReplaceTaskFromToolbox) && {
+                                                                                onMenuOpen: ()=>{
+                                                                                    taskStateReference.current = {
+                                                                                        isParallel,
+                                                                                        groupIndex,
+                                                                                        taskIndex
+                                                                                    };
+                                                                                }
+                                                                            }
+                                                                        }, task.id);
+                                                                    })
+                                                                ]
+                                                            })
+                                                        ]
+                                                    }, `group-${groupIndex}`);
+                                                })
+                                            })
+                                        }),
+                                        /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(DragOverlay, {
+                                            children: activeTask ? /*#__PURE__*/ jsx("div", {
+                                                style: dragOverlayStyle,
+                                                children: /*#__PURE__*/ jsx(StageTask, {
+                                                    selected: true,
+                                                    isParallel: isActiveTaskParallel,
+                                                    style: {
+                                                        cursor: 'grabbing',
+                                                        ...taskWidthStyle
+                                                    },
+                                                    children: /*#__PURE__*/ jsx(TaskContent, {
+                                                        task: activeTask,
+                                                        isDragging: true
+                                                    })
+                                                })
+                                            }) : null
+                                        }), document.body)
+                                    ]
+                                }),
+                                adhocTasks.length > 0 && /*#__PURE__*/ jsxs(StageAdhocSection, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(StageAdhocHeaderSection, {
+                                            children: /*#__PURE__*/ jsx(ApTypography, {
+                                                variant: FontVariantToken.fontSizeSBold,
+                                                color: "var(--uix-canvas-foreground-de-emp)",
+                                                children: "Adhoc tasks"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(StageTaskList, {
+                                            children: adhocTasks.map((task)=>{
+                                                const taskExecution = execution?.taskStatus?.[task.id];
+                                                return /*#__PURE__*/ jsxs(StageTask, {
+                                                    "data-testid": `stage-task-${task.id}`,
+                                                    selected: selectedTaskId === task.id,
+                                                    status: taskExecution?.status,
+                                                    onClick: (e)=>handleTaskClick(e, task.id),
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(TaskContent, {
+                                                            task: task,
+                                                            taskExecution: taskExecution
+                                                        }),
+                                                        onTaskPlay && /*#__PURE__*/ jsx(AdhocTaskPlayButton, {
+                                                            taskId: task.id,
+                                                            onTaskPlay: onTaskPlay
+                                                        })
+                                                    ]
+                                                }, task.id);
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
                         })
                     })
                 ]

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

@@ -2184,7 +2184,8 @@ const AdhocTasks = {
                                 {
                                     id: '3',
                                     label: 'Regular Task',
-                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {}),
+                                    hasEntryCondition: true
                                 }
                             ]
                         ]

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA0KF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiHxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkO3B,CAAC"}
+{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA0KF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwHxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkO3B,CAAC"}

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

@@ -2145,7 +2145,8 @@ const AdhocTasks = {
                                 {
                                     id: '3',
                                     label: 'Regular Task',
-                                    icon: /*#__PURE__*/ jsx(ProcessIcon, {})
+                                    icon: /*#__PURE__*/ jsx(ProcessIcon, {}),
+                                    hasEntryCondition: true
                                 }
                             ]
                         ]

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

@@ -50,8 +50,10 @@ __webpack_require__.d(__webpack_exports__, {
     StageTitleContainer: ()=>StageTitleContainer,
     StageTaskGroup: ()=>StageTaskGroup,
     INDENTATION_WIDTH: ()=>INDENTATION_WIDTH,
+    StageAdhocHeaderSection: ()=>StageAdhocHeaderSection,
     StageTaskList: ()=>StageTaskList,
     StageHeader: ()=>StageHeader,
+    StageAdhocSection: ()=>StageAdhocSection,
     STAGE_CONTENT_INSET: ()=>STAGE_CONTENT_INSET,
     StageTaskRetryDuration: ()=>StageTaskRetryDuration
 });
@@ -295,6 +297,17 @@ const StageChip = styled_default().button`
     outline-offset: 2px;
   }
 `;
+const StageAdhocSection = styled_default().div`
+  display: flex;
+  flex-direction: column;
+  gap: ${apollo_core_namespaceObject.Spacing.SpacingS};
+  margin-top: ${apollo_core_namespaceObject.Spacing.SpacingS};
+`;
+const StageAdhocHeaderSection = styled_default().div`
+  height: 36px;
+  display: flex;
+  align-items: center;
+`;
 const StageTaskDragPlaceholder = styled_default().div`
   display: flex;
   align-items: center;
@@ -311,6 +324,8 @@ exports.INDENTATION_WIDTH = __webpack_exports__.INDENTATION_WIDTH;
 exports.STAGE_BORDER_WIDTH = __webpack_exports__.STAGE_BORDER_WIDTH;
 exports.STAGE_CONTENT_INSET = __webpack_exports__.STAGE_CONTENT_INSET;
 exports.STAGE_CONTENT_PADDING_X = __webpack_exports__.STAGE_CONTENT_PADDING_X;
+exports.StageAdhocHeaderSection = __webpack_exports__.StageAdhocHeaderSection;
+exports.StageAdhocSection = __webpack_exports__.StageAdhocSection;
 exports.StageChip = __webpack_exports__.StageChip;
 exports.StageContainer = __webpack_exports__.StageContainer;
 exports.StageContent = __webpack_exports__.StageContent;
@@ -333,6 +348,8 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "STAGE_BORDER_WIDTH",
     "STAGE_CONTENT_INSET",
     "STAGE_CONTENT_PADDING_X",
+    "StageAdhocHeaderSection",
+    "StageAdhocSection",
     "StageChip",
     "StageContainer",
     "StageContent",

package/dist/canvas/components/StageNode/StageNode.styles.d.ts

@@ -90,6 +90,14 @@ export declare const StageChip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StageAdhocSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StageAdhocHeaderSection: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StageTaskDragPlaceholder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;gBAA4B,OAAO;yGAOlE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;gBACd,OAAO;2BACI,OAAO;YACtB,MAAM;kHAsBf,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;iBAA6B,OAAO;yGAM9D,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAKhE,CAAC;AAEF,eAAO,MAAM,SAAS;;;;aACX,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;yGA6DxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAoBrB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}
+{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;gBAA4B,OAAO;yGAOlE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;gBACd,OAAO;2BACI,OAAO;YACtB,MAAM;kHAsBf,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;iBAA6B,OAAO;yGAM9D,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAKhE,CAAC;AAEF,eAAO,MAAM,SAAS;;;;aACX,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;yGA6DxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAoBrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAK7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;yGAInC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}

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

@@ -237,6 +237,17 @@ const StageChip = styled.button`
     outline-offset: 2px;
   }
 `;
+const StageAdhocSection = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${Spacing.SpacingS};
+  margin-top: ${Spacing.SpacingS};
+`;
+const StageAdhocHeaderSection = styled.div`
+  height: 36px;
+  display: flex;
+  align-items: center;
+`;
 const StageTaskDragPlaceholder = styled.div`
   display: flex;
   align-items: center;
@@ -249,4 +260,4 @@ const StageTaskDragPlaceholder = styled.div`
   height: 100%;
   width: ${({ isTargetParallel })=>isTargetParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
 `;
-export { INDENTATION_WIDTH, STAGE_BORDER_WIDTH, STAGE_CONTENT_INSET, STAGE_CONTENT_PADDING_X, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskGroup, StageTaskIcon, StageTaskList, StageTaskRetryDuration, StageTaskWrapper, StageTitleContainer, StageTitleInput };
+export { INDENTATION_WIDTH, STAGE_BORDER_WIDTH, STAGE_CONTENT_INSET, STAGE_CONTENT_PADDING_X, StageAdhocHeaderSection, StageAdhocSection, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskGroup, StageTaskIcon, StageTaskList, StageTaskRetryDuration, StageTaskWrapper, StageTitleContainer, StageTitleInput };

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

@@ -20,6 +20,7 @@ export interface StageTaskItem {
     label: string;
     icon?: React.ReactElement;
     isAdhoc?: boolean;
+    hasEntryCondition?: boolean;
 }
 export declare enum StageHeaderChipType {
     Entry = "entry",

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

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

package/package.json

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