@uipath/apollo-react 6.22.0 → 6.22.1

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

@@ -31,10 +31,10 @@ const apollo_core_namespaceObject = require("@uipath/apollo-core");
 const index_cjs_namespaceObject = require("../../layouts/index.cjs");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
+const external_i18n_index_cjs_namespaceObject = require("../../../i18n/index.cjs");
 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");
@@ -122,6 +122,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
     const formattedStageDuration = void 0 !== stageDurationMs ? (0, external_formatDuration_cjs_namespaceObject.formatDurationMs)(stageDurationMs, locale) : execution?.stageStatus?.duration;
     const stageDurationLabel = execution?.stageStatus?.durationLabel;
     const stageDuration = formattedStageDuration && stageDurationLabel ? `${stageDurationLabel} ${formattedStageDuration}` : formattedStageDuration;
+    const exactStageDuration = void 0 !== stageDurationMs && (0, external_formatDuration_cjs_namespaceObject.hasHiddenDurationParts)(stageDurationMs) ? (0, external_formatDuration_cjs_namespaceObject.formatExactDurationMs)(stageDurationMs, locale) : void 0;
     const slaText = execution?.stageStatus?.slaText;
     const slaIcon = execution?.stageStatus?.slaIcon;
     const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;
@@ -252,10 +253,14 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                     })
                 ]
             }),
-            stageDuration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "flex min-h-8 items-center text-xs text-foreground-muted",
-                "data-testid": `stage-duration-${id}`,
-                children: stageDuration
+            stageDuration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                content: exactStageDuration,
+                placement: "top",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                    className: "flex min-h-8 items-center text-xs text-foreground-muted",
+                    "data-testid": `stage-duration-${id}`,
+                    children: stageDuration
+                })
             })
         ]
     });

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":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA8RnF,eAAO,MAAM,eAAe,wGAhLzB;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,6CA0KwD,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;AAoSnF,eAAO,MAAM,eAAe,wGAtLzB;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,6CAgLwD,CAAC"}

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

@@ -3,14 +3,14 @@ import { Icon, Padding, Spacing } from "@uipath/apollo-core";
 import { Row } from "../../layouts/index.js";
 import { Button } from "@uipath/apollo-wind";
 import { memo } from "react";
+import { useSafeLingui } from "../../../i18n/index.js";
 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 { formatDurationMs, formatExactDurationMs, hasHiddenDurationParts } from "./formatDuration.js";
 import { StageChip, StageHeader } from "./StageNode.styles.js";
 import { StageHeaderChipType } from "./StageNode.types.js";
 import { StageTitleInput } from "./StageTitleInput.js";
@@ -94,6 +94,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
     const formattedStageDuration = void 0 !== stageDurationMs ? formatDurationMs(stageDurationMs, locale) : execution?.stageStatus?.duration;
     const stageDurationLabel = execution?.stageStatus?.durationLabel;
     const stageDuration = formattedStageDuration && stageDurationLabel ? `${stageDurationLabel} ${formattedStageDuration}` : formattedStageDuration;
+    const exactStageDuration = void 0 !== stageDurationMs && hasHiddenDurationParts(stageDurationMs) ? formatExactDurationMs(stageDurationMs, locale) : void 0;
     const slaText = execution?.stageStatus?.slaText;
     const slaIcon = execution?.stageStatus?.slaIcon;
     const slaIndicator = slaIcon ? SLA_ICON_CONFIG[slaIcon] : void 0;
@@ -224,10 +225,14 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                     })
                 ]
             }),
-            stageDuration && /*#__PURE__*/ jsx("span", {
-                className: "flex min-h-8 items-center text-xs text-foreground-muted",
-                "data-testid": `stage-duration-${id}`,
-                children: stageDuration
+            stageDuration && /*#__PURE__*/ jsx(CanvasTooltip, {
+                content: exactStageDuration,
+                placement: "top",
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "flex min-h-8 items-center text-xs text-foreground-muted",
+                    "data-testid": `stage-duration-${id}`,
+                    children: stageDuration
+                })
             })
         ]
     });

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

@@ -24,7 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    formatDurationMs: ()=>formatDurationMs
+    hasHiddenDurationParts: ()=>hasHiddenDurationParts,
+    formatDurationMs: ()=>formatDurationMs,
+    formatExactDurationMs: ()=>formatExactDurationMs
 });
 const external_luxon_namespaceObject = require("luxon");
 const UNITS = [
@@ -58,9 +60,23 @@ function formatDurationMs(ms, locale = 'en', maxUnits = 3, unitDisplay = 'narrow
         unitDisplay
     });
 }
