@uipath/apollo-react 6.12.2 → 6.14.0

package/dist/canvas/components/StageNode/shared/CollapsibleStageHeader.d.ts

@@ -0,0 +1,10 @@
+interface CollapsibleStageHeaderProps {
+    isOpen: boolean;
+    label: string;
+    testId: string;
+    children: React.ReactNode;
+    onToggle: () => void;
+}
+export declare const CollapsibleStageHeader: ({ isOpen, label, testId, children, onToggle, }: CollapsibleStageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleStageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleStageHeader.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/CollapsibleStageHeader.tsx"],"names":[],"mappings":"AAuBA,UAAU,2BAA2B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,sBAAsB,GAAI,gDAMpC,2BAA2B,4CA4D7B,CAAC"}

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

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Spacing } from "@uipath/apollo-core";
+import { CanvasIcon } from "../../../index.js";
+import { Row } from "../../../layouts/index.js";
+import { CanvasTooltip } from "../../CanvasTooltip.js";
+const StyledRow = styled(Row)`
+  cursor: pointer;
+  padding: 4px;
+  background-color: var(--color-background);
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+
+  &:hover {
+    background-color: var(--color-background-hover);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--color-primary);
+    outline-offset: 2px;
+  }
+`;
+const CollapsibleStageHeader = ({ isOpen, label, testId, children, onToggle })=>/*#__PURE__*/ jsxs("div", {
+        "data-testid": testId,
+        children: [
+            /*#__PURE__*/ jsxs(StyledRow, {
+                h: 32,
+                pr: Spacing.SpacingS,
+                gap: Spacing.SpacingMicro,
+                align: "center",
+                role: "button",
+                tabIndex: 0,
+                "aria-expanded": isOpen,
+                "aria-label": `${isOpen ? 'Collapse' : 'Expand'} ${label}`,
+                "data-testid": `${testId}-accordion-button`,
+                onClick: onToggle,
+                onKeyDown: (e)=>{
+                    if ('Enter' === e.key || ' ' === e.key) {
+                        e.preventDefault();
+                        onToggle();
+                    }
+                },
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        "aria-hidden": true,
+                        style: {
+                            display: 'inline-flex',
+                            flexShrink: 0
+                        },
+                        children: /*#__PURE__*/ jsx(CanvasIcon, {
+                            "data-testid": `${testId}-icon`,
+                            icon: isOpen ? 'chevron-down' : 'chevron-right',
+                            size: 16,
+                            color: "var(--color-foreground-de-emp)"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(CanvasTooltip, {
+                        content: label,
+                        placement: "top",
+                        smartTooltip: true,
+                        children: /*#__PURE__*/ jsx(Row, {
+                            gap: '2px',
+                            align: "center",
+                            style: {
+                                overflow: 'hidden',
+                                textOverflow: 'ellipsis',
+                                whiteSpace: 'nowrap'
+                            },
+                            children: /*#__PURE__*/ jsx("span", {
+                                "data-testid": `${testId}-label`,
+                                className: "text-sm truncate",
+                                style: {
+                                    minWidth: 0
+                                },
+                                children: label
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                "data-testid": `${testId}-content`,
+                style: {
+                    height: isOpen ? 'auto' : 0,
+                    overflow: isOpen ? 'visible' : 'hidden'
+                },
+                children: isOpen && children
+            })
+        ]
+    });
+export { CollapsibleStageHeader };

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

@@ -0,0 +1,56 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    StageCompletionConditionIcon: ()=>StageCompletionConditionIcon
+});
+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 StageCompletionConditionIcon = ({ dataTestId, small })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+        content: "Completion condition",
+        placement: "top",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            "data-testid": dataTestId ?? "completion-condition-icon",
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: 'var(--color-icon-default)',
+                flexShrink: 0,
+                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ChecklistIcon, {
+                size: small ? 16 : 20
+            })
+        })
+    });
+exports.StageCompletionConditionIcon = __webpack_exports__.StageCompletionConditionIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "StageCompletionConditionIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/StageNode/shared/StageCompletionConditionIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const StageCompletionConditionIcon: ({ dataTestId, small, }: {
+    dataTestId?: string;
+    small?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StageCompletionConditionIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageCompletionConditionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/StageCompletionConditionIcon.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,GAAI,wBAG1C;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAmBA,CAAC"}

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

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { ChecklistIcon } from "../../../../icons/index.js";
+import { CanvasTooltip } from "../../CanvasTooltip.js";
+const StageCompletionConditionIcon = ({ dataTestId, small })=>/*#__PURE__*/ jsx(CanvasTooltip, {
+        content: "Completion condition",
+        placement: "top",
+        children: /*#__PURE__*/ jsx("span", {
+            "data-testid": dataTestId ?? "completion-condition-icon",
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: 'var(--color-icon-default)',
+                flexShrink: 0,
+                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
+            },
+            children: /*#__PURE__*/ jsx(ChecklistIcon, {
+                size: small ? 16 : 20
+            })
+        })
+    });
+export { StageCompletionConditionIcon };

