@epam/ai-dial-scheduled-tasks 1.3.0-dev.124 → 1.3.0-dev.126

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 { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as P } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as ve, IconArrowNarrowLeft as ye, IconArrowsSort as be, IconCheck as F, IconCircleX as xe, IconClipboardX as I, IconClockHour3 as L, IconPencilMinus as Se, IconPlayerPause as R, IconPlayerPlay as z, IconPlus as Ce, IconTrashX as we } from "@tabler/icons-react";
+import { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as ve } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as P, IconArrowNarrowLeft as ye, IconArrowsSort as be, IconCheck as F, IconCircleX as xe, IconClipboardX as I, IconClockHour3 as L, IconPencilMinus as Se, IconPlayerPause as Ce, IconPlayerPlay as R, IconPlus as z, IconTrashX as we } from "@tabler/icons-react";
 import { Suspense as Te, lazy as B, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as V, useRef as Ae, useState as je } from "react";
 import { Fragment as Me, jsx as H, jsxs as U } from "react/jsx-runtime";
 import { BuilderFormContainer as Ne } from "@epam/ai-dial-builder-form";
@@ -29,7 +29,7 @@ var Pe = {
 	pausedLabel: "_pausedLabel_1cwco_15",
 	completedPill: "_completedPill_1cwco_19",
 	completedLabel: "_completedLabel_1cwco_24"
-}, Ie = {
+}, J = {
 	[G.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
 		wrapperClassName: q.schedulePill,
@@ -39,7 +39,7 @@ var Pe = {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
 		wrapperClassName: q.pausedPill,
 		labelClassName: q.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ H(R, {
+		renderIcon: () => /* @__PURE__ */ H(Ce, {
 			size: O.SM,
 			"aria-hidden": !0,
 			stroke: k
@@ -55,13 +55,13 @@ var Pe = {
 			stroke: k
 		})
 	}
-}, Le = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
-	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Ie[e];
+}, Ie = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
+	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = J[e];
 	return /* @__PURE__ */ U("span", {
 		className: v(i, n, a, o, r),
 		children: [s && s(), t]
 	});
-}, J = {
+}, Y = {
 	title: "_title_hmbo0_2",
 	description: "_description_hmbo0_6",
 	locationLabel: "_locationLabel_hmbo0_10",
@@ -69,7 +69,7 @@ var Pe = {
 	newBadge: "_newBadge_hmbo0_18",
 	locationDivider: "_locationDivider_hmbo0_23",
 	card: "_card_hmbo0_34"
-}, Re = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
+}, Le = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
 	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Fe(e), { text: te, textClassName: w } = {
 		[G.Scheduled]: {
 			text: e.scheduleLabel,
@@ -111,7 +111,7 @@ var Pe = {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
 		style: T,
-		className: v("h-[var(--st-card-height,232px)]", J.card, n && "cursor-pointer", a, Pe.card),
+		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Pe.card),
 		...E,
 		children: [
 			/* @__PURE__ */ U("div", {
@@ -120,68 +120,71 @@ var Pe = {
 					text: e.displayName,
 					query: t,
 					maxLines: o ? 2 : 1,
-					className: v(f, J.title)
+					className: v(f, Y.title)
 				}), e.isNew && /* @__PURE__ */ H("span", {
-					className: v("shrink-0 rounded-full px-2 py-0.5", S, J.newBadge),
+					className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
 					children: s
 				})]
 			}),
 			e.descriptionPreview && /* @__PURE__ */ H("p", {
-				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, J.description),
+				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, Y.description),
 				children: e.descriptionPreview
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
 				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-h-[28px] items-center",
-					children: /* @__PURE__ */ H(Le, {
+					children: /* @__PURE__ */ H(Ie, {
 						status: C,
 						text: te,
 						textClassName: w
 					})
 				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ H(ie, {
 					segments: e.locationSegments,
-					labelClassName: v(x, J.locationLabel),
-					leafClassName: v(ee, J.locationLeaf),
-					className: v("pt-3", J.locationDivider)
+					labelClassName: v(x, Y.locationLabel),
+					leafClassName: v(ee, Y.locationLeaf),
+					className: v("pt-3", Y.locationDivider)
 				})]
 			})
 		]
 	});
