@uipath/apollo-react 6.11.1 → 6.12.0

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

@@ -32,7 +32,7 @@ const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.style
 const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
-const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay, isTaskLoading })=>{
+const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
     const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -57,7 +57,8 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
                 taskId: task.id,
-                active: !!taskExecution?.breakpoint
+                active: !!taskExecution?.breakpoint,
+                onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
                 task: task,
@@ -68,7 +69,8 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
                 ref: menuRef,
                 task: task,
                 getContextMenuItems: getContextMenuItems,
-                disabled: isTaskLoading
+                disabled: isTaskLoading,
+                hideTrigger: isReadOnly
             })
         ]
     });

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

@@ -8,7 +8,9 @@ interface AdhocTaskItemProps {
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
     onTaskPlay?: (taskId: string) => Promise<void>;
     isTaskLoading?: boolean;
+    isReadOnly?: boolean;
+    onToggleBreakpoint?: (taskId: string) => void;
 }
-export declare const AdhocTaskItem: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay, isTaskLoading, }: AdhocTaskItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AdhocTaskItem: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay, isTaskLoading, isReadOnly, onToggleBreakpoint, }: AdhocTaskItemProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=AdhocTask.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/AdhocTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK3E,UAAU,kBAAkB;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAiDD,eAAO,MAAM,aAAa,0IAvCvB,kBAAkB,6CAuCoC,CAAC"}
+{"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/AdhocTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK3E,UAAU,kBAAkB;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAwDD,eAAO,MAAM,aAAa,0KA5CvB,kBAAkB,6CA4CoC,CAAC"}

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

@@ -4,7 +4,7 @@ import { StageTask } from "./StageNode.styles.js";
 import { TaskBreakpointDot } from "./TaskBreakpointDot.js";
 import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
-const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay, isTaskLoading })=>{
+const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, onTaskPlay, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
     const taskRef = useRef(null);
     const menuRef = useRef(null);
     const handleClick = useCallback((e)=>{
@@ -29,7 +29,8 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
         children: [
             /*#__PURE__*/ jsx(TaskBreakpointDot, {
                 taskId: task.id,
-                active: !!taskExecution?.breakpoint
+                active: !!taskExecution?.breakpoint,
+                onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ jsx(TaskContent, {
                 task: task,
@@ -40,7 +41,8 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
                 ref: menuRef,
                 task: task,
                 getContextMenuItems: getContextMenuItems,
-                disabled: isTaskLoading
+                disabled: isTaskLoading,
+                hideTrigger: isReadOnly
             })
         ]
     });

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

@@ -35,7 +35,7 @@ const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.style
 const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
     const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -100,17 +100,19 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
                 taskId: task.id,
-                active: !!taskExecution?.breakpoint
+                active: !!taskExecution?.breakpoint,
+                onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
                 task: task,
-                taskExecution: taskExecution
-            }),
-            getContextMenuItems && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
-                ref: menuRef,
-                task: task,
-                getContextMenuItems: getContextMenuItems,
-                disabled: isTaskLoading
+                taskExecution: taskExecution,
+                trailingContent: getContextMenuItems ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskMenu_cjs_namespaceObject.TaskMenu, {
+                    ref: menuRef,
+                    task: task,
+                    getContextMenuItems: getContextMenuItems,
+                    disabled: isTaskLoading,
+                    hideTrigger: isReadOnly
+                }) : void 0
             })
         ]
     });

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

@@ -1,3 +1,3 @@
 import type { DraggableTaskProps } from './DraggableTask.types';