+function formatExactDurationMs(ms, locale = 'en') {
+    return formatDurationMs(ms, locale, UNITS.length, 'long');
+}
+function hasHiddenDurationParts(ms, maxUnits = 3) {
+    if (!Number.isFinite(ms) || ms <= 0) return false;
+    const parts = external_luxon_namespaceObject.Duration.fromMillis(ms).shiftTo(...UNITS).toObject();
+    let wholeParts = 0;
+    for (const unit of UNITS)if ((parts[unit] ?? 0) >= 1) wholeParts++;
+    return wholeParts > maxUnits;
+}
 exports.formatDurationMs = __webpack_exports__.formatDurationMs;
+exports.formatExactDurationMs = __webpack_exports__.formatExactDurationMs;
+exports.hasHiddenDurationParts = __webpack_exports__.hasHiddenDurationParts;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "formatDurationMs"
+    "formatDurationMs",
+    "formatExactDurationMs",
+    "hasHiddenDurationParts"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,2 +1,4 @@
 export declare function formatDurationMs(ms: number, locale?: string, maxUnits?: number, unitDisplay?: 'narrow' | 'short' | 'long'): string;
+export declare function formatExactDurationMs(ms: number, locale?: string): string;
+export declare function hasHiddenDurationParts(ms: number, maxUnits?: number): boolean;
 //# sourceMappingURL=formatDuration.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/formatDuration.ts"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,MAAM,SAAO,EACb,QAAQ,SAAI,EACZ,WAAW,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAiB,GAClD,MAAM,CAsCR"}
+{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/formatDuration.ts"],"names":[],"mappings":"AAyBA,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,EACV,MAAM,SAAO,EACb,QAAQ,SAAI,EACZ,WAAW,GAAE,QAAQ,GAAG,OAAO,GAAG,MAAiB,GAClD,MAAM,CAsCR;AAMD,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAEvE;AAOD,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,OAAO,CAiBxE"}

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

@@ -30,4 +30,14 @@ function formatDurationMs(ms, locale = 'en', maxUnits = 3, unitDisplay = 'narrow
         unitDisplay
     });
 }
-export { formatDurationMs };
+function formatExactDurationMs(ms, locale = 'en') {
+    return formatDurationMs(ms, locale, UNITS.length, 'long');
+}
+function hasHiddenDurationParts(ms, maxUnits = 3) {
+    if (!Number.isFinite(ms) || ms <= 0) return false;
+    const parts = Duration.fromMillis(ms).shiftTo(...UNITS).toObject();
+    let wholeParts = 0;
+    for (const unit of UNITS)if ((parts[unit] ?? 0) >= 1) wholeParts++;
+    return wholeParts > maxUnits;
+}
+export { formatDurationMs, formatExactDurationMs, hasHiddenDurationParts };

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

@@ -69,22 +69,13 @@ const StageRuleContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(
                     content: rule.label,
                     placement: "top",
                     smartTooltip: true,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Row, {
-                        gap: '2px',
-                        align: "center",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        "data-testid": `stage-rule-label-${rule.id}`,
+                        className: "text-sm truncate",
                         style: {
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap'
+                            minWidth: 0
                         },
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            "data-testid": `stage-rule-label-${rule.id}`,
-                            className: "text-sm truncate",
-                            style: {
-                                minWidth: 0
-                            },
-                            children: rule.label
-                        })
+                        children: rule.label
                     })
                 })
             ]

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

@@ -1 +1 @@
-{"version":3,"file":"StageRuleContent.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/rules/StageRuleContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,2DAA6B,qBAAqB,6CA4C7E,CAAC"}
+{"version":3,"file":"StageRuleContent.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/StageNode/rules/StageRuleContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKnE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,2DAA6B,qBAAqB,6CAkC7E,CAAC"}

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