package/dist/canvas/components/StageNode/{StageTaskEntryConditionIcon.cjs → shared/StageEntryConditionIcon.cjs}

@@ -24,36 +24,34 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    StageTaskEntryConditionIcon: ()=>StageTaskEntryConditionIcon
+    StageEntryConditionIcon: ()=>StageEntryConditionIcon
 });
 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 })=>{
-    if (!task.hasEntryCondition) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+const index_cjs_namespaceObject = require("../../../icons/index.cjs");
+const external_CanvasTooltip_cjs_namespaceObject = require("../../CanvasTooltip.cjs");
+const StageEntryConditionIcon = ({ dataTestId, small })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
         content: "Entry condition",
         placement: "top",
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-            "data-testid": `task-entry-condition-icon-${task.id}`,
+            "data-testid": dataTestId ?? "entry-condition-icon",
             style: {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 color: 'var(--color-icon-default)',
-                flexShrink: 0
+                flexShrink: 0,
+                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
             },
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.EntryConditionIcon, {
-                w: 13,
-                h: 15,
-                tight: true
+                w: small ? 13 : 20,
+                h: small ? 15 : 20,
+                tight: small ? true : void 0
             })
         })
     });
-};
-exports.StageTaskEntryConditionIcon = __webpack_exports__.StageTaskEntryConditionIcon;
+exports.StageEntryConditionIcon = __webpack_exports__.StageEntryConditionIcon;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "StageTaskEntryConditionIcon"
+    "StageEntryConditionIcon"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/canvas/components/StageNode/shared/StageEntryConditionIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const StageEntryConditionIcon: ({ dataTestId, small, }: {
+    dataTestId?: string;
+    small?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StageEntryConditionIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageEntryConditionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/StageEntryConditionIcon.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,GAAI,wBAGrC;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAuBA,CAAC"}

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

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { EntryConditionIcon } from "../../../icons/index.js";
+import { CanvasTooltip } from "../../CanvasTooltip.js";
+const StageEntryConditionIcon = ({ dataTestId, small })=>/*#__PURE__*/ jsx(CanvasTooltip, {
+        content: "Entry condition",
+        placement: "top",
+        children: /*#__PURE__*/ jsx("span", {
+            "data-testid": dataTestId ?? "entry-condition-icon",
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: 'var(--color-icon-default)',
+                flexShrink: 0,
+                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
+            },
+            children: /*#__PURE__*/ jsx(EntryConditionIcon, {
+                w: small ? 13 : 20,
+                h: small ? 15 : 20,
+                tight: small ? true : void 0
+            })
+        })
+    });
+export { StageEntryConditionIcon };

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

@@ -0,0 +1,57 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    StageExitConditionIcon: ()=>StageExitConditionIcon
+});
+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 StageExitConditionIcon = ({ dataTestId, small })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+        content: "Exit condition",
+        placement: "top",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            "data-testid": dataTestId ?? "exit-condition-icon",
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: 'var(--color-icon-default)',
+                flexShrink: 0,
+                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ExitConditionIcon, {
+                w: small ? 16 : 20,
+                h: small ? 16 : 20
+            })
+        })
+    });
+exports.StageExitConditionIcon = __webpack_exports__.StageExitConditionIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "StageExitConditionIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/StageNode/shared/StageExitConditionIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const StageExitConditionIcon: ({ dataTestId, small, }: {
+    dataTestId?: string;
+    small?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StageExitConditionIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageExitConditionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/StageExitConditionIcon.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,GAAI,wBAGpC;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CAmBA,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { ExitConditionIcon } from "../../../icons/index.js";
+import { CanvasTooltip } from "../../CanvasTooltip.js";
+const StageExitConditionIcon = ({ dataTestId, small })=>/*#__PURE__*/ jsx(CanvasTooltip, {
+        content: "Exit condition",
+        placement: "top",
+        children: /*#__PURE__*/ jsx("span", {
+            "data-testid": dataTestId ?? "exit-condition-icon",
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: 'var(--color-icon-default)',
+                flexShrink: 0,
+                transform: small ? 'translateX(1px)' : 'translateX(0.5px)'
+            },
+            children: /*#__PURE__*/ jsx(ExitConditionIcon, {
+                w: small ? 16 : 20,
+                h: small ? 16 : 20
+            })
+        })
+    });
+export { StageExitConditionIcon };

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