-}, ze = { card: "_card_18ivt_1" }, Be = [
+}, Re = { card: "_card_18ivt_1" }, ze = [
 	"100%",
 	"100%",
 	"61%"
-], Ve = "var(--stcs-skeleton-bg)", He = ({ styles: e }) => /* @__PURE__ */ U(D, {
-	"aria-hidden": !0,
-	style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
-	className: v("h-[var(--st-card-height,232px)]", ze.card),
-	children: [
-		/* @__PURE__ */ H(M, {
-			variant: N.Rectangular,
-			width: "60%",
-			height: "20px",
-			color: Ve,
-			className: "shrink-0"
-		}),
-		/* @__PURE__ */ H("div", {
-			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: Be.map((e, t) => /* @__PURE__ */ H(M, {
+], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => {
+	let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
+	return /* @__PURE__ */ U(D, {
+		"aria-hidden": !0,
+		style: t,
+		className: v("h-[var(--st-card-height,232px)]", Re.card),
+		children: [
+			/* @__PURE__ */ H(M, {
 				variant: N.Rectangular,
-				width: e,
-				height: "16px",
-				color: Ve
-			}, t))
-		}),
-		/* @__PURE__ */ H(M, {
-			variant: N.Rectangular,
-			width: "110px",
-			height: "28px",
-			color: Ve,
-			className: "shrink-0 rounded-lg"
-		})
-	]
-}), Ue = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ U("div", {
+				width: "60%",
+				height: "20px",
+				color: Be,
+				className: "shrink-0"
+			}),
+			/* @__PURE__ */ H("div", {
+				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
+				children: ze.map((e, t) => /* @__PURE__ */ H(M, {
+					variant: N.Rectangular,
+					width: e,
+					height: "16px",
+					color: Be
+				}, t))
+			}),
+			/* @__PURE__ */ H(M, {
+				variant: N.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__ */ U("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -192,31 +195,31 @@ var Pe = {
 		gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, max(var(--st-grid-min-card-width, 320px), calc((100% - (var(--st-grid-columns) - 1) * var(--st-grid-gap, 20px)) / var(--st-grid-columns)))), 1fr))"
 	},
 	className: v("mx-auto grid w-full min-w-0", Pe.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ H(Re, {
+	children: [e.map((e) => /* @__PURE__ */ H(Le, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(He, { styles: o }, `skeleton-${t}`))]
-}), Y = {
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(Ve, { styles: o }, `skeleton-${t}`))]
+}), X = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
 	createButtonLabel: "_createButtonLabel_3vz4t_10",
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, We = /* @__PURE__ */ H(L, {
+}, Ue = /* @__PURE__ */ H(L, {
 	size: 48,
 	stroke: 1,
 	"aria-hidden": !0
-}), Ge = (e, t, n, r, i, a) => {
+}), We = (e, t, n, r, i, a) => {
 	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
-}, Ke = (e) => {
+}, Ge = (e) => {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
-	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ke(e.parentElement);
-}, qe = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: T, onRetryLoadMore: E }) => {
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ge(e.parentElement);
+}, Ke = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: T, onRetryLoadMore: E }) => {
 	let { colors: D, typography: ne } = y ?? {}, ie = ne?.titleClassName ?? "dial-h1-text", ae = ne?.subtitleClassName ?? "dial-body-text", oe = _({
 		"--st-bg": D?.background,
 		"--st-subtitle-text": D?.subtitleText,
@@ -242,11 +245,11 @@ var Pe = {
 		e.sortOptions,
 		i,
 		a
-	]), P = Ge(s, d, !!c, o.length, n.trim().length > 0, e), ve = Ae(null);
+	]), ve = We(s, d, !!c, o.length, n.trim().length > 0, e), P = Ae(null);
 	De(() => {
-		let e = ve.current;
+		let e = P.current;
 		if (!e || !p) return;
-		let t = Ke(e.parentElement);
+		let t = Ge(e.parentElement);
 		if (!t) return;
 		let n = () => {
 			if (d || s || T || !u) return;
@@ -264,22 +267,22 @@ var Pe = {
 	let ye = () => s ? /* @__PURE__ */ H(me, {}) : c ? /* @__PURE__ */ U("div", {
 		className: "flex flex-col items-center gap-3",
 		children: [/* @__PURE__ */ H("p", {
-			className: v(ae, Y.subtitle),
+			className: v(ae, X.subtitle),
 			children: e.errorLabel
 		}), /* @__PURE__ */ H(A, {
 			label: e.retryLabel,
 			onClick: l
 		})]
 	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ H("p", {
-		className: v(ae, Y.subtitle),
+		className: v(ae, X.subtitle),
 		children: e.noResultsLabel
 	}) : /* @__PURE__ */ H(m, {
 		label: e.emptyStateLabel,
-		icon: We
+		icon: Ue
 	}) : /* @__PURE__ */ U("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ H(Ue, {
+			/* @__PURE__ */ H(He, {
 				items: o,
 				searchQuery: n,
 				onCardClick: h,
@@ -293,7 +296,7 @@ var Pe = {
 				role: "alert",
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ H("span", {
-					className: v(ae, Y.subtitle),
+					className: v(ae, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
 				}), /* @__PURE__ */ H(A, {
 					label: e.retryLabel,
@@ -301,7 +304,7 @@ var Pe = {
 				})]
 			}),
 			/* @__PURE__ */ H("div", {
-				ref: ve,
+				ref: P,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
@@ -309,7 +312,7 @@ var Pe = {
 	}), F = s || !!c || o.length === 0;
 	return /* @__PURE__ */ U("div", {
 		style: oe,
-		className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", Y.container, x),
+		className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", X.container, x),
 		children: [
 			/* @__PURE__ */ U("div", {
 				className: "flex items-start justify-between gap-4",
@@ -319,20 +322,20 @@ var Pe = {
 						className: v("truncate", ie),
 						children: e.title
 					}), /* @__PURE__ */ H("p", {
-						className: v("mt-1", ae, Y.subtitle),
+						className: v("mt-1", ae, X.subtitle),
 						children: e.subtitle
 					})]
 				}), /* @__PURE__ */ H(j, {
 					label: e.createButtonLabel,
-					textClassName: Y.createButtonLabel,
+					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ H(Ce, {
+					iconBefore: /* @__PURE__ */ H(z, {
 						size: O.SM,
 						"aria-hidden": !0,
 						stroke: k
 					}),
 					onClick: t,
-					className: v("shrink-0", Y.createButton)
+					className: v("shrink-0", X.createButton)
 				})]
 			}),
 			/* @__PURE__ */ U("div", {
@@ -352,7 +355,7 @@ var Pe = {
 					})
 				}), e.sortOptions.length > 0 && /* @__PURE__ */ H("div", {
 					ref: M,
-					className: v(de && Y.sortControlHidden),
+					className: v(de && X.sortControlHidden),
 					children: /* @__PURE__ */ H(te, {
 						items: _e,
 						label: ge,
@@ -363,7 +366,7 @@ var Pe = {
 							"aria-hidden": !0,
 							stroke: k
 						}) : b,
-						className: Y.sortButton
+						className: X.sortButton
 					})
 				})]
 			}),
@@ -372,7 +375,7 @@ var Pe = {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: P
+				children: ve
 			}),
 			/* @__PURE__ */ H("div", {
 				className: v("mx-auto flex size-full w-full min-w-0 flex-col", F && "items-center justify-center"),
@@ -380,13 +383,13 @@ var Pe = {
 			})
 		]
 	});
-}, Je = /* @__PURE__ */ function(e) {
+}, qe = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), Ye = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Xe = (e, t) => {
-	let n = new Set([...Object.keys(e), ...Object.keys(t)]);
-	for (let r of n) if (Ye(e[r]) !== Ye(t[r])) return !0;
+}({}), 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 = /* @__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;
-}, Ze = { error: "_error_v2pfn_4" }, Qe = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
+}, Xe = { error: "_error_v2pfn_4" }, Ze = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
 	let o = Ae(/* @__PURE__ */ new Date()).current;
 	return /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