@@ -41,22 +41,13 @@ const StageRuleContent = /*#__PURE__*/ memo(({ rule, ruleType })=>{
                     content: rule.label,
                     placement: "top",
                     smartTooltip: true,
-                    children: /*#__PURE__*/ jsx(Row, {
-                        gap: '2px',
-                        align: "center",
+                    children: /*#__PURE__*/ jsx("span", {
+                        "data-testid": `stage-rule-label-${rule.id}`,
+                        className: "text-sm truncate",
                         style: {
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap'
+                            minWidth: 0
                         },
-                        children: /*#__PURE__*/ jsx("span", {
-                            "data-testid": `stage-rule-label-${rule.id}`,
-                            className: "text-sm truncate",
-                            style: {
-                                minWidth: 0
-                            },
-                            children: rule.label
-                        })
+                        children: rule.label
                     })
                 })
             ]

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

@@ -96,22 +96,13 @@ const CollapsibleStageHeader = ({ isOpen, label, testId, children, onToggle })=>
                         content: label,
                         placement: "top",
                         smartTooltip: true,
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Row, {
-                            gap: '2px',
-                            align: "center",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            "data-testid": `${testId}-label`,
+                            className: "text-sm truncate",
                             style: {
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap'
+                                minWidth: 0
                             },
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                "data-testid": `${testId}-label`,
-                                className: "text-sm truncate",
-                                style: {
-                                    minWidth: 0
-                                },
-                                children: label
-                            })
+                            children: label
                         })
                     })
                 ]

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

@@ -1 +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"}
+{"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,4CAkD7B,CAAC"}

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

@@ -58,22 +58,13 @@ const CollapsibleStageHeader = ({ isOpen, label, testId, children, onToggle })=>
                         content: label,
                         placement: "top",
                         smartTooltip: true,
-                        children: /*#__PURE__*/ jsx(Row, {
-                            gap: '2px',
-                            align: "center",
+                        children: /*#__PURE__*/ jsx("span", {
+                            "data-testid": `${testId}-label`,
+                            className: "text-sm truncate",
                             style: {
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap'
+                                minWidth: 0
                             },
-                            children: /*#__PURE__*/ jsx("span", {
-                                "data-testid": `${testId}-label`,
-                                className: "text-sm truncate",
-                                style: {
-                                    minWidth: 0
-                                },
-                                children: label
-                            })
+                            children: label
                         })
                     })
                 ]

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

@@ -170,6 +170,8 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
         className: "text-xs text-foreground-muted",
         children: durationText
     }) : null;
+    const exactDuration = taskExecution?.durationMs !== void 0 && (0, external_formatDuration_cjs_namespaceObject.hasHiddenDurationParts)(taskExecution.durationMs) ? (0, external_formatDuration_cjs_namespaceObject.formatExactDurationMs)(taskExecution.durationMs, locale) : void 0;
+    const durationTooltip = taskExecution?.durationTooltip || exactDuration;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
         flex: 1,
         align: "center",
@@ -205,40 +207,39 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                        content: task.label,
-                        placement: "top",
-                        smartTooltip: true,
-                        ...isDragging && {
-                            isOpen: false
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                        gap: '2px',
+                        align: "center",
+                        style: {
+                            overflow: 'hidden',
+                            whiteSpace: 'nowrap'
                         },
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                            gap: '2px',
-                            align: "center",
-                            style: {
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap'
-                            },
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                                content: task.label,
+                                placement: "top",
+                                smartTooltip: true,
+                                ...isDragging && {
+                                    isOpen: false
+                                },
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                     "data-testid": `stage-task-label-${task.id}`,
                                     className: "text-sm truncate",
                                     style: {
                                         minWidth: 0
                                     },
                                     children: task.label
-                                }),
-                                showRequiredMarker && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    "data-testid": `stage-task-required-marker-${task.id}`,
-                                    className: "text-sm",
-                                    style: {
-                                        flexShrink: 0
-                                    },
-                                    children: '*'
                                 })
-                            ]
-                        })
+                            }),
+                            showRequiredMarker && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                "data-testid": `stage-task-required-marker-${task.id}`,
+                                className: "text-sm",
+                                style: {
+                                    flexShrink: 0
+                                },
+                                children: '*'
+                            })
+                        ]
                     })
                 ]
             }),