-export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, }: DraggableTaskProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DraggableTask: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, isReadOnly, onToggleBreakpoint, }: 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":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAyHhE,eAAO,MAAM,aAAa,0KAnGvB,kBAAkB,6CAmGoC,CAAC"}
+{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAoIhE,eAAO,MAAM,aAAa,0MA5GvB,kBAAkB,6CA4GoC,CAAC"}

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

@@ -7,7 +7,7 @@ import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPl
 import { TaskBreakpointDot } from "./TaskBreakpointDot.js";
 import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
-const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading })=>{
+const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, getContextMenuItems, onTaskClick, isDragDisabled, projectedDepth, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
     const taskRef = useRef(null);
     const menuRef = useRef(null);
     const handleClick = useCallback((e)=>{
@@ -72,17 +72,19 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
         children: [
             /*#__PURE__*/ jsx(TaskBreakpointDot, {
                 taskId: task.id,
-                active: !!taskExecution?.breakpoint
+                active: !!taskExecution?.breakpoint,
+                onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ jsx(TaskContent, {
                 task: task,
-                taskExecution: taskExecution
-            }),
-            getContextMenuItems && /*#__PURE__*/ jsx(TaskMenu, {
-                ref: menuRef,
-                task: task,
-                getContextMenuItems: getContextMenuItems,
-                disabled: isTaskLoading
+                taskExecution: taskExecution,
+                trailingContent: getContextMenuItems ? /*#__PURE__*/ jsx(TaskMenu, {
+                    ref: menuRef,
+                    task: task,
+                    getContextMenuItems: getContextMenuItems,
+                    disabled: isTaskLoading,
+                    hideTrigger: isReadOnly
+                }) : void 0
             })
         ]
     });

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

@@ -11,5 +11,7 @@ export interface DraggableTaskProps {
     isDragDisabled?: boolean;
     projectedDepth?: number;
     isTaskLoading?: boolean;
+    isReadOnly?: boolean;
+    onToggleBreakpoint?: (taskId: string) => void;
 }
 //# sourceMappingURL=DraggableTask.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C"}

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

@@ -32,7 +32,7 @@ const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.style
 const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
-const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, isTaskLoading })=>{
+const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
     const taskRef = (0, external_react_namespaceObject.useRef)(null);
     const menuRef = (0, external_react_namespaceObject.useRef)(null);
     const handleClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -57,7 +57,8 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
                 taskId: task.id,
-                active: !!taskExecution?.breakpoint
+                active: !!taskExecution?.breakpoint,
+                onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {
                 task: task,
@@ -67,7 +68,8 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
                 ref: menuRef,
                 task: task,
                 getContextMenuItems: getContextMenuItems,
-                disabled: isTaskLoading
+                disabled: isTaskLoading,
+                hideTrigger: isReadOnly
             })
         ]
     });

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

@@ -7,7 +7,9 @@ interface EventDrivenTaskItemProps {
     getContextMenuItems?: (task: StageTaskItem) => NodeMenuItem[];
     onTaskClick: (e: React.MouseEvent, taskId: string) => void;
     isTaskLoading?: boolean;
+    isReadOnly?: boolean;
+    onToggleBreakpoint?: (taskId: string) => void;
 }
