@epam/ai-dial-scheduled-tasks 1.2.0-dev.69 → 1.2.0-dev.73

package/index.js

@@ -1,9 +1,9 @@
 import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as e, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as t, MDMessageViewer as n, PanelEmptyState as r, buildCssVars as i, mergeClasses as a, useAvailableHeightCap as o, useIsMobile as s } from "@epam/ai-dial-chat-shared";
-import { ButtonAppearance as c, ButtonDropdown as l, ButtonVariant as u, Calendar as d, CalendarMode as f, CardShell as p, DIAL_ICON_SIZE as m, DIAL_KIT_ICON_STROKE as h, ElementSize as g, FolderPath as _, GhostButton as v, GhostIconButton as y, Highlight as b, Input as x, Label as S, MenuItemMark as ee, NeutralButton as C, NumberInput as te, PrimaryButton as w, Search as T, Select as ne, Skeleton as E, SkeletonVariant as D, Spinner as O, Switch as k, Tabs as re, Textarea as A } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as j, IconArrowLeft as ie, IconCircleCheck as M, IconCircleX as ae, IconClipboardX as N, IconPencilMinus as P, IconPlayerPause as F, IconPlus as oe, IconTrashX as se } from "@tabler/icons-react";
-import { Suspense as ce, lazy as le, useCallback as I, useEffect as L, useId as R, useLayoutEffect as z, useMemo as ue, useRef as B, useState as de } from "react";
-import { Fragment as fe, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { BuilderFormContainer as pe } from "@epam/ai-dial-builder-form";
+import { ButtonAppearance as c, ButtonDropdown as l, ButtonVariant as u, Calendar as d, CalendarMode as f, CardShell as p, DIAL_ICON_SIZE as m, DIAL_KIT_ICON_STROKE as h, ElementSize as g, FolderPath as _, GhostButton as v, GhostIconButton as y, Highlight as b, Input as x, Label as S, MenuItemMark as ee, NeutralButton as C, NumberInput as te, PrimaryButton as w, Search as T, Select as ne, Skeleton as E, SkeletonVariant as D, Spinner as re, Switch as O, Tabs as ie, Textarea as k } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as A, IconArrowLeft as ae, IconCircleCheck as j, IconCircleX as oe, IconClipboardX as M, IconPencilMinus as N, IconPlayerPause as P, IconPlus as se, IconTrashX as ce } from "@tabler/icons-react";
+import { Suspense as le, lazy as ue, useCallback as F, useEffect as I, useId as de, useLayoutEffect as fe, useMemo as pe, useRef as L, useState as R } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { BuilderFormContainer as H } from "@epam/ai-dial-builder-form";
 import { LazyMarkdownEditor as me } from "@epam/ai-dial-ui-kit/editors";
 //#region src/constants/public-class-names.ts
 var U = {
@@ -42,45 +42,45 @@ var U = {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ H(p, {
+	return /* @__PURE__ */ V(p, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
 		style: te,
 		className: a("h-[232px]", n && "cursor-pointer", s, U.card),
 		...w,
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex min-w-0 shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ V(b, {
+				children: [/* @__PURE__ */ B(b, {
 					text: e.displayName,
 					query: t,
 					maxLines: 1,
 					className: a(f, W.title)
-				}), e.isNew && /* @__PURE__ */ V("span", {
+				}), e.isNew && /* @__PURE__ */ B("span", {
 					className: a("shrink-0 rounded-full px-2 py-0.5", ee, W.newBadge),
 					children: c
 				})]
 			}),
-			e.descriptionPreview && /* @__PURE__ */ V("p", {
+			e.descriptionPreview && /* @__PURE__ */ B("p", {
 				className: a("line-clamp-4 min-h-0 flex-1 overflow-hidden", v, g, W.description),
 				children: e.descriptionPreview
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ B("div", {
 					className: "flex min-h-[28px] items-center",
-					children: e.isActive === !1 ? /* @__PURE__ */ H("span", {
+					children: e.isActive === !1 ? /* @__PURE__ */ V("span", {
 						className: a("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", W.pausedPill, C, W.pausedLabel),
-						children: [/* @__PURE__ */ V(F, {
+						children: [/* @__PURE__ */ B(P, {
 							size: m.SM,
 							"aria-hidden": !0,
 							stroke: h
 						}), l]
-					}) : /* @__PURE__ */ V("span", {
+					}) : /* @__PURE__ */ B("span", {
 						className: a("inline-block rounded-lg border px-2 py-1", W.schedulePill, y, W.scheduleLabel),
 						children: e.scheduleLabel
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(_, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ B(_, {
 					segments: e.locationSegments,
 					labelClassName: a(x, W.locationLabel),
 					leafClassName: a(S, W.locationLeaf),
@@ -93,28 +93,28 @@ var U = {
 	"100%",
 	"100%",
 	"61%"
-], G = "var(--stcs-skeleton-bg)", ve = ({ styles: e }) => /* @__PURE__ */ H(p, {
+], G = "var(--stcs-skeleton-bg)", ve = ({ styles: e }) => /* @__PURE__ */ V(p, {
 	"aria-hidden": !0,
 	style: i({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
 	className: a("h-[232px]", ge.card),
 	children: [
-		/* @__PURE__ */ V(E, {
+		/* @__PURE__ */ B(E, {
 			variant: D.Rectangular,
 			width: "60%",
 			height: "20px",
 			color: G,
 			className: "shrink-0"
 		}),
-		/* @__PURE__ */ V("div", {
+		/* @__PURE__ */ B("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: _e.map((e, t) => /* @__PURE__ */ V(E, {
+			children: _e.map((e, t) => /* @__PURE__ */ B(E, {
 				variant: D.Rectangular,
 				width: e,
 				height: "16px",
 				color: G
 			}, t))
 		}),
-		/* @__PURE__ */ V(E, {
+		/* @__PURE__ */ B(E, {
 			variant: D.Rectangular,
 			width: "110px",
 			height: "28px",
@@ -122,15 +122,15 @@ var U = {
 			className: "shrink-0 rounded-lg"
 		})
 	]
-}), ye = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: o = 0, skeletonStyles: s }) => /* @__PURE__ */ H("div", {
+}), ye = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: o = 0, skeletonStyles: s }) => /* @__PURE__ */ V("div", {
 	className: a("grid grid-cols-1 gap-5 desktop:grid-cols-3", U.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ V(he, {
+	children: [e.map((e) => /* @__PURE__ */ B(he, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: o }, (e, t) => /* @__PURE__ */ V(ve, { styles: s }, `skeleton-${t}`))]
+	}, e.id)), Array.from({ length: o }, (e, t) => /* @__PURE__ */ B(ve, { styles: s }, `skeleton-${t}`))]
 }), K = {
 	container: "_container_1ct1h_2",
 	subtitle: "_subtitle_1ct1h_6",
@@ -144,22 +144,22 @@ var U = {
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
 	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : xe(e.parentElement);
 }, Se = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: o, sortKey: s, onSortChange: d, items: f, isLoading: p = !1, error: _, onRetry: y, hasMore: b = !1, isLoadingMore: x = !1, skeletonCount: S = 6, onLoadMore: C, onCardClick: te, banner: ne, styles: E }) => {
-	let { colors: D, typography: k } = E ?? {}, re = k?.titleClassName ?? "dial-h1-text", A = k?.subtitleClassName ?? "dial-body-text", j = i({
+	let { colors: D, typography: O } = E ?? {}, ie = O?.titleClassName ?? "dial-h1-text", k = O?.subtitleClassName ?? "dial-body-text", A = i({
 		"--st-bg": D?.background,
 		"--st-subtitle-text": D?.subtitleText,
 		"--st-sort-text": D?.sortButtonText
-	}), ie = (e) => {
+	}), ae = (e) => {
 		o(e ?? "");
-	}, [M, ae] = de(!1), [N, P] = de(!1), F = B(null), se = I(() => {
-		P(!0);
-	}, []), ce = I(() => {
-		P(!1);
+	}, [j, oe] = R(!1), [M, N] = R(!1), P = L(null), ce = F(() => {
+		N(!0);
+	}, []), le = F(() => {
+		N(!1);
 	}, []);
-	z(() => {
-		let e = F.current;
-		N && M && e != null && e.offsetParent == null && ae(!1);
-	}, [N, M]);
-	let le = e.sortOptions.find((e) => e.value === s)?.label ?? e.sortLabel, R = ue(() => e.sortOptions.map((e) => ({
+	fe(() => {
+		let e = P.current;
+		M && j && e != null && e.offsetParent == null && oe(!1);
+	}, [M, j]);
+	let ue = e.sortOptions.find((e) => e.value === s)?.label ?? e.sortLabel, de = pe(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
 		mark: ee.Check,
@@ -169,9 +169,9 @@ var U = {
 		e.sortOptions,
 		s,
 		d
-	]), fe = be(p, x, !!_, f.length, n.trim().length > 0, e), pe = B(null);
-	L(() => {
-		let e = pe.current;
+	]), z = be(p, x, !!_, f.length, n.trim().length > 0, e), H = L(null);
+	I(() => {
+		let e = H.current;
 		if (!e || !C) return;
 		let t = xe(e.parentElement);
 		if (!t) return;
@@ -187,53 +187,53 @@ var U = {
 		p,
 		C
 	]);
-	let me = () => p ? /* @__PURE__ */ V(O, {}) : _ ? /* @__PURE__ */ H("div", {
+	let me = () => p ? /* @__PURE__ */ B(re, {}) : _ ? /* @__PURE__ */ V("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ V("p", {
-			className: a(A, K.subtitle),
+		children: [/* @__PURE__ */ B("p", {
+			className: a(k, K.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ V(v, {
+		}), /* @__PURE__ */ B(v, {
 			label: e.retryLabel,
 			onClick: y
 		})]
-	}) : f.length === 0 ? n.trim() ? /* @__PURE__ */ V("p", {
-		className: a(A, K.subtitle),
+	}) : f.length === 0 ? n.trim() ? /* @__PURE__ */ B("p", {
+		className: a(k, K.subtitle),
 		children: e.noResultsLabel
-	}) : /* @__PURE__ */ V(r, { label: e.emptyStateLabel }) : /* @__PURE__ */ H("div", {
+	}) : /* @__PURE__ */ B(r, { label: e.emptyStateLabel }) : /* @__PURE__ */ V("div", {
 		className: "flex w-full flex-col gap-6",
-		children: [/* @__PURE__ */ V(ye, {
+		children: [/* @__PURE__ */ B(ye, {
 			items: f,
 			searchQuery: n,
 			onCardClick: te,
 			labels: e.cardLabels,
 			trailingSkeletonCount: x ? S : 0,
 			skeletonStyles: { colors: { skeletonColor: D?.skeletonColor } }
-		}), /* @__PURE__ */ V("div", {
-			ref: pe,
+		}), /* @__PURE__ */ B("div", {
+			ref: H,
 			"aria-hidden": !0,
 			className: "h-px w-full"
 		})]
 	}), U = p || !!_ || f.length === 0;
-	return /* @__PURE__ */ H("div", {
-		style: j,
+	return /* @__PURE__ */ V("div", {
+		style: A,
 		className: a("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", K.container),
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "min-w-0 gap-2",
-					children: [/* @__PURE__ */ V("h1", {
-						className: a("truncate", re),
+					children: [/* @__PURE__ */ B("h1", {
+						className: a("truncate", ie),
 						children: e.title
-					}), /* @__PURE__ */ V("p", {
-						className: a("mt-1", A, K.subtitle),
+					}), /* @__PURE__ */ B("p", {
+						className: a("mt-1", k, K.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ V(w, {
+				}), /* @__PURE__ */ B(w, {
 					label: e.createButtonLabel,
 					textClassName: "hidden desktop:inline",
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ V(oe, {
+					iconBefore: /* @__PURE__ */ B(se, {
 						size: m.SM,
 						"aria-hidden": !0,
 						stroke: h
@@ -242,27 +242,27 @@ var U = {
 					className: a("shrink-0", K.createButton)
 				})]
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ B("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ V(T, {
+					children: /* @__PURE__ */ B(T, {
 						value: n,
-						onChange: ie,
+						onChange: ae,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
 						size: g.Large,
-						onFocus: se,
-						onBlur: ce
+						onFocus: ce,
+						onBlur: le
 					})
-				}), e.sortOptions.length > 0 && /* @__PURE__ */ V("div", {
-					ref: F,
-					className: a(N && K.sortControlHidden),
-					children: /* @__PURE__ */ V(l, {
-						items: R,
-						label: le,
+				}), e.sortOptions.length > 0 && /* @__PURE__ */ B("div", {
+					ref: P,
+					className: a(M && K.sortControlHidden),
+					children: /* @__PURE__ */ B(l, {
+						items: de,
+						label: ue,
 						variant: u.Primary,
 						appearance: c.Ghost,
 						className: K.sortButton
@@ -270,13 +270,13 @@ var U = {
 				})]
 			}),
 			ne,
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ B("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: fe
+				children: z
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ B("div", {
 				className: a("mx-auto flex size-full w-full max-w-[1180px] flex-col", U && "items-center justify-center"),
 				children: me()
 			})
@@ -304,25 +304,45 @@ var U = {
 }, je = (e) => {
 	let t = typeof e == "string" ? Number(e) : NaN;
 	return Number.isFinite(t) ? String(t - 1) : "";
+}, Me = { error: "_error_v2pfn_4" }, Ne = ({ label: e, value: t, onChange: n, error: r, errorClassName: i = "dial-small-text" }) => {
+	let o = pe(() => /* @__PURE__ */ new Date(), []);
+	return /* @__PURE__ */ V("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ B(d, {
+			id: "scheduled-task-run-at",
+			mode: f.DateTime,
+			value: Ee(t),
+			onChange: (e) => n(De(e)),
+			minDate: o,
+			labelProps: {
+				label: e,
+				required: !0
+			},
+			invalid: !!r
+		}), r && /* @__PURE__ */ B("p", {
+			className: a(i, Me.error),
+			children: r
+		})]
+	});
 }, Y = {
 	detailsColumn: "_detailsColumn_1mg3v_1",
 	sectionSubtitle: "_sectionSubtitle_1mg3v_5",
 	instructionsError: "_instructionsError_1mg3v_9"
-}, Me = le(async () => ({ default: (await me()).MarkdownEditor })), Ne = ({ labels: n, values: r, errors: s, modelSelector: c, modelLabelId: l, onFieldChange: u, onBack: p, onCancel: m, onSubmit: h, isSubmitting: g = !1, markdownEditorTheme: _, styles: v }) => {
-	let y = R(), b = o(), [ee, C] = de(), { colors: w, typography: T } = v ?? {}, E = T?.titleClassName ?? "dial-h1-text", D = T?.sectionTitleClassName ?? "dial-body-semi-text", k = T?.sectionSubtitleClassName ?? "dial-tiny-text", re = T?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", j = T?.instructionsErrorClassName ?? "dial-small-text", ie = i({
+}, Pe = ue(async () => ({ default: (await me()).MarkdownEditor })), Fe = ({ labels: n, values: r, errors: s, modelSelector: c, modelLabelId: l, onFieldChange: u, onBack: p, onCancel: m, onSubmit: h, isSubmitting: g = !1, markdownEditorTheme: _, styles: v }) => {
+	let y = de(), b = o(), [ee, C] = R(), { colors: w, typography: T } = v ?? {}, E = T?.titleClassName ?? "dial-h1-text", D = T?.sectionTitleClassName ?? "dial-body-semi-text", O = T?.sectionSubtitleClassName ?? "dial-tiny-text", ie = T?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", A = T?.instructionsErrorClassName ?? "dial-small-text", ae = i({
 		"--stcf-details-border": w?.detailsColumnBorder,
 		"--stcf-subtitle-text": w?.sectionSubtitleText,
 		"--stcf-error-text": w?.instructionsErrorText
-	}), M = (e) => {
+	}), j = (e) => {
 		C(Te.test(e.target.value) ? void 0 : n.timeInvalidLabel), u("time", e.target.value);
-	}, ae = (e) => {
+	}, oe = (e) => {
 		C(void 0), u("time", typeof e == "string" ? e : "");
-	}, N = r.repeat !== q.OneTime && r.repeat !== q.Hourly;
-	L(() => {
-		N || C(void 0);
-	}, [N]);
-	let P = N ? ee ?? s.time : void 0, F = g || !r.displayName.trim() || !r.modelId || !r.prompt.trim() || N && !r.time || !!P;
-	return /* @__PURE__ */ V(pe, {
+	}, M = r.repeat !== q.OneTime && r.repeat !== q.Hourly;
+	I(() => {
+		M || C(void 0);
+	}, [M]);
+	let N = M ? ee ?? s.time : void 0, P = (e) => u("runAt", e), se = g || !r.displayName.trim() || !r.modelId || !r.prompt.trim() || M && !r.time || !!N;
+	return /* @__PURE__ */ B(H, {
 		labels: {
 			title: n.pageTitle,
 			backButtonLabel: n.backButtonLabel,
@@ -334,7 +354,7 @@ var U = {
 		onCancel: m,
 		onSubmit: h,
 		isCancelDisabled: g,
-		isSubmitDisabled: F,
+		isSubmitDisabled: se,
 		isSubmitting: g,
 		styles: {
 			colors: { background: w?.background },
@@ -342,24 +362,24 @@ var U = {
 				colors: { borderColor: w?.headerBorder },
 				typography: { fontClassName: E }
 			},
-			cssVars: ie
+			cssVars: ae
 		},
-		left: /* @__PURE__ */ H("div", {
+		left: /* @__PURE__ */ V("div", {
 			role: "group",
 			"aria-label": n.detailsSectionTitle,
 			className: a("flex flex-1 flex-col gap-5 border-e px-4 py-6 desktop:px-8", Y.detailsColumn),
 			children: [
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ V("h2", {
+					children: [/* @__PURE__ */ B("h2", {
 						className: D,
 						children: n.detailsSectionTitle
-					}), /* @__PURE__ */ V("p", {
-						className: a(k, Y.sectionSubtitle),
+					}), /* @__PURE__ */ B("p", {
+						className: a(O, Y.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ V(x, {
+				/* @__PURE__ */ B(x, {
 					id: "scheduled-task-display-name",
 					value: r.displayName,
 					onChange: (e) => u("displayName", e ?? ""),
@@ -370,7 +390,7 @@ var U = {
 					invalid: !!s.displayName,
 					error: s.displayName
 				}),
-				/* @__PURE__ */ V(A, {
+				/* @__PURE__ */ B(k, {
 					id: "scheduled-task-description",
 					value: r.description ?? "",
 					onChange: (e) => u("description", e),
@@ -380,25 +400,25 @@ var U = {
 					error: s.description,
 					caption: r.description ? `${r.description.length}/500` : void 0
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ V(S, {
+						/* @__PURE__ */ B(S, {
 							id: l,
 							label: n.modelOrAgentLabel,
 							required: !0
 						}),
 						c,
-						s.modelId && /* @__PURE__ */ V("p", {
-							className: a(j, Y.instructionsError),
+						s.modelId && /* @__PURE__ */ B("p", {
+							className: a(A, Y.instructionsError),
 							children: s.modelId
 						})
 					]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ V("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ V(ne, {
+						/* @__PURE__ */ B(ne, {
 							labelProps: { label: n.repeatLabel },
 							value: r.repeat,
 							onChange: (e) => u("repeat", e),
@@ -407,47 +427,37 @@ var U = {
 								label: e.label
 							}))
 						}),
-						r.repeat === q.OneTime && /* @__PURE__ */ H("div", {
-							className: "flex flex-col gap-1",
-							children: [/* @__PURE__ */ V(d, {
-								id: "scheduled-task-run-at",
-								mode: f.DateTime,
-								value: Ee(r.runAt),
-								onChange: (e) => u("runAt", De(e)),
-								labelProps: {
-									label: n.runAtLabel,
-									required: !0
-								},
-								invalid: !!s.runAt
-							}), s.runAt && /* @__PURE__ */ V("p", {
-								className: a(j, Y.instructionsError),
-								children: s.runAt
-							})]
+						r.repeat === q.OneTime && /* @__PURE__ */ B(Ne, {
+							label: n.runAtLabel,
+							value: r.runAt ?? "",
+							onChange: P,
+							error: s.runAt,
+							errorClassName: A
 						}),
-						r.repeat !== q.OneTime && /* @__PURE__ */ H(fe, { children: [
-							N && /* @__PURE__ */ H("div", {
+						r.repeat !== q.OneTime && /* @__PURE__ */ V(z, { children: [
+							M && /* @__PURE__ */ V("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ V(d, {
+								children: [/* @__PURE__ */ B(d, {
 									id: "scheduled-task-time",
 									mode: f.Time,
 									value: r.time,
-									onChange: ae,
-									onBlur: M,
+									onChange: oe,
+									onBlur: j,
 									labelProps: {
 										label: n.timeLabel,
 										required: !0
 									},
-									invalid: !!P,
+									invalid: !!N,
 									disabled: g,
 									showTimezone: !0
-								}), P && /* @__PURE__ */ V("p", {
-									className: a(j, Y.instructionsError),
-									children: P
+								}), N && /* @__PURE__ */ B("p", {
+									className: a(A, Y.instructionsError),
+									children: N
 								})]
 							}),
-							r.repeat === q.Weekly && /* @__PURE__ */ H("div", {
+							r.repeat === q.Weekly && /* @__PURE__ */ V("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ V(d, {
+								children: [/* @__PURE__ */ B(d, {
 									id: "scheduled-task-day-of-week",
 									mode: f.Weekday,
 									value: Ae(r.dayOfWeek),
@@ -457,12 +467,12 @@ var U = {
 										required: !0
 									},
 									invalid: !!s.dayOfWeek
-								}), s.dayOfWeek && /* @__PURE__ */ V("p", {
-									className: a(j, Y.instructionsError),
+								}), s.dayOfWeek && /* @__PURE__ */ B("p", {
+									className: a(A, Y.instructionsError),
 									children: s.dayOfWeek
 								})]
 							}),
-							r.repeat === q.Monthly && /* @__PURE__ */ V(x, {
+							r.repeat === q.Monthly && /* @__PURE__ */ B(x, {
 								id: "scheduled-task-day-of-month",
 								value: r.dayOfMonth ?? "",
 								onChange: (e) => u("dayOfMonth", e ?? ""),
@@ -473,7 +483,7 @@ var U = {
 								invalid: !!s.dayOfMonth,
 								error: s.dayOfMonth
 							}),
-							r.repeat === q.Hourly && /* @__PURE__ */ V(te, {
+							r.repeat === q.Hourly && /* @__PURE__ */ B(te, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
@@ -487,11 +497,11 @@ var U = {
 								invalid: !!s.minute,
 								error: s.minute
 							}),
-							/* @__PURE__ */ H("div", {
+							/* @__PURE__ */ V("div", {
 								className: "flex flex-row gap-3",
-								children: [/* @__PURE__ */ H("div", {
+								children: [/* @__PURE__ */ V("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ V(d, {
+									children: [/* @__PURE__ */ B(d, {
 										id: "scheduled-task-start-date",
 										mode: f.Date,
 										value: Oe(r.startDate),
@@ -499,13 +509,13 @@ var U = {
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!s.startDate
-									}), s.startDate && /* @__PURE__ */ V("p", {
-										className: a(j, Y.instructionsError),
+									}), s.startDate && /* @__PURE__ */ B("p", {
+										className: a(A, Y.instructionsError),
 										children: s.startDate
 									})]
-								}), /* @__PURE__ */ H("div", {
+								}), /* @__PURE__ */ V("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ V(d, {
+									children: [/* @__PURE__ */ B(d, {
 										id: "scheduled-task-end-date",
 										mode: f.Date,
 										value: Oe(r.endDate),
@@ -513,8 +523,8 @@ var U = {
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!s.endDate
-									}), s.endDate && /* @__PURE__ */ V("p", {
-										className: a(j, Y.instructionsError),
+									}), s.endDate && /* @__PURE__ */ B("p", {
+										className: a(A, Y.instructionsError),
 										children: s.endDate
 									})]
 								})]
@@ -524,33 +534,33 @@ var U = {
 				})
 			]
 		}),
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ V("div", {
 			role: "group",
 			"aria-label": n.configurationSectionTitle,
 			className: "flex flex-1 flex-col gap-5 px-4 py-6 desktop:px-8",
-			children: [/* @__PURE__ */ H("div", {
+			children: [/* @__PURE__ */ V("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ V("h2", {
+				children: [/* @__PURE__ */ B("h2", {
 					className: D,
 					children: n.configurationSectionTitle
-				}), /* @__PURE__ */ V("p", {
-					className: a(k, Y.sectionSubtitle),
+				}), /* @__PURE__ */ B("p", {
+					className: a(O, Y.sectionSubtitle),
 					children: n.configurationSectionSubtitle
 				})]
-			}), /* @__PURE__ */ H("div", {
+			}), /* @__PURE__ */ V("div", {
 				className: "flex flex-1 flex-col gap-1",
 				children: [
-					/* @__PURE__ */ V("label", {
+					/* @__PURE__ */ B("label", {
 						htmlFor: y,
-						className: re,
+						className: ie,
 						children: n.instructionsLabel
 					}),
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ B("div", {
 						ref: b,
 						className: a("w-full max-w-[996px]", e, t),
-						children: /* @__PURE__ */ V(ce, {
-							fallback: /* @__PURE__ */ V(O, {}),
-							children: /* @__PURE__ */ V(Me, {
+						children: /* @__PURE__ */ B(le, {
+							fallback: /* @__PURE__ */ B(re, {}),
+							children: /* @__PURE__ */ B(Pe, {
 								id: y,
 								value: r.prompt,
 								onChange: (e) => u("prompt", e),
@@ -559,8 +569,8 @@ var U = {
 							})
 						})
 					}),
-					s.prompt && /* @__PURE__ */ V("p", {
-						className: a(j, Y.instructionsError),
+					s.prompt && /* @__PURE__ */ B("p", {
+						className: a(A, Y.instructionsError),
 						children: s.prompt
 					})
 				]
@@ -569,53 +579,53 @@ var U = {
 	});
 }, X = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), Pe = /* @__PURE__ */ function(e) {
+}({}), Ie = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), Fe = { subtitleText: "_subtitleText_1i4x2_3" }, Ie = ({ instructionsLabel: e, instructionsMarkdown: t, renderInstructions: r, fieldLabelClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ H("div", {
+}({}), Le = { subtitleText: "_subtitleText_1i4x2_3" }, Re = ({ instructionsLabel: e, instructionsMarkdown: t, renderInstructions: r, fieldLabelClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ V("div", {
 	role: "group",
 	"aria-label": e,
 	className: "flex flex-col gap-1",
-	children: [/* @__PURE__ */ V("span", {
-		className: a(i, Fe.subtitleText),
+	children: [/* @__PURE__ */ B("span", {
+		className: a(i, Le.subtitleText),
 		children: e
-	}), t && (r ? r(t) : /* @__PURE__ */ V(n, { content: t }))]
-}), Le = { subtitleText: "_subtitleText_1i4x2_3" }, Re = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ H(fe, { children: [
-	t && /* @__PURE__ */ H("div", {
+	}), t && (r ? r(t) : /* @__PURE__ */ B(n, { content: t }))]
+}), ze = { subtitleText: "_subtitleText_1i4x2_3" }, Be = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ V(z, { children: [
+	t && /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ V("span", {
-			className: a(o, Le.subtitleText),
+		children: [/* @__PURE__ */ B("span", {
+			className: a(o, ze.subtitleText),
 			children: e.descriptionLabel
-		}), /* @__PURE__ */ V("p", {
+		}), /* @__PURE__ */ B("p", {
 			className: s,
 			children: t
 		})]
 	}),
-	n && /* @__PURE__ */ H("div", {
+	n && /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ V("span", {
-			className: a(o, Le.subtitleText),
+		children: [/* @__PURE__ */ B("span", {
+			className: a(o, ze.subtitleText),
 			children: e.modelLabel
-		}), /* @__PURE__ */ V("p", {
+		}), /* @__PURE__ */ B("p", {
 			className: s,
 			children: n
 		})]
 	}),
-	r && /* @__PURE__ */ H("div", {
+	r && /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ V("span", {
-			className: a(o, Le.subtitleText),
+		children: [/* @__PURE__ */ B("span", {
+			className: a(o, ze.subtitleText),
 			children: e.repeatsLabel
-		}), /* @__PURE__ */ V("p", {
+		}), /* @__PURE__ */ B("p", {
 			className: s,
 			children: r
 		})]
 	}),
-	i && /* @__PURE__ */ H("div", {
+	i && /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ V("span", {
-			className: a(o, Le.subtitleText),
+		children: [/* @__PURE__ */ B("span", {
+			className: a(o, ze.subtitleText),
 			children: e.activeWindowLabel
-		}), /* @__PURE__ */ V("p", {
+		}), /* @__PURE__ */ B("p", {
 			className: s,
 			children: i
 		})]
@@ -629,25 +639,25 @@ var U = {
 	missedIcon: "_missedIcon_1bug5_13",
 	currentRun: "_currentRun_1bug5_17",
 	unreadDot: "_unreadDot_1bug5_21"
-}, ze = ({ status: e }) => {
+}, Ve = ({ status: e }) => {
 	switch (e) {
-		case Z.Success: return /* @__PURE__ */ V(M, {
+		case Z.Success: return /* @__PURE__ */ B(j, {
 			size: m.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
 			stroke: h
 		});
-		case Z.Error: return /* @__PURE__ */ V(ae, {
+		case Z.Error: return /* @__PURE__ */ B(oe, {
 			size: m.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
 			stroke: h
 		});
-		case Z.InProgress: return /* @__PURE__ */ V("span", {
+		case Z.InProgress: return /* @__PURE__ */ B("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ V(O, { size: m.SM })
+			children: /* @__PURE__ */ B(re, { size: m.SM })
 		});
-		case Z.Missed: return /* @__PURE__ */ V(j, {
+		case Z.Missed: return /* @__PURE__ */ B(A, {
 			size: m.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
@@ -655,7 +665,7 @@ var U = {
 		});
 		default: return null;
 	}
-}, Be = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: f }) => {
+}, He = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: f }) => {
 	let { colors: p, typography: m } = f ?? {}, g = m?.runTimestampClassName ?? "dial-small-text", _ = m?.subtitleClassName ?? "dial-body-text", y = u.unreadIndicatorLabel ?? "Unread", b = i({
 		"--strhl-success-icon": p?.successIconColor,
 		"--strhl-error-icon": p?.errorIconColor,
@@ -665,7 +675,7 @@ var U = {
 		"--strhl-unread-dot": p?.unreadDotColor
 	}), x = (e) => {
 		let t = u.runStatusLabels[e.status], n = e.id === c, r = [e.isUnread ? y : void 0, n ? u.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), o = !!e.conversationId && !!l;
-		return /* @__PURE__ */ H("li", {
+		return /* @__PURE__ */ V("li", {
 			...o ? {
 				role: "button",
 				tabIndex: 0,
@@ -677,106 +687,106 @@ var U = {
 			"aria-label": i,
 			"aria-current": n ? "true" : void 0,
 			className: a("flex h-8 max-w-[328px] items-center justify-between gap-2 rounded-full pe-2 ps-0 desktop:ps-5", n && Q.currentRun, o && "cursor-pointer"),
-			children: [/* @__PURE__ */ H("span", {
+			children: [/* @__PURE__ */ V("span", {
 				className: "flex items-center gap-2 truncate",
-				children: [/* @__PURE__ */ V("span", {
+				children: [/* @__PURE__ */ B("span", {
 					className: "relative flex size-3 shrink-0 items-center justify-center",
-					children: e.isUnread && /* @__PURE__ */ V("span", {
+					children: e.isUnread && /* @__PURE__ */ B("span", {
 						className: a("size-[5.33px] rounded-full", Q.unreadDot),
 						"aria-hidden": !0
 					})
-				}), /* @__PURE__ */ V("span", {
+				}), /* @__PURE__ */ B("span", {
 					className: a(g, "truncate"),
 					children: e.timestampLabel
 				})]
-			}), /* @__PURE__ */ V("span", {
+			}), /* @__PURE__ */ B("span", {
 				className: "flex h-8 w-14 shrink-0 items-center justify-end",
-				children: /* @__PURE__ */ V(ze, { status: e.status })
+				children: /* @__PURE__ */ B(Ve, { status: e.status })
 			})]
 		}, e.id);
-	}, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ H("li", {
+	}, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ V("li", {
 		"aria-hidden": "true",
 		className: "flex h-8 max-w-[328px] items-center justify-between gap-2 pe-2 ps-0 desktop:ps-5",
-		children: [/* @__PURE__ */ V(E, {
+		children: [/* @__PURE__ */ B(E, {
 			variant: D.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ V(E, {
+		}), /* @__PURE__ */ B(E, {
 			variant: D.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
 		})]
 	}, `history-skeleton-${t}`));
-	return t && e.length === 0 ? /* @__PURE__ */ V("ul", {
+	return t && e.length === 0 ? /* @__PURE__ */ B("ul", {
 		style: b,
 		"aria-label": u.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: S(r)
-	}) : o && e.length === 0 ? /* @__PURE__ */ H("div", {
+	}) : o && e.length === 0 ? /* @__PURE__ */ V("div", {
 		style: b,
 		className: "flex flex-col items-start gap-3",
-		children: [/* @__PURE__ */ V("p", {
+		children: [/* @__PURE__ */ B("p", {
 			role: "alert",
 			className: a(_, Q.subtitleText),
 			children: u.errorLabel
-		}), /* @__PURE__ */ V(v, {
+		}), /* @__PURE__ */ B(v, {
 			label: u.retryLabel,
 			onClick: s
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ H("div", {
+	}) : e.length === 0 ? /* @__PURE__ */ V("div", {
 		style: b,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ V(N, {
+		children: [/* @__PURE__ */ B(M, {
 			size: 44,
 			stroke: h,
 			className: Q.subtitleText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ V("p", {
+		}), /* @__PURE__ */ B("p", {
 			role: "status",
 			className: g,
 			children: u.emptyLabel
 		})]
-	}) : /* @__PURE__ */ H("ul", {
+	}) : /* @__PURE__ */ V("ul", {
 		style: b,
 		"aria-label": u.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: [
 			e.map(x),
 			n && S(r),
-			o ? /* @__PURE__ */ H("li", {
+			o ? /* @__PURE__ */ V("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
-				children: [/* @__PURE__ */ V("p", {
+				children: [/* @__PURE__ */ B("p", {
 					role: "alert",
 					className: a(_, Q.subtitleText),
 					children: u.errorLabel
-				}), /* @__PURE__ */ V(v, {
+				}), /* @__PURE__ */ B(v, {
 					label: u.retryLabel,
 					onClick: s
 				})]
 			}) : d
 		]
 	});
-}, Ve = {
+}, Ue = {
 	historyCard: "_historyCard_qqobi_4",
 	subtitleText: "_subtitleText_qqobi_8"
-}, He = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: o = !1, skeletonCount: s = 6, error: c, onRetry: l, hasMore: u = !1, onLoadMore: d, onRunClick: f, runTimestampClassName: p = "dial-small-text", sectionTitleClassName: m = "dial-body-semi-text", colors: h }) => {
-	let g = e === Pe.Card, _ = g ? a("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", Ve.historyCard) : "pt-2", y = d && u && t.historyShowMoreLabel ? /* @__PURE__ */ V("li", {
+}, We = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: o = !1, skeletonCount: s = 6, error: c, onRetry: l, hasMore: u = !1, onLoadMore: d, onRunClick: f, runTimestampClassName: p = "dial-small-text", sectionTitleClassName: m = "dial-body-semi-text", colors: h }) => {
+	let g = e === Ie.Card, _ = g ? a("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", Ue.historyCard) : "pt-2", y = d && u && t.historyShowMoreLabel ? /* @__PURE__ */ B("li", {
 		className: _,
-		children: /* @__PURE__ */ V(v, {
+		children: /* @__PURE__ */ B(v, {
 			label: t.historyShowMoreLabel,
 			onClick: d,
 			disabled: o
 		})
-	}) : void 0, b = n ? /* @__PURE__ */ V("p", {
-		className: a(p, Ve.subtitleText),
+	}) : void 0, b = n ? /* @__PURE__ */ B("p", {
+		className: a(p, Ue.subtitleText),
 		children: n
-	}) : void 0, x = t.historyLoadingMoreLabel ? /* @__PURE__ */ V("span", {
+	}) : void 0, x = t.historyLoadingMoreLabel ? /* @__PURE__ */ B("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: o ? t.historyLoadingMoreLabel : ""
-	}) : void 0, S = /* @__PURE__ */ V(Be, {
+	}) : void 0, S = /* @__PURE__ */ B(He, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: o,
@@ -798,23 +808,23 @@ var U = {
 			colors: h
 		}
 	});
-	return g ? /* @__PURE__ */ H("div", {
-		className: a("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", Ve.historyCard),
-		children: [/* @__PURE__ */ H("div", {
-			className: a("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", Ve.historyCard),
+	return g ? /* @__PURE__ */ V("div", {
+		className: a("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", Ue.historyCard),
+		children: [/* @__PURE__ */ V("div", {
+			className: a("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", Ue.historyCard),
 			children: [
-				/* @__PURE__ */ V("h2", {
+				/* @__PURE__ */ B("h2", {
 					className: m,
 					children: t.historyTitle
 				}),
 				b,
 				x
 			]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
 			children: S
 		})]
-	}) : /* @__PURE__ */ H("div", {
+	}) : /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-4",
 		children: [
 			b,
@@ -827,14 +837,14 @@ var U = {
 	header: "_header_178k1_8",
 	detailsColumn: "_detailsColumn_178k1_12",
 	subtitleText: "_subtitleText_178k1_16"
-}, Ue = ({ labels: e, onBack: t, onEdit: n, onDelete: r, isDeleting: o = !1, isDeleted: c = !1, isActive: l, isActiveUpdating: d = !1, isActiveDisabled: f = !1, onActiveChange: p, displayName: g, isLoading: _ = !1, error: b, onRetry: x, description: S, modelLabel: ee, repeatsLabel: te, activeWindowLabel: w, nextRunLabel: T, instructionsMarkdown: ne, renderInstructions: E, runs: D, runsIsLoading: A = !1, runsIsLoadingMore: j = !1, runsSkeletonCount: M = 6, runsError: ae, onRunsRetry: N, runsHasMore: F = !1, onRunsLoadMore: oe, onRunClick: ce, styles: le }) => {
-	let { colors: I, typography: L } = le ?? {}, R = L?.titleClassName ?? "dial-h2-text", z = L?.sectionTitleClassName ?? "dial-body-semi-text", ue = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", fe = L?.runTimestampClassName ?? "dial-small-text", pe = i({
-		"--stdv-bg": I?.background,
-		"--stdv-header-border": I?.headerBorder,
-		"--stdv-details-border": I?.detailsColumnBorder,
-		"--stdv-subtitle-text": I?.subtitleText,
-		"--stdv-history-bg": I?.historyCardBackground
-	}), me = s(), [U, W] = de(X.Details), he = [
+}, Ge = ({ labels: e, onBack: t, onEdit: n, onDelete: r, isDeleting: o = !1, isDeleted: c = !1, isActive: l, isActiveUpdating: d = !1, isActiveDisabled: f = !1, onActiveChange: p, displayName: g, isLoading: _ = !1, error: b, onRetry: x, description: S, modelLabel: ee, repeatsLabel: te, activeWindowLabel: w, nextRunLabel: T, instructionsMarkdown: ne, renderInstructions: E, runs: D, runsIsLoading: k = !1, runsIsLoadingMore: A = !1, runsSkeletonCount: j = 6, runsError: oe, onRunsRetry: M, runsHasMore: P = !1, onRunsLoadMore: se, onRunClick: le, styles: ue }) => {
+	let { colors: F, typography: I } = ue ?? {}, de = I?.titleClassName ?? "dial-h2-text", fe = I?.sectionTitleClassName ?? "dial-body-semi-text", pe = I?.fieldLabelClassName ?? "dial-tiny-text", L = I?.fieldValueClassName ?? "dial-small-text", z = I?.runTimestampClassName ?? "dial-small-text", H = i({
+		"--stdv-bg": F?.background,
+		"--stdv-header-border": F?.headerBorder,
+		"--stdv-details-border": F?.detailsColumnBorder,
+		"--stdv-subtitle-text": F?.subtitleText,
+		"--stdv-history-bg": F?.historyCardBackground
+	}), me = s(), [U, W] = R(X.Details), he = [
 		{
 			id: X.Details,
 			label: e.detailsTitle
@@ -847,7 +857,7 @@ var U = {
 			id: X.History,
 			label: e.historyTitle
 		}
-	], ge = he.find((e) => e.id === U)?.label ?? e.detailsTitle, _e = /* @__PURE__ */ V(Re, {
+	], ge = he.find((e) => e.id === U)?.label ?? e.detailsTitle, _e = /* @__PURE__ */ B(Be, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -858,14 +868,14 @@ var U = {
 		modelLabel: ee,
 		repeatsLabel: te,
 		activeWindowLabel: w,
-		fieldLabelClassName: ue,
-		fieldValueClassName: B
-	}), G = /* @__PURE__ */ V(Ie, {
+		fieldLabelClassName: pe,
+		fieldValueClassName: L
+	}), G = /* @__PURE__ */ B(Re, {
 		instructionsLabel: e.instructionsLabel,
 		instructionsMarkdown: ne,
 		renderInstructions: E,
-		fieldLabelClassName: ue
-	}), ve = (t) => /* @__PURE__ */ V(He, {
+		fieldLabelClassName: pe
+	}), ve = (t) => /* @__PURE__ */ B(We, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -879,29 +889,29 @@ var U = {
 		},
 		nextRunLabel: T,
 		items: D,
-		isLoading: A,
-		isLoadingMore: j,
-		skeletonCount: M,
-		error: ae,
-		onRetry: N,
-		hasMore: F,
-		onLoadMore: oe,
-		onRunClick: ce,
-		runTimestampClassName: fe,
-		sectionTitleClassName: z,
-		colors: I
+		isLoading: k,
+		isLoadingMore: A,
+		skeletonCount: j,
+		error: oe,
+		onRetry: M,
+		hasMore: P,
+		onLoadMore: se,
+		onRunClick: le,
+		runTimestampClassName: z,
+		sectionTitleClassName: fe,
+		colors: F
 	});
-	return /* @__PURE__ */ H("div", {
-		style: pe,
+	return /* @__PURE__ */ V("div", {
+		style: H,
 		className: a("flex h-full w-full flex-col overflow-y-auto", $.container),
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: a("flex h-16 shrink-0 items-center justify-between gap-2 border-t px-8 desktop:border-b desktop:border-t-0", $.header),
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ V(y, {
-							icon: /* @__PURE__ */ V(ie, {
+						/* @__PURE__ */ B(y, {
+							icon: /* @__PURE__ */ B(ae, {
 								size: m.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
@@ -910,29 +920,29 @@ var U = {
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
-						/* @__PURE__ */ V("h1", {
-							className: a("hidden truncate desktop:block", R),
+						/* @__PURE__ */ B("h1", {
+							className: a("hidden truncate desktop:block", de),
 							children: g
 						}),
-						c && /* @__PURE__ */ V("span", {
-							className: a("hidden shrink-0 desktop:inline", B, $.subtitleText),
+						c && /* @__PURE__ */ B("span", {
+							className: a("hidden shrink-0 desktop:inline", L, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
-				}), /* @__PURE__ */ H("div", {
+				}), /* @__PURE__ */ V("div", {
 					className: "flex shrink-0 items-center gap-2",
 					children: [
-						!c && l !== void 0 && /* @__PURE__ */ V(k, {
+						!c && l !== void 0 && /* @__PURE__ */ B(O, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: l,
 							disabled: d || f || o,
 							onChange: (e) => p?.(e)
 						}),
-						!c && r && /* @__PURE__ */ V(v, {
+						!c && r && /* @__PURE__ */ B(v, {
 							variant: u.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ V(se, {
+							iconBefore: /* @__PURE__ */ B(ce, {
 								size: m.SM,
 								"aria-hidden": !0,
 								stroke: h
@@ -941,9 +951,9 @@ var U = {
 							disabled: o,
 							className: "shrink-0"
 						}),
-						!c && n && /* @__PURE__ */ V(C, {
+						!c && n && /* @__PURE__ */ B(C, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ V(P, {
+							iconBefore: /* @__PURE__ */ B(N, {
 								size: m.SM,
 								"aria-hidden": !0,
 								stroke: h
@@ -955,98 +965,98 @@ var U = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex min-w-0 items-center gap-2 px-8 py-3 desktop:hidden",
-				children: [/* @__PURE__ */ V("h1", {
-					className: a("truncate", R),
+				children: [/* @__PURE__ */ B("h1", {
+					className: a("truncate", de),
 					children: g
-				}), c && /* @__PURE__ */ V("span", {
-					className: a("shrink-0", B, $.subtitleText),
+				}), c && /* @__PURE__ */ B("span", {
+					className: a("shrink-0", L, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
-			e.activeStatusAnnouncement != null && /* @__PURE__ */ V("span", {
+			e.activeStatusAnnouncement != null && /* @__PURE__ */ B("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.activeStatusAnnouncement
 			}),
-			_ && /* @__PURE__ */ V("div", {
+			_ && /* @__PURE__ */ B("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ V(O, {})
+				children: /* @__PURE__ */ B(re, {})
 			}),
-			!_ && b && /* @__PURE__ */ H("div", {
+			!_ && b && /* @__PURE__ */ V("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
-				children: [/* @__PURE__ */ V("p", {
-					className: a(B, $.subtitleText),
+				children: [/* @__PURE__ */ B("p", {
+					className: a(L, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ V(v, {
+				}), /* @__PURE__ */ B(v, {
 					label: e.retryLabel,
 					onClick: x
 				})]
 			}),
-			!_ && !b && (me ? /* @__PURE__ */ H("div", {
+			!_ && !b && (me ? /* @__PURE__ */ V("div", {
 				className: "flex flex-1 flex-col",
-				children: [/* @__PURE__ */ V(re, {
+				children: [/* @__PURE__ */ B(ie, {
 					ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 					className: "px-8",
 					tabs: he,
 					activeTabId: U,
 					onTabChange: W
-				}), /* @__PURE__ */ V("div", {
+				}), /* @__PURE__ */ B("div", {
 					role: "tabpanel",
 					"aria-label": ge,
 					className: "flex flex-1 flex-col gap-5 px-8 py-6",
-					children: U === X.Configuration ? G : U === X.History ? ve(Pe.Flow) : _e
+					children: U === X.Configuration ? G : U === X.History ? ve(Ie.Flow) : _e
 				})]
-			}) : /* @__PURE__ */ H("div", {
+			}) : /* @__PURE__ */ V("div", {
 				className: "flex flex-1 flex-col desktop:flex-row",
 				children: [
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ V("div", {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						className: a("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
-						children: [/* @__PURE__ */ V("h2", {
-							className: z,
+						children: [/* @__PURE__ */ B("h2", {
+							className: fe,
 							children: e.detailsTitle
 						}), _e]
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ V("div", {
 						className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
-						children: [/* @__PURE__ */ V("h2", {
-							className: z,
+						children: [/* @__PURE__ */ B("h2", {
+							className: fe,
 							children: e.configurationTitle
 						}), G]
 					}),
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ B("div", {
 						className: "flex w-full justify-center p-6 desktop:w-auto desktop:items-start",
-						children: ve(Pe.Card)
+						children: ve(Ie.Card)
 					})
 				]
 			}))
 		]
 	});
-}, We = ({ modelLabel: e, instructionsLabel: t, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
+}, Ke = ({ modelLabel: e, instructionsLabel: t, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
 	let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ V("div", {
 		className: "flex flex-col gap-3",
-		children: [r && /* @__PURE__ */ H("div", {
+		children: [r && /* @__PURE__ */ V("div", {
 			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ V("span", {
+			children: [/* @__PURE__ */ B("span", {
 				className: s,
 				children: e
-			}), /* @__PURE__ */ V("p", {
+			}), /* @__PURE__ */ B("p", {
 				className: c,
 				children: r
 			})]
-		}), i && /* @__PURE__ */ H("div", {
+		}), i && /* @__PURE__ */ V("div", {
 			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ V("span", {
+			children: [/* @__PURE__ */ B("span", {
 				className: s,
 				children: t
-			}), ((e) => a ? a(e) : /* @__PURE__ */ V(n, { content: e }))(i)]
+			}), ((e) => a ? a(e) : /* @__PURE__ */ B(n, { content: e }))(i)]
 		})]
 	});
 };
 //#endregion
-export { we as DESCRIPTION_MAX_LENGTH, U as SCHEDULED_TASKS_CLASS, he as ScheduledTaskCard, ye as ScheduledTaskCardGrid, ve as ScheduledTaskCardSkeleton, Ne as ScheduledTaskCreateForm, Ue as ScheduledTaskDetailView, We as ScheduledTaskDetailsSummary, q as ScheduledTaskRepeat, Be as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, Se as ScheduledTasks, Ce as ScheduledTasksSortKey, Te as TIME_OF_DAY_PATTERN };
+export { we as DESCRIPTION_MAX_LENGTH, U as SCHEDULED_TASKS_CLASS, he as ScheduledTaskCard, ye as ScheduledTaskCardGrid, ve as ScheduledTaskCardSkeleton, Fe as ScheduledTaskCreateForm, Ge as ScheduledTaskDetailView, Ke as ScheduledTaskDetailsSummary, q as ScheduledTaskRepeat, He as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, Se as ScheduledTasks, Ce as ScheduledTasksSortKey, Te as TIME_OF_DAY_PATTERN };