@@ -250,8 +251,8 @@ const TaskContent = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ ta
                 },
                 "data-testid": `stage-task-actions-${task.id}`,
                 children: [
-                    durationLabel && (taskExecution?.durationTooltip ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
-                        content: taskExecution.durationTooltip,
+                    durationLabel && (durationTooltip ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+                        content: durationTooltip,
                         placement: "top",
                         hide: isDragging,
                         children: durationLabel

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

@@ -8,7 +8,7 @@ import { memo, useCallback, useMemo, useState } from "react";
 import { useSafeLingui } from "../../../../i18n/index.js";
 import { CanvasTooltip } from "../../CanvasTooltip.js";
 import { ExecutionStatusIcon } from "../../ExecutionStatusIcon/index.js";
-import { formatDurationMs } from "../formatDuration.js";
+import { formatDurationMs, formatExactDurationMs, hasHiddenDurationParts } from "../formatDuration.js";
 import { StageItemIcon } from "../StageNode.styles.js";
 import { useExecutionStatusLabel } from "../useExecutionStatusLabel.js";
 import { StageTaskEntryConditionIcon } from "./StageTaskEntryConditionIcon.js";
@@ -132,6 +132,8 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging, onTas
         className: "text-xs text-foreground-muted",
         children: durationText
     }) : null;
+    const exactDuration = taskExecution?.durationMs !== void 0 && hasHiddenDurationParts(taskExecution.durationMs) ? formatExactDurationMs(taskExecution.durationMs, locale) : void 0;
+    const durationTooltip = taskExecution?.durationTooltip || exactDuration;
     return /*#__PURE__*/ jsxs(Row, {
         flex: 1,
         align: "center",
@@ -167,40 +169,39 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging, onTas
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsx(CanvasTooltip, {
-                        content: task.label,
-                        placement: "top",
-                        smartTooltip: true,
-                        ...isDragging && {
-                            isOpen: false
+                    /*#__PURE__*/ jsxs(Row, {
+                        gap: '2px',
+                        align: "center",
+                        style: {
+                            overflow: 'hidden',
+                            whiteSpace: 'nowrap'
                         },
-                        children: /*#__PURE__*/ jsxs(Row, {
-                            gap: '2px',
-                            align: "center",
-                            style: {
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap'
-                            },
-                            children: [
-                                /*#__PURE__*/ jsx("span", {
+                        children: [
+                            /*#__PURE__*/ jsx(CanvasTooltip, {
+                                content: task.label,
+                                placement: "top",
+                                smartTooltip: true,
+                                ...isDragging && {
+                                    isOpen: false
+                                },
+                                children: /*#__PURE__*/ jsx("span", {
                                     "data-testid": `stage-task-label-${task.id}`,
                                     className: "text-sm truncate",
                                     style: {
                                         minWidth: 0
                                     },
                                     children: task.label
-                                }),
-                                showRequiredMarker && /*#__PURE__*/ jsx("span", {
-                                    "data-testid": `stage-task-required-marker-${task.id}`,
-                                    className: "text-sm",
-                                    style: {
-                                        flexShrink: 0
-                                    },
-                                    children: '*'
                                 })
-                            ]
-                        })
+                            }),
+                            showRequiredMarker && /*#__PURE__*/ jsx("span", {
+                                "data-testid": `stage-task-required-marker-${task.id}`,
+                                className: "text-sm",
+                                style: {
+                                    flexShrink: 0
+                                },
+                                children: '*'
+                            })
+                        ]
                     })
                 ]
             }),
@@ -212,8 +213,8 @@ const TaskContent = /*#__PURE__*/ memo(({ task, taskExecution, isDragging, onTas
                 },
                 "data-testid": `stage-task-actions-${task.id}`,
                 children: [
-                    durationLabel && (taskExecution?.durationTooltip ? /*#__PURE__*/ jsx(CanvasTooltip, {
-                        content: taskExecution.durationTooltip,
+                    durationLabel && (durationTooltip ? /*#__PURE__*/ jsx(CanvasTooltip, {
+                        content: durationTooltip,
                         placement: "top",
                         hide: isDragging,
                         children: durationLabel

package/dist/canvas/layouts/Stack.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, {
@@ -29,8 +38,9 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
 const external_core_cjs_namespaceObject = require("./core.cjs");
-const Stack = ({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps })=>{
+const Stack = /*#__PURE__*/ external_react_default().forwardRef(({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
     const dynamicStyle = (0, external_react_namespaceObject.useMemo)(()=>({
             display: 'flex',
             flexDirection: direction,
@@ -168,20 +178,26 @@ const Stack = ({ children, className, style, direction = 'row', align, justify,
         style
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
         className: className,
         style: dynamicStyle,
         ...htmlProps,
         children: children
     });
-};
-const Row = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack, {
+});
+Stack.displayName = 'Stack';
+const Row = /*#__PURE__*/ external_react_default().forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack, {
+        ref: ref,
         direction: "row",
         ...props
-    });
-const Column = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack, {
+    }));
+Row.displayName = 'Row';
+const Column = /*#__PURE__*/ external_react_default().forwardRef((props, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Stack, {
+        ref: ref,
         direction: "column",
         ...props
-    });
+    }));
+Column.displayName = 'Column';
 exports.Column = __webpack_exports__.Column;
 exports.Row = __webpack_exports__.Row;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/canvas/layouts/Stack.d.ts

@@ -1,7 +1,6 @@
-import type React from 'react';
+import React from 'react';
 import type { FlexProps, OverflowProps, PositionProps, SizeProps, SpacingProps } from './core';
-type StackProps = FlexProps & OverflowProps & PositionProps & React.HTMLAttributes<HTMLDivElement> & SizeProps & SpacingProps;
-declare const Row: React.FC<StackProps>;
-declare const Column: React.FC<StackProps>;
+declare const Row: React.ForwardRefExoticComponent<FlexProps & OverflowProps & PositionProps & React.HTMLAttributes<HTMLDivElement> & SizeProps & SpacingProps & React.RefAttributes<HTMLDivElement>>;
+declare const Column: React.ForwardRefExoticComponent<FlexProps & OverflowProps & PositionProps & React.HTMLAttributes<HTMLDivElement> & SizeProps & SpacingProps & React.RefAttributes<HTMLDivElement>>;
 export { Row, Column };
 //# sourceMappingURL=Stack.d.ts.map

package/dist/canvas/layouts/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/canvas/layouts/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG/F,KAAK,UAAU,GAAG,SAAS,GACzB,aAAa,GACb,aAAa,GACb,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACpC,SAAS,GACT,YAAY,CAAC;AAuIf,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAE7B,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAEhC,CAAC;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/canvas/layouts/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAyJ/F,QAAA,MAAM,GAAG,oLAEP,CAAC;AAGH,QAAA,MAAM,MAAM,oLAEV,CAAC;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC"}

package/dist/canvas/layouts/Stack.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import react, { useMemo } from "react";
 import { alignMap, calcSpacingPx, justifyMap } from "./core.js";
-const Stack = ({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps })=>{
+const Stack = /*#__PURE__*/ react.forwardRef(({ children, className, style, direction = 'row', align, justify, wrap, gap, flex, w, h, maxW, minW, maxH, minH, overflow, overflowX, overflowY, position, p, pt, pb, pl, pr, px, py, m, mt, mb, ml, mr, mx, my, ...htmlProps }, ref)=>{
     const dynamicStyle = useMemo(()=>({
             display: 'flex',
             flexDirection: direction,
@@ -139,18 +139,24 @@ const Stack = ({ children, className, style, direction = 'row', align, justify,
         style
     ]);
     return /*#__PURE__*/ jsx("div", {
+        ref: ref,
         className: className,
         style: dynamicStyle,
         ...htmlProps,
         children: children
     });
-};
-const Row = (props)=>/*#__PURE__*/ jsx(Stack, {
+});
+Stack.displayName = 'Stack';
+const Row = /*#__PURE__*/ react.forwardRef((props, ref)=>/*#__PURE__*/ jsx(Stack, {
+        ref: ref,
         direction: "row",
         ...props
-    });
-const Column = (props)=>/*#__PURE__*/ jsx(Stack, {
+    }));
+Row.displayName = 'Row';
+const Column = /*#__PURE__*/ react.forwardRef((props, ref)=>/*#__PURE__*/ jsx(Stack, {
+        ref: ref,
         direction: "column",
         ...props
-    });
+    }));
+Column.displayName = 'Column';
 export { Column, Row };

package/dist/test/durations.d.ts

@@ -0,0 +1,6 @@
+export declare const SECOND = 1000;
+export declare const MINUTE: number;
+export declare const HOUR: number;
+export declare const DAY: number;
+export declare const WEEK: number;
+//# sourceMappingURL=durations.d.ts.map

package/dist/test/durations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"durations.d.ts","sourceRoot":"","sources":["../../src/test/durations.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,OAAO,CAAC;AAC3B,eAAO,MAAM,MAAM,QAAc,CAAC;AAClC,eAAO,MAAM,IAAI,QAAc,CAAC;AAChC,eAAO,MAAM,GAAG,QAAY,CAAC;AAC7B,eAAO,MAAM,IAAI,QAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "6.22.0",
+  "version": "6.22.1",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -220,8 +220,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-core": "5.12.1",
-    "@uipath/apollo-wind": "2.33.1"
+    "@uipath/apollo-wind": "2.33.2",
+    "@uipath/apollo-core": "5.12.1"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",