@epam/ai-dial-scheduled-tasks 1.2.0-dev.303 → 1.2.0-dev.306

package/index.js

@@ -1,6 +1,6 @@
 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, ConfirmationIdentityCard as u, ConfirmationIdentityRow as d, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as f, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as p, MDMessageViewer as m, PanelEmptyState as ee, TextRefinementField as h, buildCssVars as g, mergeClasses as _, useAvailableHeightCap as v, useIsMobile as y, useTextRefinement as b, useUnsavedChangesGuard as x } from "@epam/ai-dial-chat-shared";
-import { ButtonAppearance as te, ButtonDropdown as ne, ButtonVariant as re, Calendar as S, CalendarMode as C, CardShell as w, ConfirmationPopupVariant as T, DIAL_ICON_SIZE as E, DIAL_KIT_ICON_STROKE as D, ElementSize as ie, FolderPath as O, GhostButton as k, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as fe, Search as A, Select as pe, Skeleton as j, SkeletonVariant as M, Spinner as me, Switch as he, Tabs as ge, Textarea as _e } from "@epam/ai-dial-ui-kit";
+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 S } from "@epam/ai-dial-chat-shared";
+import { ButtonAppearance as ee, ButtonDropdown as te, 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 ie, GhostButton as k, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as fe, Search as A, Select as pe, Skeleton as j, SkeletonVariant as M, Spinner as me, Switch as he, Tabs as ge, Textarea as _e } from "@epam/ai-dial-ui-kit";
 import { IconAlertTriangle as ve, IconArrowNarrowLeft as ye, IconArrowsSort as N, IconCheck as be, IconCircleCheck as xe, IconCircleX as P, IconClipboardX as Se, IconClockHour3 as F, IconPencilMinus as Ce, IconPlayerPause as I, IconPlayerPlay as L, IconPlus as R, IconTrashX as we } from "@tabler/icons-react";
 import { Suspense as Te, lazy as Ee, useCallback as z, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as Ae, useRef as B, useState as je } from "react";
 import { Fragment as Me, jsx as V, jsxs as H } from "react/jsx-runtime";