-export declare const EventDrivenTaskItem: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, isTaskLoading, }: EventDrivenTaskItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const EventDrivenTaskItem: import("react").MemoExoticComponent<({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, isTaskLoading, isReadOnly, onToggleBreakpoint, }: EventDrivenTaskItemProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=EventDrivenTask.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/EventDrivenTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK3E,UAAU,wBAAwB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAiDD,eAAO,MAAM,mBAAmB,8HAxC7B,wBAAwB,6CAwC0C,CAAC"}
+{"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/EventDrivenTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK3E,UAAU,wBAAwB;IAChC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IAGpB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,YAAY,EAAE,CAAC;IAC9D,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAwDD,eAAO,MAAM,mBAAmB,8JA7C7B,wBAAwB,6CA6C0C,CAAC"}

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

@@ -4,7 +4,7 @@ import { StageTask } from "./StageNode.styles.js";
 import { TaskBreakpointDot } from "./TaskBreakpointDot.js";
 import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
-const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, isTaskLoading })=>{
+const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getContextMenuItems, onTaskClick, isTaskLoading, isReadOnly, onToggleBreakpoint })=>{
     const taskRef = useRef(null);
     const menuRef = useRef(null);
     const handleClick = useCallback((e)=>{
@@ -29,7 +29,8 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
         children: [
             /*#__PURE__*/ jsx(TaskBreakpointDot, {
                 taskId: task.id,
-                active: !!taskExecution?.breakpoint
+                active: !!taskExecution?.breakpoint,
+                onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ jsx(TaskContent, {
                 task: task,
@@ -39,7 +40,8 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
                 ref: menuRef,
                 task: task,
                 getContextMenuItems: getContextMenuItems,
-                disabled: isTaskLoading
+                disabled: isTaskLoading,
+                hideTrigger: isReadOnly
             })
         ]
     });

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

@@ -181,6 +181,19 @@ const StageTask = styled_default().div`
     display: flex;
   }
 
+  /* Breakpoint gutter (Debug view only): an unset breakpoint stays invisible until the row is
+     hovered, then ghosts in — matching Flow's ExecutionBreakpoint. The dot overhangs the card
+     corner but is a child, so hovering it hovers the row and it stays visible to be clicked. */
+  .task-breakpoint-add {
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+  }
+
+  &:hover .task-breakpoint-add,
+  .task-breakpoint-add:focus-visible {
+    opacity: 0.5;
+  }
+
   ${({ status })=>'InProgress' === status && (0, react_namespaceObject.css)`
       border-color: var(--canvas-info-icon);
     `}

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,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,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;oBACP,OAAO;yGA8DxB,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;;;qHAsBrB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAIvC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;yGAI7C,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,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,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;oBACP,OAAO;yGA2ExB,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;;;qHAsBrB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAIvC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;yGAI7C,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}

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

@@ -123,6 +123,19 @@ const StageTask = styled.div`
     display: flex;
   }
 
+  /* Breakpoint gutter (Debug view only): an unset breakpoint stays invisible until the row is
+     hovered, then ghosts in — matching Flow's ExecutionBreakpoint. The dot overhangs the card
+     corner but is a child, so hovering it hovers the row and it stays visible to be clicked. */
+  .task-breakpoint-add {
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
+  }
+
+  &:hover .task-breakpoint-add,
+  .task-breakpoint-add:focus-visible {
+    opacity: 0.5;
+  }
+
   ${({ status })=>'InProgress' === status && css`
       border-color: var(--canvas-info-icon);
     `}

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

@@ -67,6 +67,7 @@ export interface StageNodeBaseProps {
         stageStatus: {
             status?: StageStatus;
             label?: string;
+            durationMs?: number;
             duration?: string;
             slaText?: string;
             slaIcon?: StageSlaIcon;
@@ -85,6 +86,7 @@ export interface StageNodeBaseProps {
     onTaskReorder?: (reorderedTasks: StageTaskItem[][]) => void;
     onReplaceTaskFromToolbox?: (newTask: ListItem, groupIndex: number, taskIndex: number) => void;
     onTaskPlay?: (taskId: string) => Promise<void>;
+    onTaskBreakpointToggle?: (taskId: string) => void;
     getTaskContextMenuItems?: (args: StageTaskContextMenuArgs) => NodeMenuItem[] | undefined;
     hideParallelOptions?: boolean;
     loadingTaskIds?: ReadonlySet<string>;
@@ -96,6 +98,7 @@ export interface StageTaskExecution {
     status?: StageTaskStatus;
     message?: string;
     label?: string;
+    durationMs?: number;
     duration?: string;
     durationTooltip?: string;
     retryDuration?: string;

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE,aAAK,mBAAmB;IACtB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,OAAO,CAAC;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,YAAY,GAAG,cAAc,GAAG,OAAO,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;QAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;KACjC,CAAC;IACF,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE;QACV,WAAW,EAAE;YACX,MAAM,CAAC,EAAE,WAAW,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,OAAO,CAAC,EAAE,YAAY,CAAC;SACxB,CAAC;QACF,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;KAChD,CAAC;IACF,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CACxB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IAC5D,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,YAAY,EAAE,GAAG,SAAS,CAAC;IACzF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,kBAAkB;CAAG;AAC9E,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAM3C,UAAU,CAAC,EAAE,MAAM,CAAC;IAMpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,cAAc,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}

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

@@ -32,7 +32,7 @@ const external_AdhocTask_cjs_namespaceObject = require("./AdhocTask.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
 const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
-    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskPlay, loadingTaskIds, getTaskContextMenuItems } = props;
+    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskPlay, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
     const getAdhocContextMenuItems = (0, external_react_namespaceObject.useCallback)((task)=>{
@@ -82,6 +82,8 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
                         onTaskClick: handleTaskClick,
                         onTaskPlay: onTaskPlay,
                         isTaskLoading: loadingTaskIds?.has(task.id),
+                        isReadOnly: isReadOnly,
+                        onToggleBreakpoint: isReadOnly ? onTaskBreakpointToggle : void 0,
                         getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
                     }, task.id);
                 })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAwGvF,eAAO,MAAM,wBAAwB,8LA5FlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDAgF0E,CAAC"}
+{"version":3,"file":"StageNodeAdhocTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeAdhocTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AA2GvF,eAAO,MAAM,wBAAwB,8LA/FlC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDAmF0E,CAAC"}

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

@@ -4,7 +4,7 @@ import { AdhocTaskItem } from "./AdhocTask.js";
 import { StageAdditionalTasksHeaderSection, StageAdditionalTasksSection, StageTaskList } from "./StageNode.styles.js";
 import { useStageNodeLabels } from "./useStageNodeLabels.js";
 const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
-    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskPlay, loadingTaskIds, getTaskContextMenuItems } = props;
+    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskPlay, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = useStageNodeLabels();
     const getAdhocContextMenuItems = useCallback((task)=>{
@@ -54,6 +54,8 @@ const StageNodeAdhocTaskGroupsInner = ({ props, adhocTasks, isReadOnly, selected
                         onTaskClick: handleTaskClick,
                         onTaskPlay: onTaskPlay,
                         isTaskLoading: loadingTaskIds?.has(task.id),
+                        isReadOnly: isReadOnly,
+                        onToggleBreakpoint: isReadOnly ? onTaskBreakpointToggle : void 0,
                         getContextMenuItems: hasMenu ? getAdhocContextMenuItems : void 0
                     }, task.id);
                 })

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

@@ -32,7 +32,7 @@ const external_EventDrivenTask_cjs_namespaceObject = require("./EventDrivenTask.
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
 const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
-    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, loadingTaskIds, getTaskContextMenuItems } = props;
+    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
     const getEventDrivenContextMenuItems = (0, external_react_namespaceObject.useCallback)((task)=>{
@@ -81,6 +81,8 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
                         isSelected: selectedTaskId === task.id,
                         onTaskClick: handleTaskClick,
                         isTaskLoading: loadingTaskIds?.has(task.id),
+                        isReadOnly: isReadOnly,
+                        onToggleBreakpoint: isReadOnly ? onTaskBreakpointToggle : void 0,
                         getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
                     }, task.id);
                 })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAsGvF,eAAO,MAAM,8BAA8B,oMA1FxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDA8EsF,CAAC"}