@@ -402,18 +405,18 @@ var Pe = {
 			},
 			invalid: !!i
 		}), i && /* @__PURE__ */ H("p", {
-			className: v(a, Ze.error),
+			className: v(a, Xe.error),
 			children: i
 		})]
 	});
-}, X = {
+}, Z = {
 	formColumn: "_formColumn_1253x_1",
 	detailsColumn: "_detailsColumn_1253x_10",
 	sectionSubtitle: "_sectionSubtitle_1253x_14",
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, $e = B(async () => ({ default: (await W()).MarkdownEditor })), et = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: S, onCancel: C, onSubmit: te, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: re, markdownEditorTheme: ie, backIcon: A, className: ae, styles: oe }) => {
+}, Qe = B(async () => ({ default: (await W()).MarkdownEditor })), $e = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: S, onCancel: C, onSubmit: te, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: re, markdownEditorTheme: ie, backIcon: A, className: ae, styles: oe }) => {
 	let le = Oe(), ue = Oe(), j = Ae(void 0), fe = (e) => e ? async (t, n) => {
 		if (j.current && !j.current.aborted) throw new DOMException("Busy", "AbortError");
 		j.current = n;
@@ -434,28 +437,29 @@ var Pe = {
 		disabled: w
 	}), he = M.isPending || N.isPending, ge = () => {
 		M.reset(), N.reset();
-	}, P = ee(!!(s && Xe(r, s))), ve = () => P.guard(() => {
+	}, ve = !!(s && Ye(r, s)), P = ee(ve), be = () => P.guard(() => {
 		ge(), S();
-	}), be = () => P.guard(() => {
+	}), F = () => P.guard(() => {
 		ge(), C();
-	}), F = y(), xe = !r.skillUrls?.length, [I, L] = je(), Se = Ae(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: Ce } = oe ?? {}, we = z?.titleClassName ?? "dial-h1-text", B = z?.sectionTitleClassName ?? "dial-body-semi-text", Ee = z?.sectionSubtitleClassName ?? "dial-tiny-text", ke = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", V = z?.instructionsErrorClassName ?? "dial-small-text", W = _({
+	}), xe = y(), I = !r.skillUrls?.length, [L, Se] = je(), Ce = Ae(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: we } = oe ?? {}, B = z?.titleClassName ?? "dial-h1-text", Ee = z?.sectionTitleClassName ?? "dial-body-semi-text", ke = z?.sectionSubtitleClassName ?? "dial-tiny-text", V = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", W = z?.instructionsErrorClassName ?? "dial-small-text", G = _({
 		"--stcf-details-border": R?.detailsColumnBorder,
 		"--stcf-subtitle-text": R?.sectionSubtitleText,
 		"--stcf-error-text": R?.instructionsErrorText,
 		"--stcf-refine-action-text": R?.refineActionText,
 		"--stcf-refine-error-text": R?.refineErrorText
