@epam/ai-dial-scheduled-tasks 1.2.7 → 1.2.9

package/index.js

@@ -1,7 +1,7 @@
 import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./calendar-value-B41Uk26Z.js";
 import { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
 import { ButtonAppearance as te, ButtonDropdown as S, ButtonVariant as ne, Calendar as C, CalendarMode as w, CardShell as T, ConfirmationPopupVariant as E, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as re, FolderPath as k, GhostButton as A, GhostIconButton as ie, Highlight as j, Input as ae, Label as oe, MenuItemMark as se, NeutralButton as ce, NumberInput as le, PrimaryButton as ue, Search as M, Select as de, Skeleton as N, SkeletonVariant as P, Spinner as fe, Switch as pe, Tabs as me, Textarea as he, Tooltip as ge } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as F, IconArrowNarrowLeft as _e, IconArrowsSort as ve, IconCheck as ye, IconCircleCheck as I, IconCircleX as be, IconClipboardX as L, IconClockHour3 as R, IconPencilMinus as xe, IconPlayerPause as z, IconPlayerPlay as B, IconPlus as Se, IconTrashX as Ce } from "@tabler/icons-react";
+import { IconAlertTriangle as _e, IconArrowNarrowLeft as ve, IconArrowsSort as F, IconCheck as ye, IconCircleCheck as I, IconCircleX as be, IconClipboardX as L, IconClockHour3 as R, IconPencilMinus as xe, IconPlayerPause as Se, IconPlayerPlay as z, IconPlus as B, IconTrashX as Ce } from "@tabler/icons-react";
 import { Suspense as we, lazy as V, useCallback as Te, useEffect as Ee, useId as De, useLayoutEffect as Oe, useMemo as H, useRef as ke, useState as Ae } from "react";
 import { Fragment as je, jsx as U, jsxs as W } from "react/jsx-runtime";
 import { BuilderFormContainer as Me } from "@epam/ai-dial-builder-form";