+{"version":3,"file":"StageNodeEventDrivenTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeEventDrivenTaskGroups.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAyGvF,eAAO,MAAM,8BAA8B,oMA7FxC;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;IAC9B,iCAAiC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,SAAS,CAAC;CACjF,oDAiFsF,CAAC"}

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

@@ -4,7 +4,7 @@ import { EventDrivenTaskItem } from "./EventDrivenTask.js";
 import { StageAdditionalTasksHeaderSection, StageAdditionalTasksSection, StageTaskList } from "./StageNode.styles.js";
 import { useStageNodeLabels } from "./useStageNodeLabels.js";
 const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOnly, selectedTaskId, marginTop, handleTaskClick, generateReplaceTaskMenuItemForTask, generateDeleteTaskMenuItemForTask })=>{
-    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, loadingTaskIds, getTaskContextMenuItems } = props;
+    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = useStageNodeLabels();
     const getEventDrivenContextMenuItems = useCallback((task)=>{
@@ -53,6 +53,8 @@ const StageNodeEventDrivenTaskGroupsInner = ({ props, eventDrivenTasks, isReadOn
                         isSelected: selectedTaskId === task.id,
                         onTaskClick: handleTaskClick,
                         isTaskLoading: loadingTaskIds?.has(task.id),
+                        isReadOnly: isReadOnly,
+                        onToggleBreakpoint: isReadOnly ? onTaskBreakpointToggle : void 0,
                         getContextMenuItems: hasMenu ? getEventDrivenContextMenuItems : void 0
                     }, task.id);
                 })

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