-	}), G = {
-		feedbackClassName: v(R?.refineActionText && X.refineFeedback, z?.refineFeedbackClassName, Pe.refineFeedback),
-		errorClassName: X.refineError
-	}, K = (e) => {
-		L(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
+	}), K = {
+		feedbackClassName: v(R?.refineActionText && Z.refineFeedback, z?.refineFeedbackClassName, Pe.refineFeedback),
+		errorClassName: Z.refineError
 	}, Fe = (e) => {
-		L(void 0), b("time", typeof e == "string" ? e : "");
-	}, q = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
+		let t = c.test(e.target.value) ? void 0 : n.timeInvalidLabel;
+		Se(t), b("time", e.target.value);
+	}, q = (e) => {
+		Se(void 0), b("time", typeof e == "string" ? e : "");
+	}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
 	De(() => {
-		q || L(void 0);
-	}, [q]);
-	let Ie = q ? I ?? u.time : void 0, Le = (e) => b("runAt", e), J = w || he || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || q && !r.time || !!Ie;
+		J || Se(void 0);
+	}, [J]);
+	let Ie = J ? L ?? u.time : void 0, Y = (e) => b("runAt", e), Le = w || he || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Ie;
 	return /* @__PURE__ */ U(Me, { children: [/* @__PURE__ */ H(Ne, {
 		labels: {
 			title: n.pageTitle,
@@ -464,13 +468,13 @@ var Pe = {
 			submitButtonLabel: n.createButtonLabel,
 			submittingLabel: n.submittingLabel ?? "Saving"
 		},
-		onBack: ve,
-		onCancel: be,
+		onBack: be,
+		onCancel: F,
 		onSubmit: () => {
-			!J && (!j.current || j.current.aborted) && te();
+			!Le && (!j.current || j.current.aborted) && te();
 		},
 		isCancelDisabled: w,
-		isSubmitDisabled: J,
+		isSubmitDisabled: Le,
 		isSubmitting: w,
 		backIcon: A === void 0 ? /* @__PURE__ */ H(ye, {
 			size: O.LG,
@@ -479,8 +483,8 @@ var Pe = {
 			className: "rtl:scale-x-[-1]"
 		}) : A,
 		layout: {
-			sideColumnWidth: Ce?.detailsWidth,
-			columnGap: Ce?.columnGap,
+			sideColumnWidth: we?.detailsWidth,
+			columnGap: we?.columnGap,
 			reserveEndColumn: !1
 		},
 		className: ae,
@@ -488,22 +492,22 @@ var Pe = {
 			colors: { background: R?.background },
 			header: {
 				colors: { borderColor: R?.headerBorder },
-				typography: { fontClassName: we }
+				typography: { fontClassName: B }
 			},
-			cssVars: W
+			cssVars: G
 		},
 		left: /* @__PURE__ */ U("div", {
 			role: "group",
 			"aria-label": n.detailsSectionTitle,
-			className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", X.detailsColumn, X.formColumn),
+			className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", Z.detailsColumn, Z.formColumn),
 			children: [
 				/* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ H("h2", {
-						className: B,
+						className: Ee,
 						children: n.detailsSectionTitle
 					}), /* @__PURE__ */ H("p", {
-						className: v(Ee, X.sectionSubtitle),
+						className: v(ke, Z.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
@@ -526,7 +530,7 @@ var Pe = {
 					refinement: M,
 					disabled: w || he,
 					caption: `${(r.description ?? "").length}/500`,
-					...G,
+					...K,
 					children: /* @__PURE__ */ H(_e, {
 						id: le,
 						value: r.description ?? "",
@@ -549,7 +553,7 @@ var Pe = {
 						}),
 						p,
 						u.modelId && /* @__PURE__ */ H("p", {
-							className: v(V, X.instructionsError),
+							className: v(W, Z.instructionsError),
 							children: u.modelId
 						})
 					]
@@ -566,22 +570,22 @@ var Pe = {
 								label: e.label
 							}))
 						}),
-						r.repeat === t.OneTime && /* @__PURE__ */ H(Qe, {
+						r.repeat === t.OneTime && /* @__PURE__ */ H(Ze, {
 							label: n.runAtLabel,
 							value: r.runAt ?? "",
-							onChange: Le,
+							onChange: Y,
 							error: u.runAt,
-							errorClassName: V
+							errorClassName: W
 						}),
 						r.repeat !== t.OneTime && /* @__PURE__ */ U(Me, { children: [
-							q && /* @__PURE__ */ U("div", {
+							J && /* @__PURE__ */ U("div", {
 								className: "flex flex-col gap-1",
 								children: [/* @__PURE__ */ H(T, {
 									id: "scheduled-task-time",
 									mode: E.Time,
 									value: r.time,
-									onChange: Fe,
-									onBlur: K,
+									onChange: q,
+									onBlur: Fe,
 									labelProps: {
 										label: n.timeLabel,
 										required: !0
@@ -590,7 +594,7 @@ var Pe = {
 									disabled: w,
 									showTimezone: !0
 								}), Ie && /* @__PURE__ */ H("p", {
-									className: v(V, X.instructionsError),
+									className: v(W, Z.instructionsError),
 									children: Ie
 								})]
 							}),
@@ -607,7 +611,7 @@ var Pe = {
 									},
 									invalid: !!u.dayOfWeek
 								}), u.dayOfWeek && /* @__PURE__ */ H("p", {
-									className: v(V, X.instructionsError),
+									className: v(W, Z.instructionsError),
 									children: u.dayOfWeek
 								})]
 							}),
@@ -648,12 +652,12 @@ var Pe = {
 										mode: E.Date,
 										value: e(r.startDate),
 										onChange: (e) => b("startDate", i(e)),
-										minDate: Se,
+										minDate: Ce,
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!u.startDate
 									}), u.startDate && /* @__PURE__ */ H("p", {
-										className: v(V, X.instructionsError),
+										className: v(W, Z.instructionsError),
 										children: u.startDate
 									})]
 								}), /* @__PURE__ */ U("div", {
@@ -663,12 +667,12 @@ var Pe = {
 										mode: E.Date,
 										value: e(r.endDate),
 										onChange: (e) => b("endDate", i(e)),
-										minDate: Se,
+										minDate: Ce,
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!u.endDate
 									}), u.endDate && /* @__PURE__ */ H("p", {
-										className: v(V, X.instructionsError),
+										className: v(W, Z.instructionsError),
 										children: u.endDate
 									})]
 								})]
@@ -681,22 +685,22 @@ var Pe = {
 		children: /* @__PURE__ */ U("div", {
 			role: "group",
 			"aria-label": n.configurationSectionTitle,
-			className: v("flex flex-1 flex-col gap-5 py-6", X.formColumn),
+			className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
 			children: [
 				/* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ H("h2", {
-						className: B,
+						className: Ee,
 						children: n.configurationSectionTitle
 					}), /* @__PURE__ */ H("p", {
-						className: v(Ee, X.sectionSubtitle),
+						className: v(ke, Z.sectionSubtitle),
 						children: n.configurationSectionSubtitle
 					})]
 				}),
 				h == null ? u.skillUrls && /* @__PURE__ */ H("div", {
 					"aria-live": "polite",
 					children: /* @__PURE__ */ H("p", {
-						className: v(V, X.instructionsError),
+						className: v(W, Z.instructionsError),
 						children: u.skillUrls
 					})
 				}) : /* @__PURE__ */ H("div", {
@@ -708,28 +712,28 @@ var Pe = {
 					children: /* @__PURE__ */ H(g, {
 						isEnabled: !!re,
 						fieldId: ue,
-						labelClassName: ke,
+						labelClassName: V,
 						label: n.instructionsLabel,
-						required: xe,
+						required: I,
 						labels: n,
 						refinement: N,
 						disabled: w || he,
-						...G,
+						...K,
 						children: /* @__PURE__ */ U("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
 								!re && /* @__PURE__ */ H(ce, {
 									htmlFor: ue,
-									className: ke,
+									className: V,
 									label: n.instructionsLabel,
-									required: xe
+									required: I
 								}),
 								/* @__PURE__ */ H("div", {
-									ref: F,
+									ref: xe,
 									className: v("w-full", d, f),
 									children: /* @__PURE__ */ H(Te, {
 										fallback: /* @__PURE__ */ H(me, {}),
-										children: /* @__PURE__ */ H($e, {
+										children: /* @__PURE__ */ H(Qe, {
 											id: ue,
 											value: r.prompt,
 											onChange: (e) => {
@@ -742,7 +746,7 @@ var Pe = {
 									})
 								}),
 								u.prompt && /* @__PURE__ */ H("p", {
-									className: v(V, X.instructionsError),
+									className: v(W, Z.instructionsError),
 									children: u.prompt
 								})
 							]
@@ -761,18 +765,18 @@ var Pe = {
 		onConfirm: P.confirm,
 		onClose: P.dismiss
 	})] });
-}, tt = /* @__PURE__ */ function(e) {
+}, et = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), nt = /* @__PURE__ */ function(e) {
+}({}), tt = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), rt = { subtitleText: "_subtitleText_1i4x2_3" }, it = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ U("div", {
+}({}), nt = { subtitleText: "_subtitleText_1i4x2_3" }, rt = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ U("div", {
 	className: "flex min-w-0 flex-col gap-5",
 	children: [!!t?.length && /* @__PURE__ */ U("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, rt.subtitleText),
+			className: v(o, nt.subtitleText),
 			children: e
 		}), /* @__PURE__ */ H("p", {
 			className: "break-all whitespace-normal",
@@ -786,18 +790,18 @@ var Pe = {
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, rt.subtitleText),
+			className: v(o, nt.subtitleText),
 			children: n
 		}), i ? i(r) : /* @__PURE__ */ H(p, {
 			content: r,
 			...a
 		})]
 	})]
-}), at = { subtitleText: "_subtitleText_1i4x2_3" }, ot = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ U(Me, { children: [
+}), it = { subtitleText: "_subtitleText_1i4x2_3" }, at = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ U(Me, { children: [
 	t && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, at.subtitleText),
+			className: v(o, it.subtitleText),
 			children: e.descriptionLabel
 		}), /* @__PURE__ */ H("p", {
 			className: s,
@@ -807,7 +811,7 @@ var Pe = {
 	a && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, at.subtitleText),
+			className: v(o, it.subtitleText),
 			children: e.completedFieldLabel
 		}), /* @__PURE__ */ H("p", {
 			className: s,
@@ -817,7 +821,7 @@ var Pe = {
 	n && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, at.subtitleText),
+			className: v(o, it.subtitleText),
 			children: e.modelLabel
 		}), /* @__PURE__ */ H("p", {
 			className: s,
@@ -827,7 +831,7 @@ var Pe = {
 	r && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, at.subtitleText),
+			className: v(o, it.subtitleText),
 			children: e.repeatsLabel
 		}), /* @__PURE__ */ H("p", {
 			className: s,
@@ -837,14 +841,14 @@ var Pe = {
 	i && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ H("span", {
-			className: v(o, at.subtitleText),
+			className: v(o, it.subtitleText),
 			children: e.activeWindowLabel
 		}), /* @__PURE__ */ H("p", {
 			className: s,
 			children: i
 		})]
 	})
-] }), Z = /* @__PURE__ */ function(e) {
+] }), ot = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_6i141_1",
@@ -856,23 +860,23 @@ var Pe = {
 	unreadDot: "_unreadDot_6i141_33"
 }, st = ({ status: e }) => {
 	switch (e) {
-		case Z.Success: return /* @__PURE__ */ H(F, {
+		case ot.Success: return /* @__PURE__ */ H(F, {
 			size: O.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
 			stroke: k
 		});
-		case Z.Error: return /* @__PURE__ */ H(xe, {
+		case ot.Error: return /* @__PURE__ */ H(xe, {
 			size: O.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
 			stroke: k
 		});
-		case Z.InProgress: return /* @__PURE__ */ H("span", {
+		case ot.InProgress: return /* @__PURE__ */ H("span", {
 			"aria-hidden": !0,
 			children: /* @__PURE__ */ H(me, { size: O.SM })
 		});
-		case Z.Missed: return /* @__PURE__ */ H(ve, {
+		case ot.Missed: return /* @__PURE__ */ H(P, {
 			size: O.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
@@ -892,7 +896,7 @@ var Pe = {
 		"--strhl-row-focus-bg": u?.rowFocusBackground,
 		"--strhl-row-focus-outline": u?.rowFocusOutline
 	}), b = (e) => {
-		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === Z.Error && e.errorText ? e.errorText : void 0, i = [
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ot.Error && e.errorText ? e.errorText : void 0, i = [
 			r,
 			e.isUnread ? g : void 0,
 			n ? c.currentRunLabel : void 0
@@ -915,7 +919,7 @@ var Pe = {
 			className: v("-mx-(--strhl-row-bleed,0px) flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full px-3", n && Q.currentRun, l && "cursor-pointer", l && Q.interactiveRow),
 			children: [/* @__PURE__ */ U("span", {
 				className: "flex min-w-0 items-center gap-1",
-				children: [r ? /* @__PURE__ */ H(P, {
+				children: [r ? /* @__PURE__ */ H(ve, {
 					tooltip: r,
 					asChild: !0,
 					contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
@@ -1016,7 +1020,7 @@ var Pe = {
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
 }, ut = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
-	let b = e === nt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ U("li", {
+	let b = e === tt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ U("li", {
 		className: x,
 		children: [/* @__PURE__ */ H("p", {
 			role: "alert",
@@ -1109,27 +1113,27 @@ var Pe = {
 	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: S, modelLabel: C, repeatsLabel: te, activeWindowLabel: T, completedLabel: E, nextRunLabel: D, instructionsMarkdown: ne, skillDisplayNames: re, renderInstructions: ie, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: de, onRunsRetry: j, runsLoadMoreError: fe, onRunsRetryLoadMore: pe, runsHasMore: M = !1, onRunsLoadMore: N, onRunClick: _e, styles: P, className: ve, backIcon: be, layout: F, historyStyles: xe }) => {
-	let { colors: I, typography: L } = P ?? {}, R = L?.titleClassName ?? "dial-h2-text", Ce = L?.sectionTitleClassName ?? "dial-body-semi-text", Te = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", Ee = L?.runTimestampClassName ?? "dial-small-text", De = _({
+}, 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: S, modelLabel: C, repeatsLabel: te, activeWindowLabel: T, completedLabel: E, nextRunLabel: D, instructionsMarkdown: ne, skillDisplayNames: re, renderInstructions: ie, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: de, onRunsRetry: j, runsLoadMoreError: fe, onRunsRetryLoadMore: pe, runsHasMore: M = !1, onRunsLoadMore: N, onRunClick: _e, styles: ve, className: P, backIcon: be, layout: F, historyStyles: xe }) => {
+	let { colors: I, typography: L } = ve ?? {}, Ce = L?.titleClassName ?? "dial-h2-text", z = L?.sectionTitleClassName ?? "dial-body-semi-text", Te = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", Ee = L?.runTimestampClassName ?? "dial-small-text", De = _({
 		"--stdv-bg": I?.background,
 		"--stdv-header-border": I?.headerBorder,
 		"--stdv-details-border": I?.detailsColumnBorder,
 		"--stdv-subtitle-text": I?.subtitleText,
 		"--stdv-history-bg": I?.historyCardBackground
-	}), ke = b(), [V, Ae] = je(tt.Details), Ne = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, Pe = [
+	}), ke = b(), [V, Ae] = je(et.Details), Ne = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, Pe = [
 		{
-			id: tt.Details,
+			id: et.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: tt.Configuration,
+			id: et.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: tt.History,
+			id: et.History,
 			label: e.historyTitle
 		}
-	], G = Pe.find((e) => e.id === V)?.label ?? e.detailsTitle, K = /* @__PURE__ */ H(ot, {
+	], G = Pe.find((e) => e.id === V)?.label ?? e.detailsTitle, K = /* @__PURE__ */ H(at, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1144,7 +1148,7 @@ var Pe = {
 		completedLabel: E,
 		fieldLabelClassName: Te,
 		fieldValueClassName: B
-	}), Fe = /* @__PURE__ */ H(it, {
+	}), Fe = /* @__PURE__ */ H(rt, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
 		skillDisplayNames: re,
@@ -1184,13 +1188,13 @@ var Pe = {
 		onLoadMore: N,
 		onRunClick: _e,
 		runTimestampClassName: Ee,
-		sectionTitleClassName: Ce,
+		sectionTitleClassName: z,
 		colors: I,
 		styles: xe
 	});
 	return /* @__PURE__ */ U("div", {
 		style: De,
-		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, P),
 		children: [
 			/* @__PURE__ */ U("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),
@@ -1208,7 +1212,7 @@ var Pe = {
 							onClick: t
 						}),
 						/* @__PURE__ */ H("h1", {
-							className: v("truncate", $.desktopTitle, R),
+							className: v("truncate", $.desktopTitle, Ce),
 							children: g
 						}),
 						l && /* @__PURE__ */ H("span", {
@@ -1262,7 +1266,7 @@ var Pe = {
 								children: W
 							}), /* @__PURE__ */ H(ue, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ H(z, {
+								iconBefore: /* @__PURE__ */ H(R, {
 									size: O.SM,
 									"aria-hidden": !0,
 									stroke: k
@@ -1281,7 +1285,7 @@ var Pe = {
 			/* @__PURE__ */ U("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ H("h1", {
-					className: v("truncate", R),
+					className: v("truncate", Ce),
 					children: g
 				}), l && /* @__PURE__ */ H("span", {
 					className: v("shrink-0", B, $.subtitleText),
@@ -1329,7 +1333,7 @@ var Pe = {
 					role: "tabpanel",
 					"aria-label": G,
 					className: "flex flex-1 flex-col gap-5 px-4 py-6",
-					children: V === tt.Configuration ? Fe : V === tt.History ? q(nt.Flow) : K
+					children: V === et.Configuration ? Fe : V === et.History ? q(tt.Flow) : K
 				})]
 			}) : /* @__PURE__ */ U("div", {
 				style: {
@@ -1350,7 +1354,7 @@ var Pe = {
 						},
 						className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
 						children: [/* @__PURE__ */ H("h2", {
-							className: Ce,
+							className: z,
 							children: e.detailsTitle
 						}), K]
 					}),
@@ -1361,7 +1365,7 @@ var Pe = {
 						},
 						className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
 						children: [/* @__PURE__ */ H("h2", {
-							className: Ce,
+							className: z,
 							children: e.configurationTitle
 						}), Fe]
 					}),
@@ -1371,7 +1375,7 @@ var Pe = {
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
-						children: q(nt.Card)
+						children: q(tt.Card)
 					})
 				]
 			}))
@@ -1538,4 +1542,4 @@ var Pe = {
 	}) })
 });
 //#endregion
-export { r as DESCRIPTION_MAX_LENGTH, Pe as SCHEDULED_TASKS_CLASS, Re as ScheduledTaskCard, Ue as ScheduledTaskCardGrid, He as ScheduledTaskCardSkeleton, _t as ScheduledTaskConversationDetailsSection, gt as ScheduledTaskConversationDetailsState, ht as ScheduledTaskConversationHistorySection, et as ScheduledTaskCreateForm, vt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, pt as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, G as ScheduledTaskStatus, qe as ScheduledTasks, Je as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Xe as hasScheduledTaskFormChanges };
+export { r as DESCRIPTION_MAX_LENGTH, Pe as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, _t as ScheduledTaskConversationDetailsSection, gt as ScheduledTaskConversationDetailsState, ht as ScheduledTaskConversationHistorySection, $e as ScheduledTaskCreateForm, vt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, pt as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, ot as ScheduledTaskRunStatus, G as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };

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.3.0-dev.124",
+  "version": "1.3.0-dev.126",
   "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.3.0-dev.124"
+    "@epam/ai-dial-builder-form": "1.3.0-dev.126"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.124",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.126",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.20",
     "react": "^19.2.8"
   },