@@ -39,7 +39,7 @@ var Ne = {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
 		wrapperClassName: J.pausedPill,
 		labelClassName: J.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ U(z, {
+		renderIcon: () => /* @__PURE__ */ U(Se, {
 			size: D.SM,
 			"aria-hidden": !0,
 			stroke: O
@@ -152,36 +152,39 @@ var Ne = {
 	"100%",
 	"100%",
 	"61%"
-], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => /* @__PURE__ */ W(T, {
-	"aria-hidden": !0,
-	style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
-	className: v("h-[var(--st-card-height,232px)]", Re.card),
-	children: [
-		/* @__PURE__ */ U(N, {
-			variant: P.Rectangular,
-			width: "60%",
-			height: "20px",
-			color: Be,
-			className: "shrink-0"
-		}),
-		/* @__PURE__ */ U("div", {
-			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: ze.map((e, t) => /* @__PURE__ */ U(N, {
+], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => {
+	let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
+	return /* @__PURE__ */ W(T, {
+		"aria-hidden": !0,
+		style: t,
+		className: v("h-[var(--st-card-height,232px)]", Re.card),
+		children: [
+			/* @__PURE__ */ U(N, {
 				variant: P.Rectangular,
-				width: e,
-				height: "16px",
-				color: Be
-			}, t))
-		}),
-		/* @__PURE__ */ U(N, {
-			variant: P.Rectangular,
-			width: "110px",
-			height: "28px",
-			color: Be,
-			className: "shrink-0 rounded-lg"
-		})
-	]
-}), He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ W("div", {
+				width: "60%",
+				height: "20px",
+				color: Be,
+				className: "shrink-0"
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
+				children: ze.map((e, t) => /* @__PURE__ */ U(N, {
+					variant: P.Rectangular,
+					width: e,
+					height: "16px",
+					color: Be
+				}, t))
+			}),
+			/* @__PURE__ */ U(N, {
+				variant: P.Rectangular,
+				width: "110px",
+				height: "28px",
+				color: Be,
+				className: "shrink-0 rounded-lg"
+			})
+		]
+	});
+}, He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ W("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -242,9 +245,9 @@ var Ne = {
 		e.sortOptions,
 		i,
 		a
-	]), F = We(s, d, !!c, o.length, n.trim().length > 0, e), _e = ke(null);
+	]), _e = We(s, d, !!c, o.length, n.trim().length > 0, e), ve = ke(null);
 	Ee(() => {
-		let e = _e.current;
+		let e = ve.current;
 		if (!e || !p) return;
 		let t = Ge(e.parentElement);
 		if (!t) return;
@@ -301,7 +304,7 @@ var Ne = {
 				})]
 			}),
 			/* @__PURE__ */ U("div", {
-				ref: _e,
+				ref: ve,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
@@ -326,7 +329,7 @@ var Ne = {
 					label: e.createButtonLabel,
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ U(Se, {
+					iconBefore: /* @__PURE__ */ U(B, {
 						size: D.SM,
 						"aria-hidden": !0,
 						stroke: O
@@ -358,7 +361,7 @@ var Ne = {
 						label: he,
 						variant: ne.Primary,
 						appearance: te.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ U(ve, {
+						iconBefore: b === void 0 ? /* @__PURE__ */ U(F, {
 							size: D.SM,
 							"aria-hidden": !0,
 							stroke: O
@@ -372,7 +375,7 @@ var Ne = {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: F
+				children: _e
 			}),
 			/* @__PURE__ */ U("div", {
 				className: v("mx-auto flex size-full w-full min-w-0 flex-col", I && "items-center justify-center"),
@@ -383,7 +386,7 @@ var Ne = {
 }, qe = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
 }({}), Je = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Ye = (e, t) => {
-	let n = new Set([...Object.keys(e), ...Object.keys(t)]);
+	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) if (Je(e[r]) !== Je(t[r])) return !0;
 	return !1;
 }, Xe = { error: "_error_v2pfn_4" }, Ze = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
@@ -434,28 +437,29 @@ var Ne = {
 		disabled: T
 	}), me = P.isPending || pe.isPending, ge = () => {
 		P.reset(), pe.reset();
-	}, F = ee(!!(s && Ye(r, s))), ve = () => F.guard(() => {
+	}, _e = !!(s && Ye(r, s)), F = ee(_e), ye = () => F.guard(() => {
 		ge(), te();
-	}), ye = () => F.guard(() => {
+	}), I = () => F.guard(() => {
 		ge(), S();
-	}), I = y(), be = !r.skillUrls?.length, [L, R] = Ae(), xe = ke(/* @__PURE__ */ new Date()).current, { colors: z, typography: B, layout: Se } = se ?? {}, Ce = B?.titleClassName ?? "dial-h1-text", V = B?.sectionTitleClassName ?? "dial-body-semi-text", Te = B?.sectionSubtitleClassName ?? "dial-tiny-text", Oe = B?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", H = B?.instructionsErrorClassName ?? "dial-small-text", G = _({
+	}), be = y(), L = !r.skillUrls?.length, [R, xe] = Ae(), Se = ke(/* @__PURE__ */ new Date()).current, { colors: z, typography: B, layout: Ce } = se ?? {}, V = B?.titleClassName ?? "dial-h1-text", Te = B?.sectionTitleClassName ?? "dial-body-semi-text", Oe = B?.sectionSubtitleClassName ?? "dial-tiny-text", H = B?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", G = B?.instructionsErrorClassName ?? "dial-small-text", K = _({
 		"--stcf-details-border": z?.detailsColumnBorder,
 		"--stcf-subtitle-text": z?.sectionSubtitleText,
 		"--stcf-error-text": z?.instructionsErrorText,
 		"--stcf-refine-action-text": z?.refineActionText,
 		"--stcf-refine-error-text": z?.refineErrorText
-	}), K = {
+	}), q = {
 		feedbackClassName: v(z?.refineActionText && Z.refineFeedback, B?.refineFeedbackClassName, Ne.refineFeedback),
 		errorClassName: Z.refineError
-	}, q = (e) => {
-		R(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
 	}, Pe = (e) => {
-		R(void 0), b("time", typeof e == "string" ? e : "");
-	}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
+		let t = c.test(e.target.value) ? void 0 : n.timeInvalidLabel;
+		xe(t), b("time", e.target.value);
+	}, J = (e) => {
+		xe(void 0), b("time", typeof e == "string" ? e : "");
+	}, Fe = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
 	Ee(() => {
-		J || R(void 0);
-	}, [J]);
-	let Fe = J ? L ?? u.time : void 0, Ie = (e) => b("runAt", e), Y = T || me || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
+		Fe || xe(void 0);
+	}, [Fe]);
+	let Ie = Fe ? R ?? u.time : void 0, Y = (e) => b("runAt", e), Le = T || me || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || Fe && !r.time || !!Ie;
 	return /* @__PURE__ */ W(je, { children: [/* @__PURE__ */ U(Me, {
 		labels: {
 			title: n.pageTitle,
@@ -464,23 +468,23 @@ var Ne = {
 			submitButtonLabel: n.createButtonLabel,
 			submittingLabel: n.submittingLabel ?? "Saving"
 		},
-		onBack: ve,
-		onCancel: ye,
+		onBack: ye,
+		onCancel: I,
 		onSubmit: () => {
-			!Y && (!M.current || M.current.aborted) && ne();
+			!Le && (!M.current || M.current.aborted) && ne();
 		},
 		isCancelDisabled: T,
-		isSubmitDisabled: Y,
+		isSubmitDisabled: Le,
 		isSubmitting: T,
-		backIcon: ie === void 0 ? /* @__PURE__ */ U(_e, {
+		backIcon: ie === void 0 ? /* @__PURE__ */ U(ve, {
 			size: D.LG,
 			stroke: O,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
 		}) : ie,
 		layout: {
-			sideColumnWidth: Se?.detailsWidth,
-			columnGap: Se?.columnGap,
+			sideColumnWidth: Ce?.detailsWidth,
+			columnGap: Ce?.columnGap,
 			reserveEndColumn: !1
 		},
 		className: j,
@@ -488,9 +492,9 @@ var Ne = {
 			colors: { background: z?.background },
 			header: {
 				colors: { borderColor: z?.headerBorder },
-				typography: { fontClassName: Ce }
+				typography: { fontClassName: V }
 			},
-			cssVars: G
+			cssVars: K
 		},
 		left: /* @__PURE__ */ W("div", {
 			role: "group",
@@ -500,10 +504,10 @@ var Ne = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ U("h2", {
-						className: V,
+						className: Te,
 						children: n.detailsSectionTitle
 					}), /* @__PURE__ */ U("p", {
-						className: v(Te, Z.sectionSubtitle),
+						className: v(Oe, Z.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
@@ -525,7 +529,7 @@ var Ne = {
 					labels: n,
 					refinement: P,
 					disabled: T || me,
-					...K,
+					...q,
 					children: /* @__PURE__ */ U(he, {
 						id: ce,
 						value: r.description ?? "",
@@ -549,7 +553,7 @@ var Ne = {
 						}),
 						p,
 						u.modelId && /* @__PURE__ */ U("p", {
-							className: v(H, Z.instructionsError),
+							className: v(G, Z.instructionsError),
 							children: u.modelId
 						})
 					]
@@ -569,29 +573,29 @@ var Ne = {
 						r.repeat === t.OneTime && /* @__PURE__ */ U(Ze, {
 							label: n.runAtLabel,
 							value: r.runAt ?? "",
-							onChange: Ie,
+							onChange: Y,
 							error: u.runAt,
-							errorClassName: H
+							errorClassName: G
 						}),
 						r.repeat !== t.OneTime && /* @__PURE__ */ W(je, { children: [
-							J && /* @__PURE__ */ W("div", {
+							Fe && /* @__PURE__ */ W("div", {
 								className: "flex flex-col gap-1",
 								children: [/* @__PURE__ */ U(C, {
 									id: "scheduled-task-time",
 									mode: w.Time,
 									value: r.time,
-									onChange: Pe,
-									onBlur: q,
+									onChange: J,
+									onBlur: Pe,
 									labelProps: {
 										label: n.timeLabel,
 										required: !0
 									},
-									invalid: !!Fe,
+									invalid: !!Ie,
 									disabled: T,
 									showTimezone: !0
-								}), Fe && /* @__PURE__ */ U("p", {
-									className: v(H, Z.instructionsError),
-									children: Fe
+								}), Ie && /* @__PURE__ */ U("p", {
+									className: v(G, Z.instructionsError),
+									children: Ie
 								})]
 							}),
 							r.repeat === t.Weekly && /* @__PURE__ */ W("div", {
@@ -607,7 +611,7 @@ var Ne = {
 									},
 									invalid: !!u.dayOfWeek
 								}), u.dayOfWeek && /* @__PURE__ */ U("p", {
-									className: v(H, Z.instructionsError),
+									className: v(G, Z.instructionsError),
 									children: u.dayOfWeek
 								})]
 							}),
@@ -648,12 +652,12 @@ var Ne = {
 										mode: w.Date,
 										value: e(r.startDate),
 										onChange: (e) => b("startDate", i(e)),
-										minDate: xe,
+										minDate: Se,
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!u.startDate
 									}), u.startDate && /* @__PURE__ */ U("p", {
-										className: v(H, Z.instructionsError),
+										className: v(G, Z.instructionsError),
 										children: u.startDate
 									})]
 								}), /* @__PURE__ */ W("div", {
@@ -663,12 +667,12 @@ var Ne = {
 										mode: w.Date,
 										value: e(r.endDate),
 										onChange: (e) => b("endDate", i(e)),
-										minDate: xe,
+										minDate: Se,
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!u.endDate
 									}), u.endDate && /* @__PURE__ */ U("p", {
-										className: v(H, Z.instructionsError),
+										className: v(G, Z.instructionsError),
 										children: u.endDate
 									})]
 								})]
@@ -686,17 +690,17 @@ var Ne = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ U("h2", {
-						className: V,
+						className: Te,
 						children: n.configurationSectionTitle
 					}), /* @__PURE__ */ U("p", {
-						className: v(Te, Z.sectionSubtitle),
+						className: v(Oe, Z.sectionSubtitle),
 						children: n.configurationSectionSubtitle
 					})]
 				}),
 				h == null ? u.skillUrls && /* @__PURE__ */ U("div", {
 					"aria-live": "polite",
 					children: /* @__PURE__ */ U("p", {
-						className: v(H, Z.instructionsError),
+						className: v(G, Z.instructionsError),
 						children: u.skillUrls
 					})
 				}) : /* @__PURE__ */ U("div", {
@@ -708,24 +712,24 @@ var Ne = {
 					children: /* @__PURE__ */ U(g, {
 						isEnabled: !!k,
 						fieldId: ue,
-						labelClassName: Oe,
+						labelClassName: H,
 						label: n.instructionsLabel,
-						required: be,
+						required: L,
 						labels: n,
 						refinement: pe,
 						disabled: T || me,
-						...K,
+						...q,
 						children: /* @__PURE__ */ W("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
 								!k && /* @__PURE__ */ U(oe, {
 									htmlFor: ue,
-									className: Oe,
+									className: H,
 									label: n.instructionsLabel,
-									required: be
+									required: L
 								}),
 								/* @__PURE__ */ U("div", {
-									ref: I,
+									ref: be,
 									className: v("w-full", d, f),
 									children: /* @__PURE__ */ U(we, {
 										fallback: /* @__PURE__ */ U(fe, {}),
@@ -742,7 +746,7 @@ var Ne = {
 									})
 								}),
 								u.prompt && /* @__PURE__ */ U("p", {
-									className: v(H, Z.instructionsError),
+									className: v(G, Z.instructionsError),
 									children: u.prompt
 								})
 							]
@@ -873,7 +877,7 @@ var Ne = {
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ U(fe, { size: D.SM })
 		});
-		case ot.Missed: return /* @__PURE__ */ U(F, {
+		case ot.Missed: return /* @__PURE__ */ U(_e, {
 			size: D.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
@@ -1099,8 +1103,8 @@ var Ne = {
 	actionButton: "_actionButton_hdn5b_75",
 	roundActionButton: "_roundActionButton_hdn5b_82",
 	stickyTabs: "_stickyTabs_hdn5b_88"
-}, dt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: te, modelLabel: S, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: k, renderInstructions: j, runs: ae, runsIsLoading: oe = !1, runsIsLoadingMore: se = !1, runsSkeletonCount: le = 6, runsError: ue, onRunsRetry: M, runsLoadMoreError: de, onRunsRetryLoadMore: N, runsHasMore: P = !1, onRunsLoadMore: he, onRunClick: ge, styles: F, className: ve, backIcon: ye, layout: I, historyStyles: be }) => {
-	let { colors: L, typography: R } = F ?? {}, z = R?.titleClassName ?? "dial-h2-text", Se = R?.sectionTitleClassName ?? "dial-body-semi-text", we = R?.fieldLabelClassName ?? "dial-tiny-text", V = R?.fieldValueClassName ?? "dial-small-text", Te = R?.runTimestampClassName ?? "dial-small-text", Ee = _({
+}, dt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: te, modelLabel: S, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: k, renderInstructions: j, runs: ae, runsIsLoading: oe = !1, runsIsLoadingMore: se = !1, runsSkeletonCount: le = 6, runsError: ue, onRunsRetry: M, runsLoadMoreError: de, onRunsRetryLoadMore: N, runsHasMore: P = !1, onRunsLoadMore: he, onRunClick: ge, styles: _e, className: F, backIcon: ye, layout: I, historyStyles: be }) => {
+	let { colors: L, typography: R } = _e ?? {}, Se = R?.titleClassName ?? "dial-h2-text", B = R?.sectionTitleClassName ?? "dial-body-semi-text", we = R?.fieldLabelClassName ?? "dial-tiny-text", V = R?.fieldValueClassName ?? "dial-small-text", Te = R?.runTimestampClassName ?? "dial-small-text", Ee = _({
 		"--stdv-bg": L?.background,
 		"--stdv-header-border": L?.headerBorder,
 		"--stdv-details-border": L?.detailsColumnBorder,
@@ -1174,13 +1178,13 @@ var Ne = {
 		onLoadMore: he,
 		onRunClick: ge,
 		runTimestampClassName: Te,
-		sectionTitleClassName: Se,
+		sectionTitleClassName: B,
 		colors: L,
 		styles: be
 	});
 	return /* @__PURE__ */ W("div", {
 		style: Ee,
-		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, ve),
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, F),
 		children: [
 			/* @__PURE__ */ W("div", {
 				className: v("flex min-h-16 shrink-0 items-start justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:items-center desktop:px-8 desktop:py-0", $.header),
@@ -1188,7 +1192,7 @@ var Ne = {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
 						/* @__PURE__ */ U(ie, {
-							icon: ye === void 0 ? /* @__PURE__ */ U(_e, {
+							icon: ye === void 0 ? /* @__PURE__ */ U(ve, {
 								size: D.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
@@ -1198,7 +1202,7 @@ var Ne = {
 							onClick: t
 						}),
 						/* @__PURE__ */ U("h1", {
-							className: v("truncate", $.desktopTitle, z),
+							className: v("truncate", $.desktopTitle, Se),
 							children: g
 						}),
 						l && /* @__PURE__ */ U("span", {
@@ -1252,7 +1256,7 @@ var Ne = {
 								children: G
 							}), /* @__PURE__ */ U(ce, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ U(B, {
+								iconBefore: /* @__PURE__ */ U(z, {
 									size: D.SM,
 									"aria-hidden": !0,
 									stroke: O
@@ -1271,7 +1275,7 @@ var Ne = {
 			/* @__PURE__ */ W("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ U("h1", {
-					className: v("truncate", z),
+					className: v("truncate", Se),
 					children: g
 				}), l && /* @__PURE__ */ U("span", {
 					className: v("shrink-0", V, $.subtitleText),
@@ -1340,7 +1344,7 @@ var Ne = {
 						},
 						className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
 						children: [/* @__PURE__ */ U("h2", {
-							className: Se,
+							className: B,
 							children: e.detailsTitle
 						}), q]
 					}),
@@ -1351,7 +1355,7 @@ var Ne = {
 						},
 						className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
 						children: [/* @__PURE__ */ U("h2", {
-							className: Se,
+							className: B,
 							children: e.configurationTitle
 						}), Pe]
 					}),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-scheduled-tasks",
   "description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -25,10 +25,10 @@
     "@tabler/icons-react": "^3.44.0",
     "@uiw/react-markdown-preview": "^5.2.1",
     "@uiw/react-md-editor": "^4.1.1",
-    "@epam/ai-dial-builder-form": "1.2.7"
+    "@epam/ai-dial-builder-form": "1.2.9"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.7",
+    "@epam/ai-dial-chat-shared": "1.2.9",
     "@epam/ai-dial-ui-kit": "^0.15.4",
     "react": "^19.2.8"
   },