@@ -34,9 +34,11 @@ const external_react_namespaceObject = require("react");
 const external_icons_index_cjs_namespaceObject = require("../../../icons/index.cjs");
 const external_icons_index_cjs_namespaceObject_1 = require("../../icons/index.cjs");
 const icon_registry_cjs_namespaceObject = require("../../utils/icon-registry.cjs");
+const external_i18n_index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
 const external_ExecutionStatusIcon_index_cjs_namespaceObject = require("../ExecutionStatusIcon/index.cjs");
 const ExecutionStatusIcon_cjs_namespaceObject = require("../ExecutionStatusIcon/ExecutionStatusIcon.cjs");
+const external_formatDuration_cjs_namespaceObject = require("./formatDuration.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
 const external_StageNode_types_cjs_namespaceObject = require("./StageNode.types.cjs");
 const external_StageTitleInput_cjs_namespaceObject = require("./StageTitleInput.cjs");
@@ -110,12 +112,14 @@ const StageStatusBadge = ({ label, tooltip, className, hoverClassName, testId, o
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
+    const { locale } = (0, external_i18n_index_cjs_namespaceObject.useSafeLingui)();
     const getStatusName = (0, external_useExecutionStatusLabel_cjs_namespaceObject.useExecutionStatusLabel)();
     const { id, stageDetails, execution, onStatusClick, 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;
+    const stageDurationMs = execution?.stageStatus?.durationMs;
+    const stageDuration = void 0 !== stageDurationMs ? (0, external_formatDuration_cjs_namespaceObject.formatDurationMs)(stageDurationMs, locale) : execution?.stageStatus?.duration;
     const slaText = execution?.stageStatus?.slaText;
     const slaIcon = execution?.stageStatus?.slaIcon;
     const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;

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":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgRnF,eAAO,MAAM,eAAe,wGAlKzB;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,6CA4JwD,CAAC"}
+{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAuRnF,eAAO,MAAM,eAAe,wGAzKzB;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,6CAmKwD,CAAC"}

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

@@ -6,9 +6,11 @@ import { memo } from "react";
 import { ChecklistIcon } from "../../../icons/index.js";
 import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../../icons/index.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
+import { useSafeLingui } from "../../../i18n/index.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
 import { ExecutionStatusIcon } from "../ExecutionStatusIcon/index.js";
 import { getExecutionStatusColor } from "../ExecutionStatusIcon/ExecutionStatusIcon.js";
+import { formatDurationMs } from "./formatDuration.js";
 import { StageChip, StageHeader } from "./StageNode.styles.js";
 import { StageHeaderChipType } from "./StageNode.types.js";
 import { StageTitleInput } from "./StageTitleInput.js";
@@ -82,12 +84,14 @@ const StageStatusBadge = ({ label, tooltip, className, hoverClassName, testId, o
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
     const labels = useStageNodeLabels();
+    const { locale } = useSafeLingui();
     const getStatusName = useExecutionStatusLabel();
     const { id, stageDetails, execution, onStatusClick, 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;
+    const stageDurationMs = execution?.stageStatus?.durationMs;
+    const stageDuration = void 0 !== stageDurationMs ? formatDurationMs(stageDurationMs, locale) : execution?.stageStatus?.duration;
     const slaText = execution?.stageStatus?.slaText;
     const slaIcon = execution?.stageStatus?.slaIcon;
     const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;

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

@@ -40,7 +40,7 @@ const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNode
 const external_StageTaskDragOverlay_cjs_namespaceObject = require("./StageTaskDragOverlay.cjs");
 const external_useStageNodeLabels_cjs_namespaceObject = require("./useStageNodeLabels.cjs");
 const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
-    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskReorder, hideParallelOptions, loadingTaskIds, getTaskContextMenuItems } = props;
+    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskReorder, hideParallelOptions, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
     const sequentialTaskIds = (0, external_react_namespaceObject.useMemo)(()=>sequentialTasks.map(({ task })=>task.id), [
@@ -179,6 +179,8 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                                         projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
                                                         isDragDisabled: !onTaskReorder || isReadOnly,
                                                         isTaskLoading: loadingTaskIds?.has(task.id),
+                                                        isReadOnly: isReadOnly,
+                                                        onToggleBreakpoint: isReadOnly ? onTaskBreakpointToggle : void 0,
                                                         getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
                                                     }, task.id);
                                                 })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4LAW3C;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,4BAA4B,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IACpE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;CAC/B,mDAyNA,CAAC"}
+{"version":3,"file":"StageNodeSequentialTaskGroups.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeSequentialTaskGroups.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAMjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKvF,eAAO,MAAM,6BAA6B,GAAI,4LAW3C;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB,EAAE,aAAa,EAAE,EAAE,CAAC;IACxC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,4BAA4B,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IACpE,kCAAkC,EAAE,CAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,KAChB,YAAY,GAAG,SAAS,CAAC;CAC/B,mDA4NA,CAAC"}

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

@@ -12,7 +12,7 @@ import { getContextMenuItems, getDivider } from "./StageNodeTaskUtilities.js";
 import { StageTaskDragOverlay } from "./StageTaskDragOverlay.js";
 import { useStageNodeLabels } from "./useStageNodeLabels.js";
 const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequentialTasks, allTasks, isReadOnly, selectedTaskId, taskWidthStyle, handleTaskClick, handleReorderSequentialTasks, generateReplaceTaskMenuItemForTask })=>{
-    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskReorder, hideParallelOptions, loadingTaskIds, getTaskContextMenuItems } = props;
+    const { id, execution, onTaskGroupModification, onReplaceTaskFromToolbox, onTaskReorder, hideParallelOptions, loadingTaskIds, onTaskBreakpointToggle, getTaskContextMenuItems } = props;
     const hasBuiltInTaskActions = !!(onReplaceTaskFromToolbox || onTaskGroupModification);
     const labels = useStageNodeLabels();
     const sequentialTaskIds = useMemo(()=>sequentialTasks.map(({ task })=>task.id), [
@@ -151,6 +151,8 @@ const StageNodeSequentialTaskGroups = ({ props, sequentialTaskGroups, sequential
                                                         projectedDepth: task.id === activeDragId && projected ? projected.depth : void 0,
                                                         isDragDisabled: !onTaskReorder || isReadOnly,
                                                         isTaskLoading: loadingTaskIds?.has(task.id),
+                                                        isReadOnly: isReadOnly,
+                                                        onToggleBreakpoint: isReadOnly ? onTaskBreakpointToggle : void 0,
                                                         getContextMenuItems: hasMenu ? buildContextMenuItems : void 0
                                                     }, task.id);
                                                 })

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

@@ -29,7 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const index_cjs_namespaceObject = require("../../icons/index.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
-const StageTaskEntryConditionIcon = ({ task, small })=>{
+const StageTaskEntryConditionIcon = ({ task })=>{
     if (!task.hasEntryCondition) return null;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
         content: "Entry condition",
@@ -41,12 +41,12 @@ const StageTaskEntryConditionIcon = ({ task, small })=>{
                 alignItems: 'center',
                 justifyContent: 'center',
                 color: 'var(--color-icon-default)',
-                flexShrink: 0,
-                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
+                flexShrink: 0
             },
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.EntryConditionIcon, {
-                w: small ? 16 : 20,
-                h: small ? 16 : 20
+                w: 13,
+                h: 15,
+                tight: true
             })
         })
     });

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

@@ -1,6 +1,5 @@
 import type { StageTaskItem } from './StageNode.types';
-export declare const StageTaskEntryConditionIcon: ({ task, small, }: {
+export declare const StageTaskEntryConditionIcon: ({ task }: {
     task: StageTaskItem;
-    small?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=StageTaskEntryConditionIcon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StageTaskEntryConditionIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskEntryConditionIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,eAAO,MAAM,2BAA2B,GAAI,kBAGzC;IACD,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,mDAuBA,CAAC"}
+{"version":3,"file":"StageTaskEntryConditionIcon.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageTaskEntryConditionIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,eAAO,MAAM,2BAA2B,GAAI,UAAU;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,mDAoB5E,CAAC"}