@@ -40,9 +40,9 @@ var W = {
 		wrapperClassName: q.pausedPill,
 		labelClassName: q.pausedLabel,
 		renderIcon: () => /* @__PURE__ */ V(I, {
-			size: E.SM,
+			size: D.SM,
 			"aria-hidden": !0,
-			stroke: D
+			stroke: O
 		})
 	},
 	[G.Completed]: {
@@ -50,15 +50,15 @@ var W = {
 		wrapperClassName: q.completedPill,
 		labelClassName: q.completedLabel,
 		renderIcon: () => /* @__PURE__ */ V(be, {
-			size: E.SM,
+			size: D.SM,
 			"aria-hidden": !0,
-			stroke: D
+			stroke: O
 		})
 	}
 }, Fe = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
 	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = J[e];
 	return /* @__PURE__ */ H("span", {
-		className: _(i, n, a, o, r),
+		className: v(i, n, a, o, r),
 		children: [s && s(), t]
 	});
 }, Y = {
@@ -69,20 +69,20 @@ var W = {
 	newBadge: "_newBadge_ogabr_17",
 	locationDivider: "_locationDivider_ogabr_22"
 }, Ie = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
-	let o = r?.newBadgeLabel ?? "NEW", s = r?.pausedBadgeLabel ?? "Paused", c = r?.completedBadgeLabel ?? "Completed", { colors: l, typography: u } = i ?? {}, d = u?.titleClassName ?? "dial-body-semi-text", f = u?.descriptionClassName ?? "dial-small-text", p = u?.descriptionSizeClassName ?? "dial-tiny-text", m = u?.scheduleLabelClassName ?? "dial-tiny-text", ee = u?.pausedBadgeClassName ?? "dial-tiny-text", h = u?.completedBadgeClassName ?? "dial-tiny-text", v = u?.locationLabelClassName ?? "dial-tiny-text", y = u?.locationLeafClassName ?? "dial-tiny-semi-text", b = u?.newBadgeClassName ?? "dial-tiny-semi-text", x = Pe(e), { text: te, textClassName: ne } = {
+	let o = r?.newBadgeLabel ?? "NEW", s = r?.pausedBadgeLabel ?? "Paused", c = r?.completedBadgeLabel ?? "Completed", { colors: l, typography: u } = i ?? {}, d = u?.titleClassName ?? "dial-body-semi-text", f = u?.descriptionClassName ?? "dial-small-text", p = u?.descriptionSizeClassName ?? "dial-tiny-text", m = u?.scheduleLabelClassName ?? "dial-tiny-text", h = u?.pausedBadgeClassName ?? "dial-tiny-text", g = u?.completedBadgeClassName ?? "dial-tiny-text", y = u?.locationLabelClassName ?? "dial-tiny-text", b = u?.locationLeafClassName ?? "dial-tiny-semi-text", x = u?.newBadgeClassName ?? "dial-tiny-semi-text", S = Pe(e), { text: ee, textClassName: te } = {
 		[G.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: m
 		},
 		[G.Paused]: {
 			text: s,
-			textClassName: ee
+			textClassName: h
 		},
 		[G.Completed]: {
 			text: c,
-			textClassName: h
+			textClassName: g
 		}
-	}[x], re = g({
+	}[S], ne = _({
 		"--stc-title-text": l?.titleText,
 		"--stc-desc-text": l?.descriptionText,
 		"--stc-pill-bg": l?.schedulePillBackground,
@@ -99,19 +99,19 @@ var W = {
 		"--stc-completed-bg": l?.completedBadgeBackground,
 		"--stc-completed-border": l?.completedBadgeBorder,
 		"--stc-completed-text": l?.completedBadgeText
-	}), S = n ? {
+	}), C = n ? {
 		tabIndex: 0,
 		onClick: () => n(e.id),
 		onKeyDown: (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ H(w, {
+	return /* @__PURE__ */ H(T, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: re,
-		className: _("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, W.card),
-		...S,
+		style: ne,
+		className: v("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, W.card),
+		...C,
 		children: [
 			/* @__PURE__ */ H("div", {
 				className: "flex min-w-0 shrink-0 items-center gap-2",
@@ -119,14 +119,14 @@ var W = {
 					text: e.displayName,
 					query: t,
 					maxLines: 1,
-					className: _(d, Y.title)
+					className: v(d, Y.title)
 				}), e.isNew && /* @__PURE__ */ V("span", {
-					className: _("shrink-0 rounded-full px-2 py-0.5", b, Y.newBadge),
+					className: v("shrink-0 rounded-full px-2 py-0.5", x, Y.newBadge),
 					children: o
 				})]
 			}),
 			e.descriptionPreview && /* @__PURE__ */ V("p", {
-				className: _("line-clamp-4 min-h-0 flex-1 overflow-hidden", p, f, Y.description),
+				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", p, f, Y.description),
 				children: e.descriptionPreview
 			}),
 			/* @__PURE__ */ H("div", {
@@ -134,15 +134,15 @@ var W = {
 				children: [/* @__PURE__ */ V("div", {
 					className: "flex min-h-[28px] items-center",
 					children: /* @__PURE__ */ V(Fe, {
-						status: x,
-						text: te,
-						textClassName: ne
+						status: S,
+						text: ee,
+						textClassName: te
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(O, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(ie, {
 					segments: e.locationSegments,
-					labelClassName: _(v, Y.locationLabel),
-					leafClassName: _(y, Y.locationLeaf),
-					className: _("pt-3", Y.locationDivider)
+					labelClassName: v(y, Y.locationLabel),
+					leafClassName: v(b, Y.locationLeaf),
+					className: v("pt-3", Y.locationDivider)
 				})]
 			})
 		]
@@ -151,10 +151,10 @@ var W = {
 	"100%",
 	"100%",
 	"61%"
-], ze = "var(--stcs-skeleton-bg)", Be = ({ styles: e }) => /* @__PURE__ */ H(w, {
+], ze = "var(--stcs-skeleton-bg)", Be = ({ styles: e }) => /* @__PURE__ */ H(T, {
 	"aria-hidden": !0,
-	style: g({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
-	className: _("h-[var(--st-card-height,232px)]", Le.card),
+	style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
+	className: v("h-[var(--st-card-height,232px)]", Le.card),
 	children: [
 		/* @__PURE__ */ V(j, {
 			variant: M.Rectangular,
@@ -190,7 +190,7 @@ var W = {
 		gap: "var(--st-grid-gap, 20px)",
 		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: _("mx-auto grid w-full min-w-0", W.cardGrid),
+	className: v("mx-auto grid w-full min-w-0", W.cardGrid),
 	children: [e.map((e) => /* @__PURE__ */ V(Ie, {
 		item: e,
 		searchQuery: t,
@@ -215,11 +215,11 @@ var W = {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
 	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : We(e.parentElement);
-}, Ge = ({ 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: m, banner: h, styles: v, sortIcon: y, className: b, gridLayout: x, cardStyles: S, loadMoreError: C, onRetryLoadMore: w }) => {
-	let { colors: T, typography: O } = v ?? {}, ae = O?.titleClassName ?? "dial-h1-text", oe = O?.subtitleClassName ?? "dial-body-text", se = g({
-		"--st-bg": T?.background,
-		"--st-subtitle-text": T?.subtitleText,
-		"--st-sort-text": T?.sortButtonText
+}, Ge = ({ 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: S, cardStyles: C, loadMoreError: w, onRetryLoadMore: T }) => {
+	let { colors: E, typography: ie } = y ?? {}, ae = ie?.titleClassName ?? "dial-h1-text", oe = ie?.subtitleClassName ?? "dial-body-text", se = _({
+		"--st-bg": E?.background,
+		"--st-subtitle-text": E?.subtitleText,
+		"--st-sort-text": E?.sortButtonText
 	}), ce = (e) => {
 		r(e ?? "");
 	}, [ue, de] = je(!1), [pe, j] = je(!1), M = B(null), he = z(() => {
@@ -248,7 +248,7 @@ var W = {
 		let t = We(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (d || s || C || !u) return;
+			if (d || s || w || !u) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
 			r.top < n.bottom && r.bottom > n.top && p();
 		};
@@ -257,22 +257,22 @@ var W = {
 		u,
 		d,
 		s,
-		C,
+		w,
 		p
 	]);
 	let xe = () => s ? /* @__PURE__ */ V(me, {}) : c ? /* @__PURE__ */ H("div", {
 		className: "flex flex-col items-center gap-3",
 		children: [/* @__PURE__ */ V("p", {
-			className: _(oe, X.subtitle),
+			className: v(oe, X.subtitle),
 			children: e.errorLabel
 		}), /* @__PURE__ */ V(k, {
 			label: e.retryLabel,
 			onClick: l
 		})]
 	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ V("p", {
-		className: _(oe, X.subtitle),
+		className: v(oe, X.subtitle),
 		children: e.noResultsLabel
-	}) : /* @__PURE__ */ V(ee, {
+	}) : /* @__PURE__ */ V(m, {
 		label: e.emptyStateLabel,
 		icon: He
 	}) : /* @__PURE__ */ H("div", {
@@ -281,22 +281,22 @@ var W = {
 			/* @__PURE__ */ V(Ve, {
 				items: o,
 				searchQuery: n,
-				onCardClick: m,
+				onCardClick: h,
 				labels: e.cardLabels,
 				trailingSkeletonCount: d ? f : 0,
-				skeletonStyles: { colors: { skeletonColor: T?.skeletonColor } },
-				cardStyles: S,
-				layout: x
+				skeletonStyles: { colors: { skeletonColor: E?.skeletonColor } },
+				cardStyles: C,
+				layout: S
 			}),
-			C && /* @__PURE__ */ H("div", {
+			w && /* @__PURE__ */ H("div", {
 				role: "alert",
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ V("span", {
-					className: _(oe, X.subtitle),
+					className: v(oe, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
 				}), /* @__PURE__ */ V(k, {
 					label: e.retryLabel,
-					onClick: w
+					onClick: T
 				})]
 			}),
 			/* @__PURE__ */ V("div", {
@@ -308,17 +308,17 @@ var W = {
 	}), P = s || !!c || o.length === 0;
 	return /* @__PURE__ */ H("div", {
 		style: se,
-		className: _("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", X.container, b),
+		className: v("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", X.container, x),
 		children: [
 			/* @__PURE__ */ H("div", {
 				className: "flex items-start justify-between gap-4",
 				children: [/* @__PURE__ */ H("div", {
 					className: "min-w-0 gap-2",
 					children: [/* @__PURE__ */ V("h1", {
-						className: _("truncate", ae),
+						className: v("truncate", ae),
 						children: e.title
 					}), /* @__PURE__ */ V("p", {
-						className: _("mt-1", oe, X.subtitle),
+						className: v("mt-1", oe, X.subtitle),
 						children: e.subtitle
 					})]
 				}), /* @__PURE__ */ V(fe, {
@@ -326,12 +326,12 @@ var W = {
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
 					iconBefore: /* @__PURE__ */ V(R, {
-						size: E.SM,
+						size: D.SM,
 						"aria-hidden": !0,
-						stroke: D
+						stroke: O
 					}),
 					onClick: t,
-					className: _("shrink-0", X.createButton)
+					className: v("shrink-0", X.createButton)
 				})]
 			}),
 			/* @__PURE__ */ H("div", {
@@ -345,28 +345,28 @@ var W = {
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
-						size: ie.Large,
+						size: re.Large,
 						onFocus: he,
 						onBlur: ge
 					})
 				}), e.sortOptions.length > 0 && /* @__PURE__ */ V("div", {
 					ref: M,
-					className: _(pe && X.sortControlHidden),
-					children: /* @__PURE__ */ V(ne, {
+					className: v(pe && X.sortControlHidden),
+					children: /* @__PURE__ */ V(te, {
 						items: ve,
 						label: _e,
-						variant: re.Primary,
-						appearance: te.Ghost,
-						iconBefore: y === void 0 ? /* @__PURE__ */ V(N, {
-							size: E.SM,
+						variant: ne.Primary,
+						appearance: ee.Ghost,
+						iconBefore: b === void 0 ? /* @__PURE__ */ V(N, {
+							size: D.SM,
 							"aria-hidden": !0,
-							stroke: D
-						}) : y,
+							stroke: O
+						}) : b,
 						className: X.sortButton
 					})
 				})]
 			}),
-			h,
+			g,
 			/* @__PURE__ */ V("span", {
 				role: "status",
 				"aria-live": "polite",
@@ -374,7 +374,7 @@ var W = {
 				children: ye
 			}),
 			/* @__PURE__ */ V("div", {
-				className: _("mx-auto flex size-full w-full min-w-0 flex-col", P && "items-center justify-center"),
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", P && "items-center justify-center"),
 				children: xe()
 			})
 		]
@@ -389,9 +389,9 @@ var W = {
 	let o = B(/* @__PURE__ */ new Date()).current;
 	return /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ V(S, {
+		children: [/* @__PURE__ */ V(C, {
 			id: "scheduled-task-run-at",
-			mode: C.DateTime,
+			mode: w.DateTime,
 			value: s(t),
 			onChange: (e) => r(n(e)),
 			minDate: o,
@@ -401,7 +401,7 @@ var W = {
 			},
 			invalid: !!i
 		}), i && /* @__PURE__ */ V("p", {
-			className: _(a, Ye.error),
+			className: v(a, Ye.error),
 			children: i
 		})]
 	});
@@ -412,7 +412,7 @@ var W = {
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, Ze = Ee(async () => ({ default: (await U()).MarkdownEditor })), Qe = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: d, modelLabelId: m, skillSelector: ee, onFieldChange: y, onBack: te, onCancel: ne, onSubmit: re, isSubmitting: w = !1, onRefineDescription: ie, onRefineInstructions: O, markdownEditorTheme: k, backIcon: ae, className: oe, styles: le }) => {
+}, Ze = Ee(async () => ({ default: (await U()).MarkdownEditor })), Qe = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: ee, onCancel: te, onSubmit: ne, isSubmitting: T = !1, onRefineDescription: re, onRefineInstructions: ie, markdownEditorTheme: k, backIcon: ae, className: oe, styles: le }) => {
 	let ue = Oe(), fe = Oe(), A = B(void 0), j = (e) => e ? async (t, n) => {
 		if (A.current && !A.current.aborted) throw new DOMException("Busy", "AbortError");
 		A.current = n;
@@ -421,40 +421,40 @@ var W = {
 		} finally {
 			A.current === n && (A.current = void 0);
 		}
-	} : void 0, M = b({
+	} : void 0, M = x({
 		value: r.description ?? "",
-		onChange: (e) => y("description", e),
-		onRefine: j(ie),
-		disabled: w
-	}), he = b({
+		onChange: (e) => b("description", e),
+		onRefine: j(re),
+		disabled: T
+	}), he = x({
 		value: r.prompt,
-		onChange: (e) => y("prompt", e),
-		onRefine: j(O),
-		disabled: w
+		onChange: (e) => b("prompt", e),
+		onRefine: j(ie),
+		disabled: T
 	}), ge = M.isPending || he.isPending, ve = () => {
 		M.reset(), he.reset();
-	}, N = x(!!(s && Je(r, s))), be = () => N.guard(() => {
-		ve(), te();
+	}, N = S(!!(s && Je(r, s))), be = () => N.guard(() => {
+		ve(), ee();
 	}), xe = () => N.guard(() => {
-		ve(), ne();
-	}), P = v(), Se = !r.skillUrls?.length, [F, Ce] = je(), I = B(/* @__PURE__ */ new Date()).current, { colors: L, typography: R, layout: we } = le ?? {}, Ee = R?.titleClassName ?? "dial-h1-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", ke = R?.sectionSubtitleClassName ?? "dial-tiny-text", Ae = R?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = R?.instructionsErrorClassName ?? "dial-small-text", G = g({
+		ve(), te();
+	}), P = y(), Se = !r.skillUrls?.length, [F, Ce] = je(), I = B(/* @__PURE__ */ new Date()).current, { colors: L, typography: R, layout: we } = le ?? {}, Ee = R?.titleClassName ?? "dial-h1-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", ke = R?.sectionSubtitleClassName ?? "dial-tiny-text", Ae = R?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = R?.instructionsErrorClassName ?? "dial-small-text", G = _({
 		"--stcf-details-border": L?.detailsColumnBorder,
 		"--stcf-subtitle-text": L?.sectionSubtitleText,
 		"--stcf-error-text": L?.instructionsErrorText,
 		"--stcf-refine-action-text": L?.refineActionText,
 		"--stcf-refine-error-text": L?.refineErrorText
 	}), K = {
-		feedbackClassName: _(L?.refineActionText && Z.refineFeedback, R?.refineFeedbackClassName, W.refineFeedback),
+		feedbackClassName: v(L?.refineActionText && Z.refineFeedback, R?.refineFeedbackClassName, W.refineFeedback),
 		errorClassName: Z.refineError
 	}, Pe = (e) => {
-		Ce(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), y("time", e.target.value);
+		Ce(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
 	}, q = (e) => {
-		Ce(void 0), y("time", typeof e == "string" ? e : "");
+		Ce(void 0), b("time", typeof e == "string" ? e : "");
 	}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
 	De(() => {
 		J || Ce(void 0);
 	}, [J]);
-	let Fe = J ? F ?? u.time : void 0, Y = (e) => y("runAt", e), Ie = w || ge || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
+	let Fe = J ? F ?? u.time : void 0, Y = (e) => b("runAt", e), Ie = T || ge || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
 	return /* @__PURE__ */ H(Me, { children: [/* @__PURE__ */ V(Ne, {
 		labels: {
 			title: n.pageTitle,
@@ -466,14 +466,14 @@ var W = {
 		onBack: be,
 		onCancel: xe,
 		onSubmit: () => {
-			!Ie && (!A.current || A.current.aborted) && re();
+			!Ie && (!A.current || A.current.aborted) && ne();
 		},
-		isCancelDisabled: w,
+		isCancelDisabled: T,
 		isSubmitDisabled: Ie,
-		isSubmitting: w,
+		isSubmitting: T,
 		backIcon: ae === void 0 ? /* @__PURE__ */ V(ye, {
-			size: E.LG,
-			stroke: D,
+			size: D.LG,
+			stroke: O,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
 		}) : ae,
@@ -494,7 +494,7 @@ var W = {
 		left: /* @__PURE__ */ H("div", {
 			role: "group",
 			"aria-label": n.detailsSectionTitle,
-			className: _("flex flex-1 flex-col gap-5 border-e py-6", Z.detailsColumn, Z.formColumn),
+			className: v("flex flex-1 flex-col gap-5 border-e py-6", Z.detailsColumn, Z.formColumn),
 			children: [
 				/* @__PURE__ */ H("div", {
 					className: "flex flex-col gap-1",
@@ -502,14 +502,14 @@ var W = {
 						className: z,
 						children: n.detailsSectionTitle
 					}), /* @__PURE__ */ V("p", {
-						className: _(ke, Z.sectionSubtitle),
+						className: v(ke, Z.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
 				/* @__PURE__ */ V(se, {
 					id: "scheduled-task-display-name",
 					value: r.displayName,
-					onChange: (e) => y("displayName", e ?? ""),
+					onChange: (e) => b("displayName", e ?? ""),
 					labelProps: {
 						label: n.displayNameLabel,
 						required: !0
@@ -517,21 +517,21 @@ var W = {
 					invalid: !!u.displayName,
 					error: u.displayName
 				}),
-				/* @__PURE__ */ V(h, {
-					isEnabled: !!ie,
+				/* @__PURE__ */ V(g, {
+					isEnabled: !!re,
 					fieldId: ue,
 					label: n.descriptionLabel,
 					labels: n,
 					refinement: M,
-					disabled: w || ge,
+					disabled: T || ge,
 					...K,
 					children: /* @__PURE__ */ V(_e, {
 						id: ue,
 						value: r.description ?? "",
 						onChange: (e) => {
-							M.reset(), y("description", e);
+							M.reset(), b("description", e);
 						},
-						labelProps: ie ? void 0 : { label: n.descriptionLabel },
+						labelProps: re ? void 0 : { label: n.descriptionLabel },
 						maxLength: 500,
 						invalid: !!u.description,
 						error: u.description,
@@ -546,9 +546,9 @@ var W = {
 							label: n.modelOrAgentLabel,
 							required: !0
 						}),
-						d,
+						p,
 						u.modelId && /* @__PURE__ */ V("p", {
-							className: _(U, Z.instructionsError),
+							className: v(U, Z.instructionsError),
 							children: u.modelId
 						})
 					]
@@ -559,7 +559,7 @@ var W = {
 						/* @__PURE__ */ V(pe, {
 							labelProps: { label: n.repeatLabel },
 							value: r.repeat,
-							onChange: (e) => y("repeat", e),
+							onChange: (e) => b("repeat", e),
 							options: n.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
@@ -575,9 +575,9 @@ var W = {
 						r.repeat !== t.OneTime && /* @__PURE__ */ H(Me, { children: [
 							J && /* @__PURE__ */ H("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ V(S, {
+								children: [/* @__PURE__ */ V(C, {
 									id: "scheduled-task-time",
-									mode: C.Time,
+									mode: w.Time,
 									value: r.time,
 									onChange: q,
 									onBlur: Pe,
@@ -586,27 +586,27 @@ var W = {
 										required: !0
 									},
 									invalid: !!Fe,
-									disabled: w,
+									disabled: T,
 									showTimezone: !0
 								}), Fe && /* @__PURE__ */ V("p", {
-									className: _(U, Z.instructionsError),
+									className: v(U, Z.instructionsError),
 									children: Fe
 								})]
 							}),
 							r.repeat === t.Weekly && /* @__PURE__ */ H("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ V(S, {
+								children: [/* @__PURE__ */ V(C, {
 									id: "scheduled-task-day-of-week",
-									mode: C.Weekday,
+									mode: w.Weekday,
 									value: a(r.dayOfWeek),
-									onChange: (e) => y("dayOfWeek", o(e)),
+									onChange: (e) => b("dayOfWeek", o(e)),
 									labelProps: {
 										label: n.dayOfWeekLabel,
 										required: !0
 									},
 									invalid: !!u.dayOfWeek
 								}), u.dayOfWeek && /* @__PURE__ */ V("p", {
-									className: _(U, Z.instructionsError),
+									className: v(U, Z.instructionsError),
 									children: u.dayOfWeek
 								})]
 							}),
@@ -616,7 +616,7 @@ var W = {
 								min: 1,
 								max: 31,
 								value: r.dayOfMonth ?? "",
-								onChange: (e) => y("dayOfMonth", e == null ? "" : String(e)),
+								onChange: (e) => b("dayOfMonth", e == null ? "" : String(e)),
 								labelProps: {
 									label: n.dayOfMonthLabel,
 									required: !0
@@ -630,7 +630,7 @@ var W = {
 								min: 0,
 								max: 59,
 								value: r.minute ?? "",
-								onChange: (e) => y("minute", e == null ? "" : String(e)),
+								onChange: (e) => b("minute", e == null ? "" : String(e)),
 								labelProps: {
 									label: n.minuteLabel,
 									required: !0
@@ -642,32 +642,32 @@ var W = {
 								className: "flex flex-row gap-3",
 								children: [/* @__PURE__ */ H("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ V(S, {
+									children: [/* @__PURE__ */ V(C, {
 										id: "scheduled-task-start-date",
-										mode: C.Date,
+										mode: w.Date,
 										value: e(r.startDate),
-										onChange: (e) => y("startDate", i(e)),
+										onChange: (e) => b("startDate", i(e)),
 										minDate: I,
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!u.startDate
 									}), u.startDate && /* @__PURE__ */ V("p", {
-										className: _(U, Z.instructionsError),
+										className: v(U, Z.instructionsError),
 										children: u.startDate
 									})]
 								}), /* @__PURE__ */ H("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ V(S, {
+									children: [/* @__PURE__ */ V(C, {
 										id: "scheduled-task-end-date",
-										mode: C.Date,
+										mode: w.Date,
 										value: e(r.endDate),
-										onChange: (e) => y("endDate", i(e)),
+										onChange: (e) => b("endDate", i(e)),
 										minDate: I,
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!u.endDate
 									}), u.endDate && /* @__PURE__ */ V("p", {
-										className: _(U, Z.instructionsError),
+										className: v(U, Z.instructionsError),
 										children: u.endDate
 									})]
 								})]
@@ -680,7 +680,7 @@ var W = {
 		children: /* @__PURE__ */ H("div", {
 			role: "group",
 			"aria-label": n.configurationSectionTitle,
-			className: _("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
+			className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
 			children: [
 				/* @__PURE__ */ H("div", {
 					className: "flex flex-col gap-1",
@@ -688,36 +688,36 @@ var W = {
 						className: z,
 						children: n.configurationSectionTitle
 					}), /* @__PURE__ */ V("p", {
-						className: _(ke, Z.sectionSubtitle),
+						className: v(ke, Z.sectionSubtitle),
 						children: n.configurationSectionSubtitle
 					})]
 				}),
-				ee == null ? u.skillUrls && /* @__PURE__ */ V("div", {
+				h == null ? u.skillUrls && /* @__PURE__ */ V("div", {
 					"aria-live": "polite",
 					children: /* @__PURE__ */ V("p", {
-						className: _(U, Z.instructionsError),
+						className: v(U, Z.instructionsError),
 						children: u.skillUrls
 					})
 				}) : /* @__PURE__ */ V("div", {
 					className: "w-full min-w-0 max-w-[996px]",
-					children: ee
+					children: h
 				}),
 				/* @__PURE__ */ V("div", {
 					className: "flex w-full min-w-0 max-w-[996px] flex-col",
-					children: /* @__PURE__ */ V(h, {
-						isEnabled: !!O,
+					children: /* @__PURE__ */ V(g, {
+						isEnabled: !!ie,
 						fieldId: fe,
 						labelClassName: Ae,
 						label: n.instructionsLabel,
 						required: Se,
 						labels: n,
 						refinement: he,
-						disabled: w || ge,
+						disabled: T || ge,
 						...K,
 						children: /* @__PURE__ */ H("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!O && /* @__PURE__ */ V(ce, {
+								!ie && /* @__PURE__ */ V(ce, {
 									htmlFor: fe,
 									className: Ae,
 									label: n.instructionsLabel,
@@ -725,14 +725,14 @@ var W = {
 								}),
 								/* @__PURE__ */ V("div", {
 									ref: P,
-									className: _("w-full", f, p),
+									className: v("w-full", d, f),
 									children: /* @__PURE__ */ V(Te, {
 										fallback: /* @__PURE__ */ V(me, {}),
 										children: /* @__PURE__ */ V(Ze, {
 											id: fe,
 											value: r.prompt,
 											onChange: (e) => {
-												he.reset(), y("prompt", e);
+												he.reset(), b("prompt", e);
 											},
 											height: 480,
 											theme: k,
@@ -741,7 +741,7 @@ var W = {
 									})
 								}),
 								u.prompt && /* @__PURE__ */ V("p", {
-									className: _(U, Z.instructionsError),
+									className: v(U, Z.instructionsError),
 									children: u.prompt
 								})
 							]
@@ -756,7 +756,7 @@ var W = {
 		message: n.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
 		confirmLabel: n.discardConfirmLabel ?? "Discard changes",
 		cancelLabel: n.discardCancelLabel ?? "Keep editing",
-		variant: T.Danger,
+		variant: E.Danger,
 		onConfirm: N.confirm,
 		onClose: N.dismiss
 	})] });
@@ -771,7 +771,7 @@ var W = {
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, tt.subtitleText),
+			className: v(o, tt.subtitleText),
 			children: e
 		}), /* @__PURE__ */ V("p", {
 			className: "whitespace-normal break-all",
@@ -785,9 +785,9 @@ var W = {
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, tt.subtitleText),
+			className: v(o, tt.subtitleText),
 			children: n
-		}), i ? i(r) : /* @__PURE__ */ V(m, {
+		}), i ? i(r) : /* @__PURE__ */ V(p, {
 			content: r,
 			...a
 		})]
@@ -796,7 +796,7 @@ var W = {
 	t && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, rt.subtitleText),
+			className: v(o, rt.subtitleText),
 			children: e.descriptionLabel
 		}), /* @__PURE__ */ V("p", {
 			className: s,
@@ -806,7 +806,7 @@ var W = {
 	a && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, rt.subtitleText),
+			className: v(o, rt.subtitleText),
 			children: e.completedFieldLabel
 		}), /* @__PURE__ */ V("p", {
 			className: s,
@@ -816,7 +816,7 @@ var W = {
 	n && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, rt.subtitleText),
+			className: v(o, rt.subtitleText),
 			children: e.modelLabel
 		}), /* @__PURE__ */ V("p", {
 			className: s,
@@ -826,7 +826,7 @@ var W = {
 	r && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, rt.subtitleText),
+			className: v(o, rt.subtitleText),
 			children: e.repeatsLabel
 		}), /* @__PURE__ */ V("p", {
 			className: s,
@@ -836,7 +836,7 @@ var W = {
 	i && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ V("span", {
-			className: _(o, rt.subtitleText),
+			className: v(o, rt.subtitleText),
 			children: e.activeWindowLabel
 		}), /* @__PURE__ */ V("p", {
 			className: s,
@@ -857,31 +857,31 @@ var W = {
 }, ot = ({ status: e }) => {
 	switch (e) {
 		case at.Success: return /* @__PURE__ */ V(xe, {
-			size: E.SM,
+			size: D.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: D
+			stroke: O
 		});
 		case at.Error: return /* @__PURE__ */ V(P, {
-			size: E.SM,
+			size: D.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: D
+			stroke: O
 		});
 		case at.InProgress: return /* @__PURE__ */ V("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ V(me, { size: E.SM })
+			children: /* @__PURE__ */ V(me, { size: D.SM })
 		});
 		case at.Missed: return /* @__PURE__ */ V(ve, {
-			size: E.SM,
+			size: D.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: D
+			stroke: O
 		});
 		default: return null;
 	}
 }, st = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: i, onRetry: a, currentRunId: o, onRunClick: s, labels: c, footer: l, styles: u }) => {
-	let { colors: d, typography: f } = u ?? {}, p = f?.runTimestampClassName ?? "dial-small-text", m = f?.subtitleClassName ?? "dial-body-text", ee = c.unreadIndicatorLabel ?? "Unread", h = g({
+	let { colors: d, typography: f } = u ?? {}, p = f?.runTimestampClassName ?? "dial-small-text", m = f?.subtitleClassName ?? "dial-body-text", h = c.unreadIndicatorLabel ?? "Unread", g = _({
 		"--strhl-success-icon": d?.successIconColor,
 		"--strhl-error-icon": d?.errorIconColor,
 		"--strhl-missed-icon": d?.missedIconColor,
@@ -891,8 +891,8 @@ var W = {
 		"--strhl-row-hover-bg": u?.rowHoverBackground,
 		"--strhl-row-focus-bg": u?.rowFocusBackground,
 		"--strhl-row-focus-outline": u?.rowFocusOutline
-	}), v = (e) => {
-		let t = c.runStatusLabels[e.status], n = e.id === o, r = [e.isUnread ? ee : void 0, n ? c.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), a = !!e.conversationId && !!s;
+	}), y = (e) => {
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = [e.isUnread ? h : void 0, n ? c.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), a = !!e.conversationId && !!s;
 		return /* @__PURE__ */ H("li", {
 			...a ? {
 				role: "button",
@@ -904,17 +904,17 @@ var W = {
 			} : {},
 			"aria-label": i,
 			"aria-current": n ? "true" : void 0,
-			className: _("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full pe-2", Q.rowLayout, n && Q.currentRun, a && "cursor-pointer", a && Q.interactiveRow),
+			className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full pe-2", Q.rowLayout, n && Q.currentRun, a && "cursor-pointer", a && Q.interactiveRow),
 			children: [/* @__PURE__ */ H("span", {
 				className: "flex items-center gap-2 truncate",
 				children: [/* @__PURE__ */ V("span", {
 					className: "relative flex size-3 shrink-0 items-center justify-center",
 					children: e.isUnread && /* @__PURE__ */ V("span", {
-						className: _("size-[5.33px] rounded-full", Q.unreadDot),
+						className: v("size-[5.33px] rounded-full", Q.unreadDot),
 						"aria-hidden": !0
 					})
 				}), /* @__PURE__ */ V("span", {
-					className: _(p, "truncate"),
+					className: v(p, "truncate"),
 					children: e.timestampLabel
 				})]
 			}), /* @__PURE__ */ V("span", {
@@ -922,9 +922,9 @@ var W = {
 				children: /* @__PURE__ */ V(ot, { status: e.status })
 			})]
 		}, e.id);
-	}, y = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ H("li", {
+	}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ H("li", {
 		"aria-hidden": "true",
-		className: _("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 pe-2", Q.rowLayout),
+		className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 pe-2", Q.rowLayout),
 		children: [/* @__PURE__ */ V(j, {
 			variant: M.Rectangular,
 			width: "160px",
@@ -938,29 +938,29 @@ var W = {
 	}, `history-skeleton-${t}`));
 	return t && e.length === 0 ? /* @__PURE__ */ V("ul", {
 		style: {
-			...h,
+			...g,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
-		children: y(r)
+		children: b(r)
 	}) : i && e.length === 0 ? /* @__PURE__ */ H("div", {
-		style: h,
+		style: g,
 		className: "flex flex-col items-start gap-3",
 		children: [/* @__PURE__ */ V("p", {
 			role: "alert",
-			className: _(m, Q.subtitleText),
+			className: v(m, Q.subtitleText),
 			children: c.errorLabel
 		}), /* @__PURE__ */ V(k, {
 			label: c.retryLabel,
 			onClick: a
 		})]
 	}) : e.length === 0 ? /* @__PURE__ */ H("div", {
-		style: h,
+		style: g,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
 		children: [/* @__PURE__ */ V(Se, {
 			size: 44,
-			stroke: D,
+			stroke: O,
 			className: Q.subtitleText,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ V("p", {
@@ -970,19 +970,19 @@ var W = {
 		})]
 	}) : /* @__PURE__ */ H("ul", {
 		style: {
-			...h,
+			...g,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: [
-			e.map(v),
-			n && y(r),
+			e.map(y),
+			n && b(r),
 			i ? /* @__PURE__ */ H("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
 				children: [/* @__PURE__ */ V("p", {
 					role: "alert",
-					className: _(m, Q.subtitleText),
+					className: v(m, Q.subtitleText),
 					children: c.errorLabel
 				}), /* @__PURE__ */ V(k, {
 					label: c.retryLabel,
@@ -995,9 +995,9 @@ var W = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, lt = ({ 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", sectionTitleClassName: ee = "dial-body-semi-text", colors: h, styles: g }) => {
-	let v = e === et.Card, y = v ? _("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", ct.historyCard) : "pt-2", b = l ? /* @__PURE__ */ H("li", {
-		className: y,
+}, lt = ({ 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", sectionTitleClassName: h = "dial-body-semi-text", colors: g, styles: _ }) => {
+	let y = e === et.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", ct.historyCard) : "pt-2", x = l ? /* @__PURE__ */ H("li", {
+		className: b,
 		children: [/* @__PURE__ */ V("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
@@ -1007,21 +1007,21 @@ var W = {
 			disabled: a
 		})]
 	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ V("li", {
-		className: y,
+		className: b,
 		children: /* @__PURE__ */ V(k, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, x = n ? /* @__PURE__ */ V("p", {
-		className: _(m, ct.subtitleText),
+	}) : void 0, S = n ? /* @__PURE__ */ V("p", {
+		className: v(m, ct.subtitleText),
 		children: n
-	}) : void 0, te = t.historyLoadingMoreLabel ? /* @__PURE__ */ V("span", {
+	}) : void 0, ee = t.historyLoadingMoreLabel ? /* @__PURE__ */ V("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, ne = /* @__PURE__ */ V(st, {
+	}) : void 0, te = /* @__PURE__ */ V(st, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1037,39 +1037,39 @@ var W = {
 			runStatusLabels: t.runStatusLabels,
 			unreadIndicatorLabel: t.unreadIndicatorLabel
 		},
-		footer: b,
+		footer: x,
 		styles: {
 			typography: { runTimestampClassName: m },
-			colors: g?.colors ?? h,
-			rowMinHeight: g?.rowMinHeight,
-			rowHoverBackground: g?.rowHoverBackground,
-			rowFocusBackground: g?.rowFocusBackground,
-			rowFocusOutline: g?.rowFocusOutline
+			colors: _?.colors ?? g,
+			rowMinHeight: _?.rowMinHeight,
+			rowHoverBackground: _?.rowHoverBackground,
+			rowFocusBackground: _?.rowFocusBackground,
+			rowFocusOutline: _?.rowFocusOutline
 		}
 	});
-	return v ? /* @__PURE__ */ H("div", {
-		className: _("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", ct.historyCard, ct.cardLayout),
-		style: { "--st-history-max-height": g?.maxHeight },
+	return y ? /* @__PURE__ */ H("div", {
+		className: v("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", ct.historyCard, ct.cardLayout),
+		style: { "--st-history-max-height": _?.maxHeight },
 		children: [/* @__PURE__ */ H("div", {
-			className: _("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", ct.historyCard),
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", ct.historyCard),
 			children: [
 				/* @__PURE__ */ V("h2", {
-					className: ee,
+					className: h,
 					children: t.historyTitle
 				}),
-				x,
-				te
+				S,
+				ee
 			]
 		}), /* @__PURE__ */ V("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
-			children: ne
+			children: te
 		})]
 	}) : /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-4",
 		children: [
-			x,
-			te,
-			ne
+			S,
+			ee,
+			te
 		]
 	});
 }, $ = {
@@ -1081,14 +1081,14 @@ var W = {
 	desktopTitle: "_desktopTitle_1w44s_39",
 	desktopBadge: "_desktopBadge_1w44s_40",
 	mobileTitleRow: "_mobileTitleRow_1w44s_44"
-}, ut = ({ 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: ee, displayName: h, isLoading: v = !1, error: b, onRetry: x, description: te, modelLabel: ne, repeatsLabel: S, activeWindowLabel: C, completedLabel: w, nextRunLabel: T, instructionsMarkdown: ie, skillDisplayNames: O, renderInstructions: oe, runs: se, runsIsLoading: ce = !1, runsIsLoadingMore: le = !1, runsSkeletonCount: de = 6, runsError: fe, onRunsRetry: A, runsLoadMoreError: pe, onRunsRetryLoadMore: j, runsHasMore: M = !1, onRunsLoadMore: _e, onRunClick: ve, styles: N, className: be, backIcon: xe, layout: P, historyStyles: Se }) => {
-	let { colors: F, typography: I } = N ?? {}, R = I?.titleClassName ?? "dial-h2-text", Te = I?.sectionTitleClassName ?? "dial-body-semi-text", Ee = I?.fieldLabelClassName ?? "dial-tiny-text", z = I?.fieldValueClassName ?? "dial-small-text", De = I?.runTimestampClassName ?? "dial-small-text", ke = g({
+}, ut = ({ 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: S, description: ee, modelLabel: te, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: ie, renderInstructions: oe, runs: se, runsIsLoading: ce = !1, runsIsLoadingMore: le = !1, runsSkeletonCount: de = 6, runsError: fe, onRunsRetry: A, runsLoadMoreError: pe, onRunsRetryLoadMore: j, runsHasMore: M = !1, onRunsLoadMore: _e, onRunClick: ve, styles: N, className: be, backIcon: xe, layout: P, historyStyles: Se }) => {
+	let { colors: F, typography: I } = N ?? {}, R = I?.titleClassName ?? "dial-h2-text", Te = I?.sectionTitleClassName ?? "dial-body-semi-text", Ee = I?.fieldLabelClassName ?? "dial-tiny-text", z = I?.fieldValueClassName ?? "dial-small-text", De = I?.runTimestampClassName ?? "dial-small-text", ke = _({
 		"--stdv-bg": F?.background,
 		"--stdv-header-border": F?.headerBorder,
 		"--stdv-details-border": F?.detailsColumnBorder,
 		"--stdv-subtitle-text": F?.subtitleText,
 		"--stdv-history-bg": F?.historyCardBackground
-	}), Ae = y(), [B, Ne] = je($e.Details), U = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, G = [
+	}), Ae = b(), [B, Ne] = je($e.Details), U = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, G = [
 		{
 			id: $e.Details,
 			label: e.detailsTitle
@@ -1109,18 +1109,18 @@ var W = {
 			activeWindowLabel: e.activeWindowLabel,
 			completedFieldLabel: e.completedFieldLabel
 		},
-		description: te,
-		modelLabel: ne,
-		repeatsLabel: S,
-		activeWindowLabel: C,
-		completedLabel: w,
+		description: ee,
+		modelLabel: te,
+		repeatsLabel: C,
+		activeWindowLabel: w,
+		completedLabel: T,
 		fieldLabelClassName: Ee,
 		fieldValueClassName: z
 	}), q = /* @__PURE__ */ V(nt, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayNames: O,
-		instructionsMarkdown: ie,
+		skillDisplayNames: ie,
+		instructionsMarkdown: re,
 		renderInstructions: oe,
 		markdownLabels: {
 			codeBlockCopyLabel: e.codeBlockCopyLabel,
@@ -1143,7 +1143,7 @@ var W = {
 			runStatusLabels: e.runStatusLabels,
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
-		nextRunLabel: T,
+		nextRunLabel: E,
 		items: se,
 		isLoading: ce,
 		isLoadingMore: le,
@@ -1162,52 +1162,52 @@ var W = {
 	});
 	return /* @__PURE__ */ H("div", {
 		style: ke,
-		className: _("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, be),
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, be),
 		children: [
 			/* @__PURE__ */ H("div", {
-				className: _("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", $.header),
+				className: v("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", $.header),
 				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
 						/* @__PURE__ */ V(ae, {
 							icon: xe === void 0 ? /* @__PURE__ */ V(ye, {
-								size: E.LG,
+								size: D.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: D
+								stroke: O
 							}) : xe,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
 						/* @__PURE__ */ V("h1", {
-							className: _("truncate", $.desktopTitle, R),
-							children: h
+							className: v("truncate", $.desktopTitle, R),
+							children: g
 						}),
 						l && /* @__PURE__ */ V("span", {
-							className: _("shrink-0", $.desktopBadge, z, $.subtitleText),
+							className: v("shrink-0", $.desktopBadge, z, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
 				}), /* @__PURE__ */ H("div", {
-					className: _("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
+					className: v("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
 					children: [
 						!l && !u && d !== void 0 && /* @__PURE__ */ H(Me, { children: [/* @__PURE__ */ V(he, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: d,
 							disabled: f || p || c,
-							onChange: (e) => ee?.(e)
+							onChange: (e) => h?.(e)
 						}), p && m && /* @__PURE__ */ V("span", {
-							className: _(z, $.subtitleText),
+							className: v(z, $.subtitleText),
 							children: m
 						})] }),
 						!l && s && /* @__PURE__ */ V(k, {
-							variant: re.Danger,
+							variant: ne.Danger,
 							label: e.deleteButtonLabel,
 							iconBefore: /* @__PURE__ */ V(we, {
-								size: E.SM,
+								size: D.SM,
 								"aria-hidden": !0,
-								stroke: D
+								stroke: O
 							}),
 							onClick: s,
 							disabled: c,
@@ -1216,9 +1216,9 @@ var W = {
 						!l && n && /* @__PURE__ */ V(ue, {
 							label: e.editButtonLabel,
 							iconBefore: /* @__PURE__ */ V(Ce, {
-								size: E.SM,
+								size: D.SM,
 								"aria-hidden": !0,
-								stroke: D
+								stroke: O
 							}),
 							onClick: n,
 							disabled: c,
@@ -1233,9 +1233,9 @@ var W = {
 							}), /* @__PURE__ */ V(ue, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
 								iconBefore: /* @__PURE__ */ V(L, {
-									size: E.SM,
+									size: D.SM,
 									"aria-hidden": !0,
-									stroke: D
+									stroke: O
 								}),
 								onClick: r,
 								disabled: c || i || a || o,
@@ -1248,12 +1248,12 @@ var W = {
 				})]
 			}),
 			/* @__PURE__ */ H("div", {
-				className: _("min-w-0 items-center gap-2 px-8 py-3", $.mobileTitleRow),
+				className: v("min-w-0 items-center gap-2 px-8 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ V("h1", {
-					className: _("truncate", R),
-					children: h
+					className: v("truncate", R),
+					children: g
 				}), l && /* @__PURE__ */ V("span", {
-					className: _("shrink-0", z, $.subtitleText),
+					className: v("shrink-0", z, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
@@ -1269,21 +1269,21 @@ var W = {
 				className: "sr-only",
 				children: e.startStatusAnnouncement
 			}),
-			v && /* @__PURE__ */ V("div", {
+			y && /* @__PURE__ */ V("div", {
 				className: "flex flex-1 items-center justify-center",
 				children: /* @__PURE__ */ V(me, {})
 			}),
-			!v && b && /* @__PURE__ */ H("div", {
+			!y && x && /* @__PURE__ */ H("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
 				children: [/* @__PURE__ */ V("p", {
-					className: _(z, $.subtitleText),
+					className: v(z, $.subtitleText),
 					children: e.errorLabel
 				}), /* @__PURE__ */ V(k, {
 					label: e.retryLabel,
-					onClick: x
+					onClick: S
 				})]
 			}),
-			!v && !b && (Ae ? /* @__PURE__ */ H("div", {
+			!y && !x && (Ae ? /* @__PURE__ */ H("div", {
 				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
 				children: [/* @__PURE__ */ V(ge, {
 					ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
@@ -1314,7 +1314,7 @@ var W = {
 							flex: `0 1 ${P?.detailsWidth ?? "360px"}`,
 							maxWidth: "100%"
 						},
-						className: _("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
+						className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
 						children: [/* @__PURE__ */ V("h2", {
 							className: Te,
 							children: e.detailsTitle
@@ -1376,7 +1376,7 @@ var W = {
 				children: [/* @__PURE__ */ V("span", {
 					className: l,
 					children: r
-				}), ((e) => o ? o(e) : /* @__PURE__ */ V(m, {
+				}), ((e) => o ? o(e) : /* @__PURE__ */ V(p, {
 					content: e,
 					...s
 				}))(a)]
@@ -1385,22 +1385,19 @@ var W = {
 	});
 }, ft = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ V(l, {
 	...s,
-	variant: T.Danger,
+	variant: E.Danger,
 	popupClassName: o?.popupClassName,
 	titleClassName: o?.titleClassName,
 	messageClassName: o?.messageClassName ?? "dial-body-paragraph-text",
 	message: r,
 	isLoading: a,
 	loadingStatusLabel: i,
-	identity: /* @__PURE__ */ V(u, {
-		variant: T.Danger,
-		children: /* @__PURE__ */ V(d, {
-			icon: t,
-			typeLabel: n,
-			name: e,
-			styles: { colors: o?.colors }
-		})
-	})
+	identity: /* @__PURE__ */ V(h, { children: /* @__PURE__ */ V(u, {
+		icon: t,
+		typeLabel: n,
+		name: e,
+		styles: { colors: o?.colors }
+	}) })
 });
 //#endregion
 export { r as DESCRIPTION_MAX_LENGTH, W as SCHEDULED_TASKS_CLASS, Ie as ScheduledTaskCard, Ve as ScheduledTaskCardGrid, Be as ScheduledTaskCardSkeleton, Qe as ScheduledTaskCreateForm, ft as ScheduledTaskDeleteConfirmation, ut as ScheduledTaskDetailView, dt as ScheduledTaskDetailsSummary, lt as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, st as ScheduledTaskRunHistoryList, at as ScheduledTaskRunStatus, G as ScheduledTaskStatus, Ge as ScheduledTasks, Ke as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Je 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.2.0-dev.303",
+  "version": "1.2.0-dev.306",
   "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.0-dev.303"
+    "@epam/ai-dial-builder-form": "1.2.0-dev.306"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.303",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.306",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.39",
     "react": "^19.2.8"
   },