@@ -0,0 +1,44 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    StageItemsHeaderTitle: ()=>StageItemsHeaderTitle
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
+const StageItemsHeaderTitle = ({ title, testId })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageItemsHeaderSection, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            "data-testid": testId,
+            className: "text-xs font-bold text-foreground-muted",
+            children: title
+        })
+    });
+exports.StageItemsHeaderTitle = __webpack_exports__.StageItemsHeaderTitle;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "StageItemsHeaderTitle"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/StageNode/shared/StageItemsHeaderTitle.d.ts

@@ -0,0 +1,5 @@
+export declare const StageItemsHeaderTitle: ({ title, testId }: {
+    title: string;
+    testId: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StageItemsHeaderTitle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageItemsHeaderTitle.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/shared/StageItemsHeaderTitle.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,GAAI,mBAAmB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,4CAQzF,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { StageItemsHeaderSection } from "../StageNode.styles.js";
+const StageItemsHeaderTitle = ({ title, testId })=>/*#__PURE__*/ jsx(StageItemsHeaderSection, {
+        children: /*#__PURE__*/ jsx("span", {
+            "data-testid": testId,
+            className: "text-xs font-bold text-foreground-muted",
+            children: title
+        })
+    });
+export { StageItemsHeaderTitle };

package/dist/canvas/components/StageNode/{AdhocTask.cjs → tasks/AdhocTask.cjs}

@@ -28,7 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
 const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
@@ -44,7 +44,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
     const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
         ref: taskRef,
         "data-testid": `stage-task-${task.id}`,
         selected: isSelected,
@@ -58,6 +58,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
                 taskId: task.id,
                 active: !!taskExecution?.breakpoint,
+                paused: taskExecution?.status === 'Paused',
                 onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {

package/dist/canvas/components/StageNode/{AdhocTask.d.ts → tasks/AdhocTask.d.ts}

@@ -1,5 +1,5 @@
-import type { NodeMenuItem } from '../NodeContextMenu';
-import type { StageTaskExecution, StageTaskItem } from './StageNode.types';
+import type { NodeMenuItem } from '../../NodeContextMenu';
+import type { StageTaskExecution, StageTaskItem } from '../StageNode.types';
 interface AdhocTaskItemProps {
     task: StageTaskItem;
     taskExecution?: StageTaskExecution;

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdhocTask.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/AdhocTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAK5E,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;AAyDD,eAAO,MAAM,aAAa,0KA7CvB,kBAAkB,6CA6CoC,CAAC"}

package/dist/canvas/components/StageNode/{AdhocTask.js → tasks/AdhocTask.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useRef } from "react";
-import { StageTask } from "./StageNode.styles.js";
+import { StageItemPill } from "../StageNode.styles.js";
 import { TaskBreakpointDot } from "./TaskBreakpointDot.js";
 import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
@@ -16,7 +16,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
     const handleContextMenu = useCallback((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
-    return /*#__PURE__*/ jsxs(StageTask, {
+    return /*#__PURE__*/ jsxs(StageItemPill, {
         ref: taskRef,
         "data-testid": `stage-task-${task.id}`,
         selected: isSelected,
@@ -30,6 +30,7 @@ const AdhocTaskItemComponent = ({ task, taskExecution, isSelected, getContextMen
             /*#__PURE__*/ jsx(TaskBreakpointDot, {
                 taskId: task.id,
                 active: !!taskExecution?.breakpoint,
+                paused: taskExecution?.status === 'Paused',
                 onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ jsx(TaskContent, {

package/dist/canvas/components/StageNode/{DraggableTask.cjs → tasks/DraggableTask.cjs}

@@ -29,9 +29,9 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const sortable_namespaceObject = require("@dnd-kit/sortable");
 const utilities_namespaceObject = require("@dnd-kit/utilities");
-const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
+const react_cjs_namespaceObject = require("../../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
 const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
@@ -85,7 +85,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             })
         });
     }
-    const taskElement = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
+    const taskElement = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
         ref: taskRef,
         "data-testid": `stage-task-${task.id}`,
         selected: isSelected,
@@ -101,6 +101,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
                 taskId: task.id,
                 active: !!taskExecution?.breakpoint,
+                paused: taskExecution?.status === 'Paused',
                 onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableTask.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/DraggableTask.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA8HhE,eAAO,MAAM,aAAa,0MA7GvB,kBAAkB,6CA6GoC,CAAC"}

package/dist/canvas/components/StageNode/{DraggableTask.js → tasks/DraggableTask.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { useStore } from "../../xyflow/react.js";
+import { useStore } from "../../../xyflow/react.js";
 import { memo, useCallback, useMemo, useRef } from "react";
-import { INDENTATION_WIDTH, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskWrapper } from "./StageNode.styles.js";
+import { INDENTATION_WIDTH, StageItemPill, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskWrapper } from "../StageNode.styles.js";
 import { TaskBreakpointDot } from "./TaskBreakpointDot.js";
 import { TaskContent } from "./TaskContent.js";
 import { TaskMenu } from "./TaskMenu.js";
@@ -57,7 +57,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             })
         });
     }
-    const taskElement = /*#__PURE__*/ jsxs(StageTask, {
+    const taskElement = /*#__PURE__*/ jsxs(StageItemPill, {
         ref: taskRef,
         "data-testid": `stage-task-${task.id}`,
         selected: isSelected,
@@ -73,6 +73,7 @@ const DraggableTaskComponent = ({ task, taskExecution, isSelected, isParallel, g
             /*#__PURE__*/ jsx(TaskBreakpointDot, {
                 taskId: task.id,
                 active: !!taskExecution?.breakpoint,
+                paused: taskExecution?.status === 'Paused',
                 onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ jsx(TaskContent, {

package/dist/canvas/components/StageNode/{DraggableTask.types.d.ts → tasks/DraggableTask.types.d.ts}

@@ -1,5 +1,5 @@
-import type { NodeMenuItem } from '../NodeContextMenu';
-import type { StageTaskExecution, StageTaskItem } from './StageNode.types';
+import type { NodeMenuItem } from '../../NodeContextMenu';
+import type { StageTaskExecution, StageTaskItem } from '../StageNode.types';
 export interface DraggableTaskProps {
     task: StageTaskItem;
     taskExecution?: StageTaskExecution;

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableTask.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/DraggableTask.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE5E,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 → tasks/EventDrivenTask.cjs}

@@ -28,7 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
-const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_StageNode_styles_cjs_namespaceObject = require("../StageNode.styles.cjs");
 const external_TaskBreakpointDot_cjs_namespaceObject = require("./TaskBreakpointDot.cjs");
 const external_TaskContent_cjs_namespaceObject = require("./TaskContent.cjs");
 const external_TaskMenu_cjs_namespaceObject = require("./TaskMenu.cjs");
@@ -44,7 +44,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
     const handleContextMenu = (0, external_react_namespaceObject.useCallback)((e)=>{
         menuRef.current?.handleContextMenu(e);
     }, []);
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageTask, {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageItemPill, {
         ref: taskRef,
         "data-testid": `stage-task-${task.id}`,
         selected: isSelected,
@@ -58,6 +58,7 @@ const EventDrivenTaskItemComponent = ({ task, taskExecution, isSelected, getCont
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskBreakpointDot_cjs_namespaceObject.TaskBreakpointDot, {
                 taskId: task.id,
                 active: !!taskExecution?.breakpoint,
+                paused: taskExecution?.status === 'Paused',
                 onToggle: onToggleBreakpoint
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TaskContent_cjs_namespaceObject.TaskContent, {

package/dist/canvas/components/StageNode/{EventDrivenTask.d.ts → tasks/EventDrivenTask.d.ts}

@@ -1,5 +1,5 @@
-import type { NodeMenuItem } from '../NodeContextMenu';
-import type { StageTaskExecution, StageTaskItem } from './StageNode.types';
+import type { NodeMenuItem } from '../../NodeContextMenu';
+import type { StageTaskExecution, StageTaskItem } from '../StageNode.types';
 interface EventDrivenTaskItemProps {
     task: StageTaskItem;
     taskExecution?: StageTaskExecution;

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventDrivenTask.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/tasks/EventDrivenTask.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAK5E,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;AAyDD,eAAO,MAAM,mBAAmB,8JA9C7B,wBAAwB,6CA8C0C,CAAC"}