@epam/ai-dial-scheduled-tasks 1.3.0-dev.141 → 1.3.0-dev.142

package/index.js

@@ -1,63 +1,63 @@
-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 { a as e, c as t, i as n, l as r, n as i, o as a, r as o, t as s, u as c } from "./calendar-value-CjtsOQpy.js";
 import { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
-import { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as ve } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as P, IconArrowNarrowLeft as ye, IconArrowsSort as be, IconCheck as F, IconCircleX as xe, IconClipboardX as I, IconClockHour3 as L, IconPencilMinus as Se, IconPlayerPause as Ce, IconPlayerPlay as R, IconPlus as z, IconTrashX as we } from "@tabler/icons-react";
-import { Suspense as Te, lazy as B, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as V, useRef as Ae, useState as je } from "react";
-import { Fragment as Me, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { BuilderFormContainer as Ne } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as W } from "@epam/ai-dial-ui-kit/editors";
+import { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, FolderPath as re, GhostButton as j, GhostIconButton as M, Highlight as ie, Input as ae, Label as oe, MenuItemMark as N, NeutralButton as se, NumberInput as ce, PrimaryButton as le, Search as ue, Select as de, Skeleton as P, SkeletonVariant as F, Spinner as fe, Switch as pe, Tabs as I, Textarea as me, Tooltip as he } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as ge, IconArrowNarrowLeft as _e, IconArrowsSort as ve, IconCheck as L, IconCircleX as ye, IconClipboardX as R, IconClockHour3 as z, IconPencilMinus as B, IconPlayerPause as V, IconPlayerPlay as be, IconPlus as xe, IconTrashX as Se } from "@tabler/icons-react";
+import { Suspense as Ce, lazy as H, useCallback as we, useEffect as Te, useId as Ee, useLayoutEffect as U, useMemo as De, useRef as Oe, useState as ke } from "react";
+import { Fragment as Ae, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { BuilderFormContainer as je } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as K } from "@epam/ai-dial-ui-kit/editors";
 //#region src/constants/public-class-names.ts
-var Pe = {
+var Me = {
 	card: "dial-scheduled-tasks-card",
 	cardGrid: "dial-scheduled-tasks-card-grid",
 	refineFeedback: "dial-scheduled-tasks-refine-feedback"
-}, G = /* @__PURE__ */ function(e) {
+}, q = /* @__PURE__ */ function(e) {
 	return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
-}({}), K = /* @__PURE__ */ function(e) {
+}({}), Ne = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), Fe = (e) => {
+}({}), Pe = (e) => {
 	switch (e.presentationStatus) {
-		case K.Active: return G.Scheduled;
-		case K.Paused: return G.Paused;
-		case K.Completed: return G.Completed;
+		case Ne.Active: return q.Scheduled;
+		case Ne.Paused: return q.Paused;
+		case Ne.Completed: return q.Completed;
 	}
-	return e.isCompleted ? G.Completed : e.isActive === !1 ? G.Paused : G.Scheduled;
-}, q = {
+	return e.isCompleted ? q.Completed : e.isActive === !1 ? q.Paused : q.Scheduled;
+}, J = {
 	schedulePill: "_schedulePill_1cwco_1",
 	scheduleLabel: "_scheduleLabel_1cwco_6",
 	pausedPill: "_pausedPill_1cwco_10",
 	pausedLabel: "_pausedLabel_1cwco_15",
 	completedPill: "_completedPill_1cwco_19",
 	completedLabel: "_completedLabel_1cwco_24"
-}, J = {
-	[G.Scheduled]: {
+}, Fe = {
+	[q.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
-		wrapperClassName: q.schedulePill,
-		labelClassName: q.scheduleLabel
+		wrapperClassName: J.schedulePill,
+		labelClassName: J.scheduleLabel
 	},
-	[G.Paused]: {
+	[q.Paused]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: q.pausedPill,
-		labelClassName: q.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ H(Ce, {
-			size: O.SM,
+		wrapperClassName: J.pausedPill,
+		labelClassName: J.pausedLabel,
+		renderIcon: () => /* @__PURE__ */ W(V, {
+			size: k.SM,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: A
 		})
 	},
-	[G.Completed]: {
+	[q.Completed]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: q.completedPill,
-		labelClassName: q.completedLabel,
-		renderIcon: () => /* @__PURE__ */ H(F, {
-			size: O.SM,
+		wrapperClassName: J.completedPill,
+		labelClassName: J.completedLabel,
+		renderIcon: () => /* @__PURE__ */ W(L, {
+			size: k.SM,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: A
 		})
 	}
 }, Ie = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
-	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = J[e];
-	return /* @__PURE__ */ U("span", {
+	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Fe[e];
+	return /* @__PURE__ */ G("span", {
 		className: v(i, n, a, o, r),
 		children: [s && s(), t]
 	});
@@ -70,20 +70,20 @@ var Pe = {
 	locationDivider: "_locationDivider_hmbo0_23",
 	card: "_card_hmbo0_34"
 }, Le = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
-	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Fe(e), { text: te, textClassName: w } = {
-		[G.Scheduled]: {
+	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Pe(e), { text: w, textClassName: T } = {
+		[q.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: h
 		},
-		[G.Paused]: {
+		[q.Paused]: {
 			text: c,
 			textClassName: g
 		},
-		[G.Completed]: {
+		[q.Completed]: {
 			text: l,
 			textClassName: y
 		}
-	}[C], T = _({
+	}[C], E = _({
 		"--stc-title-text": u?.titleText,
 		"--stc-desc-text": u?.descriptionText,
 		"--stc-pill-bg": u?.schedulePillBackground,
@@ -100,46 +100,46 @@ var Pe = {
 		"--stc-completed-bg": u?.completedBadgeBackground,
 		"--stc-completed-border": u?.completedBadgeBorder,
 		"--stc-completed-text": u?.completedBadgeText
-	}), E = n ? {
+	}), D = n ? {
 		tabIndex: 0,
 		onClick: () => n(e.id),
 		onKeyDown: (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ U(D, {
+	return /* @__PURE__ */ G(O, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: T,
-		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Pe.card),
-		...E,
+		style: E,
+		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Me.card),
+		...D,
 		children: [
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
-				children: [/* @__PURE__ */ H(oe, {
+				children: [/* @__PURE__ */ W(ie, {
 					text: e.displayName,
 					query: t,
 					maxLines: o ? 2 : 1,
 					className: v(f, Y.title)
-				}), e.isNew && /* @__PURE__ */ H("span", {
+				}), e.isNew && /* @__PURE__ */ W("span", {
 					className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
 					children: s
 				})]
 			}),
-			e.descriptionPreview && /* @__PURE__ */ H("p", {
+			e.descriptionPreview && /* @__PURE__ */ W("p", {
 				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, Y.description),
 				children: e.descriptionPreview
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: "flex min-h-[28px] items-center",
-					children: /* @__PURE__ */ H(Ie, {
+					children: /* @__PURE__ */ W(Ie, {
 						status: C,
-						text: te,
-						textClassName: w
+						text: w,
+						textClassName: T
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ H(ie, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(re, {
 					segments: e.locationSegments,
 					labelClassName: v(x, Y.locationLabel),
 					leafClassName: v(ee, Y.locationLeaf),
@@ -154,29 +154,29 @@ var Pe = {
 	"61%"
 ], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => {
 	let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
-	return /* @__PURE__ */ U(D, {
+	return /* @__PURE__ */ G(O, {
 		"aria-hidden": !0,
 		style: t,
 		className: v("h-[var(--st-card-height,232px)]", Re.card),
 		children: [
-			/* @__PURE__ */ H(M, {
-				variant: N.Rectangular,
+			/* @__PURE__ */ W(P, {
+				variant: F.Rectangular,
 				width: "60%",
 				height: "20px",
 				color: Be,
 				className: "shrink-0"
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-				children: ze.map((e, t) => /* @__PURE__ */ H(M, {
-					variant: N.Rectangular,
+				children: ze.map((e, t) => /* @__PURE__ */ W(P, {
+					variant: F.Rectangular,
 					width: e,
 					height: "16px",
 					color: Be
 				}, t))
 			}),
-			/* @__PURE__ */ H(M, {
-				variant: N.Rectangular,
+			/* @__PURE__ */ W(P, {
+				variant: F.Rectangular,
 				width: "110px",
 				height: "28px",
 				color: Be,
@@ -184,7 +184,7 @@ var Pe = {
 			})
 		]
 	});
-}, He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ U("div", {
+}, He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ G("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -194,14 +194,14 @@ var Pe = {
 		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: v("mx-auto grid w-full min-w-0", Pe.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ H(Le, {
+	className: v("mx-auto grid w-full min-w-0", Me.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ W(Le, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(Ve, { styles: o }, `skeleton-${t}`))]
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Ve, { styles: o }, `skeleton-${t}`))]
 }), X = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
@@ -209,7 +209,7 @@ var Pe = {
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, Ue = /* @__PURE__ */ H(L, {
+}, Ue = /* @__PURE__ */ W(z, {
 	size: 48,
 	stroke: 1,
 	"aria-hidden": !0
@@ -219,40 +219,40 @@ var Pe = {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
 	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ge(e.parentElement);
-}, Ke = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: T, onRetryLoadMore: E }) => {
-	let { colors: D, typography: ne } = y ?? {}, ie = ne?.titleClassName ?? "dial-h1-text", ae = ne?.subtitleClassName ?? "dial-body-text", oe = _({
-		"--st-bg": D?.background,
-		"--st-subtitle-text": D?.subtitleText,
-		"--st-sort-text": D?.sortButtonText
-	}), se = (e) => {
+}, Ke = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: E, onRetryLoadMore: D }) => {
+	let { colors: O, typography: te } = y ?? {}, re = te?.titleClassName ?? "dial-h1-text", M = te?.subtitleClassName ?? "dial-body-text", ie = _({
+		"--st-bg": O?.background,
+		"--st-subtitle-text": O?.subtitleText,
+		"--st-sort-text": O?.sortButtonText
+	}), ae = (e) => {
 		r(e ?? "");
-	}, [ce, ue] = je(!1), [de, pe] = je(!1), M = Ae(null), N = Ee(() => {
-		pe(!0);
-	}, []), he = Ee(() => {
-		pe(!1);
+	}, [oe, se] = ke(!1), [ce, de] = ke(!1), P = Oe(null), F = we(() => {
+		de(!0);
+	}, []), pe = we(() => {
+		de(!1);
 	}, []);
-	ke(() => {
-		let e = M.current;
-		de && ce && e != null && e.offsetParent == null && ue(!1);
-	}, [de, ce]);
-	let ge = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, _e = V(() => e.sortOptions.map((e) => ({
+	U(() => {
+		let e = P.current;
+		ce && oe && e != null && e.offsetParent == null && se(!1);
+	}, [ce, oe]);
+	let I = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, me = De(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: le.Check,
+		mark: N.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), ve = We(s, d, !!c, o.length, n.trim().length > 0, e), P = Ae(null);
-	De(() => {
-		let e = P.current;
+	]), he = We(s, d, !!c, o.length, n.trim().length > 0, e), ge = Oe(null);
+	Te(() => {
+		let e = ge.current;
 		if (!e || !p) return;
 		let t = Ge(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (d || s || T || !u) return;
+			if (d || s || E || !u) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
 			r.top < n.bottom && r.bottom > n.top && p();
 		};
@@ -261,125 +261,125 @@ var Pe = {
 		u,
 		d,
 		s,
-		T,
+		E,
 		p
 	]);
-	let ye = () => s ? /* @__PURE__ */ H(me, {}) : c ? /* @__PURE__ */ U("div", {
+	let _e = () => s ? /* @__PURE__ */ W(fe, {}) : c ? /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ H("p", {
-			className: v(ae, X.subtitle),
+		children: [/* @__PURE__ */ W("p", {
+			className: v(M, X.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ H(A, {
+		}), /* @__PURE__ */ W(j, {
 			label: e.retryLabel,
 			onClick: l
 		})]
-	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ H("p", {
-		className: v(ae, X.subtitle),
+	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ W("p", {
+		className: v(M, X.subtitle),
 		children: e.noResultsLabel
-	}) : /* @__PURE__ */ H(m, {
+	}) : /* @__PURE__ */ W(m, {
 		label: e.emptyStateLabel,
 		icon: Ue
-	}) : /* @__PURE__ */ U("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ H(He, {
+			/* @__PURE__ */ W(He, {
 				items: o,
 				searchQuery: n,
 				onCardClick: h,
 				labels: e.cardLabels,
 				trailingSkeletonCount: d ? f : 0,
-				skeletonStyles: { colors: { skeletonColor: D?.skeletonColor } },
+				skeletonStyles: { colors: { skeletonColor: O?.skeletonColor } },
 				cardStyles: S,
 				layout: ee
 			}),
-			T && /* @__PURE__ */ U("div", {
+			E && /* @__PURE__ */ G("div", {
 				role: "alert",
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ H("span", {
-					className: v(ae, X.subtitle),
+				children: [/* @__PURE__ */ W("span", {
+					className: v(M, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
-				}), /* @__PURE__ */ H(A, {
+				}), /* @__PURE__ */ W(j, {
 					label: e.retryLabel,
-					onClick: E
+					onClick: D
 				})]
 			}),
-			/* @__PURE__ */ H("div", {
-				ref: P,
+			/* @__PURE__ */ W("div", {
+				ref: ge,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), F = s || !!c || o.length === 0;
-	return /* @__PURE__ */ U("div", {
-		style: oe,
+	}), L = s || !!c || o.length === 0;
+	return /* @__PURE__ */ G("div", {
+		style: ie,
 		className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", X.container, x),
 		children: [
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ U("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "min-w-0 gap-2",
-					children: [/* @__PURE__ */ H("h1", {
-						className: v("truncate", ie),
+					children: [/* @__PURE__ */ W("h1", {
+						className: v("truncate", re),
 						children: e.title
-					}), /* @__PURE__ */ H("p", {
-						className: v("mt-1", ae, X.subtitle),
+					}), /* @__PURE__ */ W("p", {
+						className: v("mt-1", M, X.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ H(j, {
+				}), /* @__PURE__ */ W(le, {
 					label: e.createButtonLabel,
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ H(z, {
-						size: O.SM,
+					iconBefore: /* @__PURE__ */ W(xe, {
+						size: k.SM,
 						"aria-hidden": !0,
-						stroke: k
+						stroke: A
 					}),
 					onClick: t,
 					className: v("shrink-0", X.createButton)
 				})]
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ W("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ H(fe, {
+					children: /* @__PURE__ */ W(ue, {
 						value: n,
-						onChange: se,
+						onChange: ae,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
-						size: re.Large,
-						onFocus: N,
-						onBlur: he
+						size: ne.Large,
+						onFocus: F,
+						onBlur: pe
 					})
-				}), e.sortOptions.length > 0 && /* @__PURE__ */ H("div", {
-					ref: M,
-					className: v(de && X.sortControlHidden),
-					children: /* @__PURE__ */ H(te, {
-						items: _e,
-						label: ge,
-						variant: w.Primary,
+				}), e.sortOptions.length > 0 && /* @__PURE__ */ W("div", {
+					ref: P,
+					className: v(ce && X.sortControlHidden),
+					children: /* @__PURE__ */ W(w, {
+						items: me,
+						label: I,
+						variant: T.Primary,
 						appearance: C.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ H(be, {
-							size: O.SM,
+						iconBefore: b === void 0 ? /* @__PURE__ */ W(ve, {
+							size: k.SM,
 							"aria-hidden": !0,
-							stroke: k
+							stroke: A
 						}) : b,
 						className: X.sortButton
 					})
 				})]
 			}),
 			g,
-			/* @__PURE__ */ H("span", {
+			/* @__PURE__ */ W("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: ve
+				children: he
 			}),
-			/* @__PURE__ */ H("div", {
-				className: v("mx-auto flex size-full w-full min-w-0 flex-col", F && "items-center justify-center"),
-				children: ye()
+			/* @__PURE__ */ W("div", {
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", L && "items-center justify-center"),
+				children: _e()
 			})
 		]
 	});
@@ -389,24 +389,59 @@ var Pe = {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
 	for (let r of n) if (Je(e[r]) !== Je(t[r])) return !0;
 	return !1;
-}, Xe = { error: "_error_v2pfn_4" }, Ze = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
-	let o = Ae(/* @__PURE__ */ new Date()).current;
-	return /* @__PURE__ */ U("div", {
+}, Xe = (e, t, n) => t === r.Hourly == (n === r.Hourly) ? e : void 0, Ze = (e, t) => {
+	let n = Ee();
+	return U(() => {
+		let r = document.getElementById(e);
+		r && (t ? r.setAttribute("aria-describedby", n) : r.removeAttribute("aria-describedby"));
+	}, [
+		t,
+		n,
+		e
+	]), n;
+}, Qe = { error: "_error_v2pfn_4" }, $e = ({ id: t, mode: r, label: a, placeholder: o, value: s, onChange: c, minDate: l, error: u, errorClassName: d, disabled: f }) => {
+	let p = (e) => c(r === D.DateTime ? n(e) : i(e)), m = Ze(t, u);
+	return /* @__PURE__ */ G("div", {
+		className: "flex flex-1 flex-col gap-1",
+		children: [/* @__PURE__ */ W(E, {
+			id: t,
+			mode: r,
+			value: e(s),
+			onChange: p,
+			minDate: l,
+			labelProps: { label: a },
+			placeholder: o,
+			invalid: !!u,
+			disabled: f
+		}), u && /* @__PURE__ */ W("p", {
+			id: m,
+			role: "alert",
+			className: v(d, Qe.error),
+			children: u
+		})]
+	});
+}, et = { error: "_error_v2pfn_4" }, tt = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-small-text" }) => {
+	let l = Oe(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Ze("scheduled-task-run-at", s);
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ H(T, {
+		children: [/* @__PURE__ */ W(E, {
 			id: "scheduled-task-run-at",
-			mode: E.DateTime,
-			value: s(t),
-			onChange: (e) => r(n(e)),
-			minDate: o,
+			mode: D.DateTime,
+			value: t(i),
+			onChange: u,
+			minDate: l,
 			labelProps: {
 				label: e,
 				required: !0
 			},
-			invalid: !!i
-		}), i && /* @__PURE__ */ H("p", {
-			className: v(a, Xe.error),
-			children: i
+			placeholder: r,
+			invalid: !!s,
+			disabled: o
+		}), s && /* @__PURE__ */ W("p", {
+			id: d,
+			role: "alert",
+			className: v(c, et.error),
+			children: s
 		})]
 	});
 }, Z = {
@@ -416,265 +451,267 @@ var Pe = {
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, Qe = B(async () => ({ default: (await W()).MarkdownEditor })), $e = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: S, onCancel: C, onSubmit: te, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: re, markdownEditorTheme: ie, backIcon: A, className: ae, styles: oe }) => {
-	let le = Oe(), ue = Oe(), j = Ae(void 0), fe = (e) => e ? async (t, n) => {
-		if (j.current && !j.current.aborted) throw new DOMException("Busy", "AbortError");
-		j.current = n;
+}, nt = H(async () => ({ default: (await K()).MarkdownEditor })), rt = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: b, onSubmit: S, isSubmitting: C = !1, onRefineDescription: w, onRefineInstructions: T, markdownEditorTheme: O, backIcon: ne, className: re, styles: j }) => {
+	let M = Ee(), ie = Ee(), N = Oe(void 0), se = (e) => e ? async (t, n) => {
+		if (N.current && !N.current.aborted) throw new DOMException("Busy", "AbortError");
+		N.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			j.current === n && (j.current = void 0);
+			N.current === n && (N.current = void 0);
 		}
-	} : void 0, M = x({
-		value: r.description ?? "",
-		onChange: (e) => b("description", e),
-		onRefine: fe(D),
-		disabled: w
-	}), N = x({
-		value: r.prompt,
-		onChange: (e) => b("prompt", e),
-		onRefine: fe(re),
-		disabled: w
-	}), he = M.isPending || N.isPending, ge = () => {
-		M.reset(), N.reset();
-	}, ve = !!(s && Ye(r, s)), P = ee(ve), be = () => P.guard(() => {
-		ge(), S();
-	}), F = () => P.guard(() => {
-		ge(), C();
-	}), xe = y(), I = !r.skillUrls?.length, [L, Se] = je(), Ce = Ae(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: we } = oe ?? {}, B = z?.titleClassName ?? "dial-h1-text", Ee = z?.sectionTitleClassName ?? "dial-body-semi-text", ke = z?.sectionSubtitleClassName ?? "dial-tiny-text", V = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", W = z?.instructionsErrorClassName ?? "dial-small-text", G = _({
-		"--stcf-details-border": R?.detailsColumnBorder,
-		"--stcf-subtitle-text": R?.sectionSubtitleText,
-		"--stcf-error-text": R?.instructionsErrorText,
-		"--stcf-refine-action-text": R?.refineActionText,
-		"--stcf-refine-error-text": R?.refineErrorText
+	} : void 0, le = x({
+		value: t.description ?? "",
+		onChange: (e) => m("description", e),
+		onRefine: se(w),
+		disabled: C
+	}), ue = x({
+		value: t.prompt,
+		onChange: (e) => m("prompt", e),
+		onRefine: se(T),
+		disabled: C
+	}), P = le.isPending || ue.isPending, F = () => {
+		le.reset(), ue.reset();
+	}, pe = !!(n && Ye(t, n)), I = ee(pe), he = () => I.guard(() => {
+		F(), h();
+	}), ge = () => I.guard(() => {
+		F(), b();
+	}), ve = y(), L = !t.skillUrls?.length, [ye, R] = ke(), z = Oe(/* @__PURE__ */ new Date()).current, { colors: B, typography: V, layout: be } = j ?? {}, xe = V?.titleClassName ?? "dial-h1-text", Se = V?.sectionTitleClassName ?? "dial-body-semi-text", H = V?.sectionSubtitleClassName ?? "dial-tiny-text", we = V?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = V?.instructionsErrorClassName ?? "dial-small-text", De = _({
+		"--stcf-details-border": B?.detailsColumnBorder,
+		"--stcf-subtitle-text": B?.sectionSubtitleText,
+		"--stcf-error-text": B?.instructionsErrorText,
+		"--stcf-refine-action-text": B?.refineActionText,
+		"--stcf-refine-error-text": B?.refineErrorText
 	}), K = {
-		feedbackClassName: v(R?.refineActionText && Z.refineFeedback, z?.refineFeedbackClassName, Pe.refineFeedback),
+		feedbackClassName: v(B?.refineActionText && Z.refineFeedback, V?.refineFeedbackClassName, Me.refineFeedback),
 		errorClassName: Z.refineError
-	}, Fe = (e) => {
-		let t = c.test(e.target.value) ? void 0 : n.timeInvalidLabel;
-		Se(t), b("time", e.target.value);
-	}, q = (e) => {
-		Se(void 0), b("time", typeof e == "string" ? e : "");
-	}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
-	De(() => {
-		J || Se(void 0);
+	}, q = (t) => {
+		let n = s.test(t.target.value) ? void 0 : e.timeInvalidLabel;
+		R(n), m("time", t.target.value);
+	}, Ne = (e) => {
+		R(void 0), m("time", typeof e == "string" ? e : "");
+	}, Pe = (e) => {
+		let n = e;
+		m("repeat", n);
+		let r = Xe(t.startDate, t.repeat, n);
+		r !== t.startDate && m("startDate", r ?? "");
+		let i = Xe(t.endDate, t.repeat, n);
+		i !== t.endDate && m("endDate", i ?? "");
+	}, J = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Fe = t.repeat === r.Hourly, Ie = Fe ? D.DateTime : D.Date, Y = Fe ? e.startDateAndTimeLabel : e.startDateLabel, Le = Fe ? e.endDateAndTimeLabel : e.endDateLabel;
+	Te(() => {
+		J || R(void 0);
 	}, [J]);
-	let Ie = J ? L ?? u.time : void 0, Y = (e) => b("runAt", e), Le = w || he || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Ie;
-	return /* @__PURE__ */ U(Me, { children: [/* @__PURE__ */ H(Ne, {
+	let Re = J ? ye ?? i.time : void 0, ze = (e) => m("runAt", e), Be = C || P || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || J && !t.time || !!Re;
+	return /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(je, {
 		labels: {
-			title: n.pageTitle,
-			backButtonLabel: n.backButtonLabel,
-			cancelButtonLabel: n.cancelButtonLabel,
-			submitButtonLabel: n.createButtonLabel,
-			submittingLabel: n.submittingLabel ?? "Saving"
+			title: e.pageTitle,
+			backButtonLabel: e.backButtonLabel,
+			cancelButtonLabel: e.cancelButtonLabel,
+			submitButtonLabel: e.createButtonLabel,
+			submittingLabel: e.submittingLabel ?? "Saving"
 		},
-		onBack: be,
-		onCancel: F,
+		onBack: he,
+		onCancel: ge,
 		onSubmit: () => {
-			!Le && (!j.current || j.current.aborted) && te();
+			!Be && (!N.current || N.current.aborted) && S();
 		},
-		isCancelDisabled: w,
-		isSubmitDisabled: Le,
-		isSubmitting: w,
-		backIcon: A === void 0 ? /* @__PURE__ */ H(ye, {
-			size: O.LG,
-			stroke: k,
+		isCancelDisabled: C,
+		isSubmitDisabled: Be,
+		isSubmitting: C,
+		backIcon: ne === void 0 ? /* @__PURE__ */ W(_e, {
+			size: k.LG,
+			stroke: A,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : A,
+		}) : ne,
 		layout: {
-			sideColumnWidth: we?.detailsWidth,
-			columnGap: we?.columnGap,
+			sideColumnWidth: be?.detailsWidth,
+			columnGap: be?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: ae,
+		className: re,
 		styles: {
-			colors: { background: R?.background },
+			colors: { background: B?.background },
 			header: {
-				colors: { borderColor: R?.headerBorder },
-				typography: { fontClassName: B }
+				colors: { borderColor: B?.headerBorder },
+				typography: { fontClassName: xe }
 			},
-			cssVars: G
+			cssVars: De
 		},
-		left: /* @__PURE__ */ U("div", {
+		left: /* @__PURE__ */ G("div", {
 			role: "group",
-			"aria-label": n.detailsSectionTitle,
+			"aria-label": e.detailsSectionTitle,
 			className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", Z.detailsColumn, Z.formColumn),
 			children: [
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ H("h2", {
-						className: Ee,
-						children: n.detailsSectionTitle
-					}), /* @__PURE__ */ H("p", {
-						className: v(ke, Z.sectionSubtitle),
-						children: n.detailsSectionSubtitle
+					children: [/* @__PURE__ */ W("h2", {
+						className: Se,
+						children: e.detailsSectionTitle
+					}), /* @__PURE__ */ W("p", {
+						className: v(H, Z.sectionSubtitle),
+						children: e.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ H(se, {
+				/* @__PURE__ */ W(ae, {
 					id: "scheduled-task-display-name",
-					value: r.displayName,
-					onChange: (e) => b("displayName", e ?? ""),
+					value: t.displayName,
+					onChange: (e) => m("displayName", e ?? ""),
 					labelProps: {
-						label: n.displayNameLabel,
+						label: e.displayNameLabel,
 						required: !0
 					},
-					invalid: !!u.displayName,
-					error: u.displayName
+					invalid: !!i.displayName,
+					error: i.displayName
 				}),
-				/* @__PURE__ */ H(g, {
-					isEnabled: !!D,
-					fieldId: le,
-					label: n.descriptionLabel,
-					labels: n,
-					refinement: M,
-					disabled: w || he,
-					caption: `${(r.description ?? "").length}/500`,
+				/* @__PURE__ */ W(g, {
+					isEnabled: !!w,
+					fieldId: M,
+					label: e.descriptionLabel,
+					labels: e,
+					refinement: le,
+					disabled: C || P,
+					caption: `${(t.description ?? "").length}/500`,
 					...K,
-					children: /* @__PURE__ */ H(_e, {
-						id: le,
-						value: r.description ?? "",
+					children: /* @__PURE__ */ W(me, {
+						id: M,
+						value: t.description ?? "",
 						onChange: (e) => {
-							M.reset(), b("description", e);
+							le.reset(), m("description", e);
 						},
-						labelProps: D ? void 0 : { label: n.descriptionLabel },
+						labelProps: w ? void 0 : { label: e.descriptionLabel },
 						maxLength: 500,
-						invalid: !!u.description,
-						error: u.description
+						invalid: !!i.description,
+						error: i.description
 					})
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ H(ce, {
-							id: m,
-							label: n.modelOrAgentLabel,
+						/* @__PURE__ */ W(oe, {
+							id: u,
+							label: e.modelOrAgentLabel,
 							required: !0
 						}),
-						p,
-						u.modelId && /* @__PURE__ */ H("p", {
-							className: v(W, Z.instructionsError),
-							children: u.modelId
+						c,
+						i.modelId && /* @__PURE__ */ W("p", {
+							className: v(U, Z.instructionsError),
+							children: i.modelId
 						})
 					]
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ H(pe, {
-							labelProps: { label: n.repeatLabel },
-							value: r.repeat,
-							onChange: (e) => b("repeat", e),
-							options: n.repeatOptions.map((e) => ({
+						/* @__PURE__ */ W(de, {
+							labelProps: { label: e.repeatLabel },
+							value: t.repeat,
+							onChange: Pe,
+							options: e.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						r.repeat === t.OneTime && /* @__PURE__ */ H(Ze, {
-							label: n.runAtLabel,
-							value: r.runAt ?? "",
-							onChange: Y,
-							error: u.runAt,
-							errorClassName: W
+						t.repeat === r.OneTime && /* @__PURE__ */ W(tt, {
+							label: e.runAtLabel,
+							placeholder: e.runAtPlaceholder,
+							value: t.runAt ?? "",
+							onChange: ze,
+							error: i.runAt,
+							errorClassName: U,
+							disabled: C
 						}),
-						r.repeat !== t.OneTime && /* @__PURE__ */ U(Me, { children: [
-							J && /* @__PURE__ */ U("div", {
+						t.repeat !== r.OneTime && /* @__PURE__ */ G(Ae, { children: [
+							t.repeat === r.Weekly && /* @__PURE__ */ G("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ H(T, {
-									id: "scheduled-task-time",
-									mode: E.Time,
-									value: r.time,
-									onChange: q,
-									onBlur: Fe,
+								children: [/* @__PURE__ */ W(E, {
+									id: "scheduled-task-day-of-week",
+									mode: D.Weekday,
+									value: a(t.dayOfWeek),
+									onChange: (e) => m("dayOfWeek", o(e)),
 									labelProps: {
-										label: n.timeLabel,
+										label: e.dayOfWeekLabel,
 										required: !0
 									},
-									invalid: !!Ie,
-									disabled: w,
-									showTimezone: !0
-								}), Ie && /* @__PURE__ */ H("p", {
-									className: v(W, Z.instructionsError),
-									children: Ie
+									invalid: !!i.dayOfWeek
+								}), i.dayOfWeek && /* @__PURE__ */ W("p", {
+									className: v(U, Z.instructionsError),
+									children: i.dayOfWeek
 								})]
 							}),
-							r.repeat === t.Weekly && /* @__PURE__ */ U("div", {
+							J && /* @__PURE__ */ G("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ H(T, {
-									id: "scheduled-task-day-of-week",
-									mode: E.Weekday,
-									value: a(r.dayOfWeek),
-									onChange: (e) => b("dayOfWeek", o(e)),
+								children: [/* @__PURE__ */ W(E, {
+									id: "scheduled-task-time",
+									mode: D.Time,
+									value: t.time,
+									onChange: Ne,
+									onBlur: q,
 									labelProps: {
-										label: n.dayOfWeekLabel,
+										label: e.timeLabel,
 										required: !0
 									},
-									invalid: !!u.dayOfWeek
-								}), u.dayOfWeek && /* @__PURE__ */ H("p", {
-									className: v(W, Z.instructionsError),
-									children: u.dayOfWeek
+									invalid: !!Re,
+									disabled: C,
+									showTimezone: !0
+								}), Re && /* @__PURE__ */ W("p", {
+									className: v(U, Z.instructionsError),
+									children: Re
 								})]
 							}),
-							r.repeat === t.Monthly && /* @__PURE__ */ H(de, {
+							t.repeat === r.Monthly && /* @__PURE__ */ W(ce, {
 								id: "scheduled-task-day-of-month",
 								integer: !0,
 								min: 1,
 								max: 31,
-								value: r.dayOfMonth ?? "",
-								onChange: (e) => b("dayOfMonth", e == null ? "" : String(e)),
+								value: t.dayOfMonth ?? "",
+								onChange: (e) => m("dayOfMonth", e == null ? "" : String(e)),
 								labelProps: {
-									label: n.dayOfMonthLabel,
+									label: e.dayOfMonthLabel,
 									required: !0
 								},
-								invalid: !!u.dayOfMonth,
-								error: u.dayOfMonth
+								invalid: !!i.dayOfMonth,
+								error: i.dayOfMonth
 							}),
-							r.repeat === t.Hourly && /* @__PURE__ */ H(de, {
+							t.repeat === r.Hourly && /* @__PURE__ */ W(ce, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
 								max: 59,
-								value: r.minute ?? "",
-								onChange: (e) => b("minute", e == null ? "" : String(e)),
+								wrapperClassName: "w-[142px]",
+								value: t.minute ?? "",
+								onChange: (e) => m("minute", e == null ? "" : String(e)),
 								labelProps: {
-									label: n.minuteLabel,
+									label: e.minuteLabel,
 									required: !0
 								},
-								invalid: !!u.minute,
-								error: u.minute
+								invalid: !!i.minute,
+								error: i.minute
 							}),
-							/* @__PURE__ */ U("div", {
-								className: "flex flex-row gap-3",
-								children: [/* @__PURE__ */ U("div", {
-									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ H(T, {
-										id: "scheduled-task-start-date",
-										mode: E.Date,
-										value: e(r.startDate),
-										onChange: (e) => b("startDate", i(e)),
-										minDate: Ce,
-										labelProps: { label: n.startDateLabel },
-										placeholder: n.startDatePlaceholder,
-										invalid: !!u.startDate
-									}), u.startDate && /* @__PURE__ */ H("p", {
-										className: v(W, Z.instructionsError),
-										children: u.startDate
-									})]
-								}), /* @__PURE__ */ U("div", {
-									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ H(T, {
-										id: "scheduled-task-end-date",
-										mode: E.Date,
-										value: e(r.endDate),
-										onChange: (e) => b("endDate", i(e)),
-										minDate: Ce,
-										labelProps: { label: n.endDateLabel },
-										placeholder: n.endDatePlaceholder,
-										invalid: !!u.endDate
-									}), u.endDate && /* @__PURE__ */ H("p", {
-										className: v(W, Z.instructionsError),
-										children: u.endDate
-									})]
+							/* @__PURE__ */ G("div", {
+								className: v("gap-3", Fe ? "flex flex-col" : "flex flex-row"),
+								children: [/* @__PURE__ */ W($e, {
+									id: "scheduled-task-start-date",
+									mode: Ie,
+									label: Y,
+									placeholder: e.startDatePlaceholder,
+									value: t.startDate,
+									onChange: (e) => m("startDate", e),
+									minDate: z,
+									error: i.startDate,
+									errorClassName: U,
+									disabled: C
+								}), /* @__PURE__ */ W($e, {
+									id: "scheduled-task-end-date",
+									mode: Ie,
+									label: Le,
+									placeholder: e.endDatePlaceholder,
+									value: t.endDate,
+									onChange: (e) => m("endDate", e),
+									minDate: z,
+									error: i.endDate,
+									errorClassName: U,
+									disabled: C
 								})]
 							})
 						] })
@@ -682,72 +719,69 @@ var Pe = {
 				})
 			]
 		}),
-		children: /* @__PURE__ */ U("div", {
+		children: /* @__PURE__ */ G("div", {
 			role: "group",
-			"aria-label": n.configurationSectionTitle,
+			"aria-label": e.configurationSectionTitle,
 			className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
 			children: [
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ H("h2", {
-						className: Ee,
-						children: n.configurationSectionTitle
-					}), /* @__PURE__ */ H("p", {
-						className: v(ke, Z.sectionSubtitle),
-						children: n.configurationSectionSubtitle
-					})]
+					children: /* @__PURE__ */ W("h2", {
+						className: Se,
+						children: e.configurationSectionTitle
+					})
 				}),
-				h == null ? u.skillUrls && /* @__PURE__ */ H("div", {
+				p == null ? i.skillUrls && /* @__PURE__ */ W("div", {
 					"aria-live": "polite",
-					children: /* @__PURE__ */ H("p", {
-						className: v(W, Z.instructionsError),
-						children: u.skillUrls
+					children: /* @__PURE__ */ W("p", {
+						className: v(U, Z.instructionsError),
+						children: i.skillUrls
 					})
-				}) : /* @__PURE__ */ H("div", {
+				}) : /* @__PURE__ */ W("div", {
 					className: "w-full max-w-[996px] min-w-0",
-					children: h
+					children: p
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ W("div", {
 					className: "flex w-full max-w-[996px] min-w-0 flex-col",
-					children: /* @__PURE__ */ H(g, {
-						isEnabled: !!re,
-						fieldId: ue,
-						labelClassName: V,
-						label: n.instructionsLabel,
-						required: I,
-						labels: n,
-						refinement: N,
-						disabled: w || he,
+					children: /* @__PURE__ */ W(g, {
+						isEnabled: !!T,
+						fieldId: ie,
+						labelClassName: we,
+						label: e.instructionsLabel,
+						required: L,
+						labels: e,
+						refinement: ue,
+						disabled: C || P,
 						...K,
-						children: /* @__PURE__ */ U("div", {
+						children: /* @__PURE__ */ G("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!re && /* @__PURE__ */ H(ce, {
-									htmlFor: ue,
-									className: V,
-									label: n.instructionsLabel,
-									required: I
+								!T && /* @__PURE__ */ W(oe, {
+									htmlFor: ie,
+									className: we,
+									label: e.instructionsLabel,
+									required: L
 								}),
-								/* @__PURE__ */ H("div", {
-									ref: xe,
+								/* @__PURE__ */ W("div", {
+									ref: ve,
 									className: v("w-full", d, f),
-									children: /* @__PURE__ */ H(Te, {
-										fallback: /* @__PURE__ */ H(me, {}),
-										children: /* @__PURE__ */ H(Qe, {
-											id: ue,
-											value: r.prompt,
+									children: /* @__PURE__ */ W(Ce, {
+										fallback: /* @__PURE__ */ W(fe, {}),
+										children: /* @__PURE__ */ W(nt, {
+											id: ie,
+											value: t.prompt,
 											onChange: (e) => {
-												N.reset(), b("prompt", e);
+												ue.reset(), m("prompt", e);
 											},
 											height: 480,
-											theme: ie,
-											placeholder: n.instructionsPlaceholder
+											theme: O,
+											placeholder: e.instructionsPlaceholder
 										})
 									})
 								}),
-								u.prompt && /* @__PURE__ */ H("p", {
-									className: v(W, Z.instructionsError),
-									children: u.prompt
+								i.prompt && /* @__PURE__ */ W("p", {
+									className: v(U, Z.instructionsError),
+									children: i.prompt
 								})
 							]
 						})
@@ -755,100 +789,100 @@ var Pe = {
 				})
 			]
 		})
-	}), P.isConfirmOpen && /* @__PURE__ */ H(l, {
+	}), I.isConfirmOpen && /* @__PURE__ */ W(l, {
 		open: !0,
-		title: n.discardTitle ?? "Discard unsaved changes?",
-		message: n.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
-		confirmLabel: n.discardConfirmLabel ?? "Discard changes",
-		cancelLabel: n.discardCancelLabel ?? "Keep editing",
-		variant: ne.Danger,
-		onConfirm: P.confirm,
-		onClose: P.dismiss
+		title: e.discardTitle ?? "Discard unsaved changes?",
+		message: e.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
+		confirmLabel: e.discardConfirmLabel ?? "Discard changes",
+		cancelLabel: e.discardCancelLabel ?? "Keep editing",
+		variant: te.Danger,
+		onConfirm: I.confirm,
+		onClose: I.dismiss
 	})] });
-}, et = /* @__PURE__ */ function(e) {
+}, it = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), tt = /* @__PURE__ */ function(e) {
+}({}), at = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), nt = { subtitleText: "_subtitleText_1i4x2_3" }, rt = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ U("div", {
+}({}), ot = { subtitleText: "_subtitleText_1i4x2_3" }, st = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ G("div", {
 	className: "flex min-w-0 flex-col gap-5",
-	children: [!!t?.length && /* @__PURE__ */ U("div", {
+	children: [!!t?.length && /* @__PURE__ */ G("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, nt.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ot.subtitleText),
 			children: e
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: "break-all whitespace-normal",
-			children: t?.map((e, t) => /* @__PURE__ */ H("span", {
+			children: t?.map((e, t) => /* @__PURE__ */ W("span", {
 				className: "block",
 				children: e
 			}, `${t}:${e}`))
 		})]
-	}), r && /* @__PURE__ */ U("div", {
+	}), r && /* @__PURE__ */ G("div", {
 		role: "group",
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, nt.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ot.subtitleText),
 			children: n
-		}), i ? i(r) : /* @__PURE__ */ H(p, {
+		}), i ? i(r) : /* @__PURE__ */ W(p, {
 			content: r,
 			...a
 		})]
 	})]
-}), it = { subtitleText: "_subtitleText_1i4x2_3" }, at = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ U(Me, { children: [
-	t && /* @__PURE__ */ U("div", {
+}), ct = { subtitleText: "_subtitleText_1i4x2_3" }, lt = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ G(Ae, { children: [
+	t && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, it.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ct.subtitleText),
 			children: e.descriptionLabel
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: t
 		})]
 	}),
-	a && /* @__PURE__ */ U("div", {
+	a && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, it.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ct.subtitleText),
 			children: e.completedFieldLabel
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: a
 		})]
 	}),
-	n && /* @__PURE__ */ U("div", {
+	n && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, it.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ct.subtitleText),
 			children: e.modelLabel
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: n
 		})]
 	}),
-	r && /* @__PURE__ */ U("div", {
+	r && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, it.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ct.subtitleText),
 			children: e.repeatsLabel
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: r
 		})]
 	}),
-	i && /* @__PURE__ */ U("div", {
+	i && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ H("span", {
-			className: v(o, it.subtitleText),
+		children: [/* @__PURE__ */ W("span", {
+			className: v(o, ct.subtitleText),
 			children: e.activeWindowLabel
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: i
 		})]
 	})
-] }), ot = /* @__PURE__ */ function(e) {
+] }), ut = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_6i141_1",
@@ -858,33 +892,33 @@ var Pe = {
 	currentRun: "_currentRun_6i141_17",
 	interactiveRow: "_interactiveRow_6i141_22",
 	unreadDot: "_unreadDot_6i141_33"
-}, st = ({ status: e }) => {
+}, dt = ({ status: e }) => {
 	switch (e) {
-		case ot.Success: return /* @__PURE__ */ H(F, {
-			size: O.SM,
+		case ut.Success: return /* @__PURE__ */ W(L, {
+			size: k.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: A
 		});
-		case ot.Error: return /* @__PURE__ */ H(xe, {
-			size: O.SM,
+		case ut.Error: return /* @__PURE__ */ W(ye, {
+			size: k.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: A
 		});
-		case ot.InProgress: return /* @__PURE__ */ H("span", {
+		case ut.InProgress: return /* @__PURE__ */ W("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ H(me, { size: O.SM })
+			children: /* @__PURE__ */ W(fe, { size: k.SM })
 		});
-		case ot.Missed: return /* @__PURE__ */ H(P, {
-			size: O.SM,
+		case ut.Missed: return /* @__PURE__ */ W(ge, {
+			size: k.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: A
 		});
 		default: return null;
 	}
-}, ct = ({ 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 }) => {
+}, ft = ({ 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-paragraph-text", m = f?.runTimestampUnreadClassName ?? "dial-small-paragraph-semi-text", h = f?.subtitleClassName ?? "dial-body-text", g = c.unreadIndicatorLabel ?? "Unread", y = _({
 		"--strhl-success-icon": d?.successIconColor,
 		"--strhl-error-icon": d?.errorIconColor,
@@ -896,7 +930,7 @@ var Pe = {
 		"--strhl-row-focus-bg": u?.rowFocusBackground,
 		"--strhl-row-focus-outline": u?.rowFocusOutline
 	}), b = (e) => {
-		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ot.Error && e.errorText ? e.errorText : void 0, i = [
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ut.Error && e.errorText ? e.errorText : void 0, i = [
 			r,
 			e.isUnread ? g : void 0,
 			n ? c.currentRunLabel : void 0
@@ -905,7 +939,7 @@ var Pe = {
 			e.timestampLabel,
 			e.durationLabel
 		].filter(Boolean).join(" "), ...i].join(" — "), l = !!e.conversationId && !!s;
-		return /* @__PURE__ */ U("li", {
+		return /* @__PURE__ */ G("li", {
 			...l ? {
 				role: "button",
 				tabIndex: 0,
@@ -917,50 +951,50 @@ var Pe = {
 			"aria-label": a,
 			"aria-current": n ? "true" : void 0,
 			className: v("-mx-(--strhl-row-bleed,0px) flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full px-3", n && Q.currentRun, l && "cursor-pointer", l && Q.interactiveRow),
-			children: [/* @__PURE__ */ U("span", {
+			children: [/* @__PURE__ */ G("span", {
 				className: "flex min-w-0 items-center gap-1",
-				children: [r ? /* @__PURE__ */ H(ve, {
+				children: [r ? /* @__PURE__ */ W(he, {
 					tooltip: r,
 					asChild: !0,
 					contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
-					children: /* @__PURE__ */ H("span", {
+					children: /* @__PURE__ */ W("span", {
 						className: "flex shrink-0",
 						tabIndex: l ? void 0 : 0,
-						children: /* @__PURE__ */ H(st, { status: e.status })
+						children: /* @__PURE__ */ W(dt, { status: e.status })
 					})
-				}) : /* @__PURE__ */ H(st, { status: e.status }), /* @__PURE__ */ U("span", {
+				}) : /* @__PURE__ */ W(dt, { status: e.status }), /* @__PURE__ */ G("span", {
 					className: "flex min-w-0 items-center gap-1",
-					children: [/* @__PURE__ */ H("span", {
+					children: [/* @__PURE__ */ W("span", {
 						className: v(e.isUnread ? m : p, "truncate"),
 						children: e.timestampLabel
-					}), e.durationLabel && /* @__PURE__ */ H("span", {
+					}), e.durationLabel && /* @__PURE__ */ W("span", {
 						className: v(p, Q.subtitleText, "shrink-0"),
 						children: e.durationLabel
 					})]
 				})]
-			}), /* @__PURE__ */ H("span", {
+			}), /* @__PURE__ */ W("span", {
 				className: "relative flex size-3 shrink-0 items-center justify-center",
-				children: e.isUnread && /* @__PURE__ */ H("span", {
+				children: e.isUnread && /* @__PURE__ */ W("span", {
 					className: v("size-[5.33px] rounded-full", Q.unreadDot),
 					"aria-hidden": !0
 				})
 			})]
 		}, e.id);
-	}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ U("li", {
+	}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ G("li", {
 		"aria-hidden": "true",
 		className: "-mx-(--strhl-row-bleed,0px) flex min-h-(--strhl-row-min-height,32px) max-w-[328px] items-center justify-between gap-2 px-3",
-		children: [/* @__PURE__ */ H(M, {
-			variant: N.Rectangular,
+		children: [/* @__PURE__ */ W(P, {
+			variant: F.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ H(M, {
-			variant: N.Rectangular,
+		}), /* @__PURE__ */ W(P, {
+			variant: F.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
 		})]
 	}, `history-skeleton-${t}`));
-	return t && e.length === 0 ? /* @__PURE__ */ H("ul", {
+	return t && e.length === 0 ? /* @__PURE__ */ W("ul", {
 		style: {
 			...y,
 			"--strhl-row-min-height": u?.rowMinHeight
@@ -968,31 +1002,31 @@ var Pe = {
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: x(r)
-	}) : i && e.length === 0 ? /* @__PURE__ */ U("div", {
+	}) : i && e.length === 0 ? /* @__PURE__ */ G("div", {
 		style: y,
 		className: "flex flex-col items-start gap-3",
-		children: [/* @__PURE__ */ H("p", {
+		children: [/* @__PURE__ */ W("p", {
 			role: "alert",
 			className: v(h, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ H(A, {
+		}), /* @__PURE__ */ W(j, {
 			label: c.retryLabel,
 			onClick: a
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ U("div", {
+	}) : e.length === 0 ? /* @__PURE__ */ G("div", {
 		style: y,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ H(I, {
+		children: [/* @__PURE__ */ W(R, {
 			size: 44,
-			stroke: k,
+			stroke: A,
 			className: Q.subtitleText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ H("p", {
+		}), /* @__PURE__ */ W("p", {
 			role: "status",
 			className: p,
 			children: c.emptyLabel
 		})]
-	}) : /* @__PURE__ */ U("ul", {
+	}) : /* @__PURE__ */ G("ul", {
 		style: {
 			...y,
 			"--strhl-row-min-height": u?.rowMinHeight
@@ -1002,50 +1036,50 @@ var Pe = {
 		children: [
 			e.map(b),
 			n && x(r),
-			i ? /* @__PURE__ */ U("li", {
+			i ? /* @__PURE__ */ G("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
-				children: [/* @__PURE__ */ H("p", {
+				children: [/* @__PURE__ */ W("p", {
 					role: "alert",
 					className: v(h, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ H(A, {
+				}), /* @__PURE__ */ W(j, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
 	});
-}, lt = {
+}, pt = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, ut = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
-	let b = e === tt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ U("li", {
+}, mt = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
+	let b = e === at.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", pt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ G("li", {
 		className: x,
-		children: [/* @__PURE__ */ H("p", {
+		children: [/* @__PURE__ */ W("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ H(A, {
+		}), u && /* @__PURE__ */ W(j, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
-	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ H("li", {
+	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ W("li", {
 		className: x,
-		children: /* @__PURE__ */ H(A, {
+		children: /* @__PURE__ */ W(j, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, S = n ? /* @__PURE__ */ H("p", {
-		className: v(m, lt.subtitleText),
+	}) : void 0, S = n ? /* @__PURE__ */ W("p", {
+		className: v(m, pt.subtitleText),
 		children: n
-	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ H("span", {
+	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ W("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, te = /* @__PURE__ */ H(ct, {
+	}) : void 0, w = /* @__PURE__ */ W(ft, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1074,30 +1108,30 @@ var Pe = {
 			rowFocusOutline: y?.rowFocusOutline
 		}
 	});
-	return b ? /* @__PURE__ */ U("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", lt.historyCard, lt.cardLayout),
+	return b ? /* @__PURE__ */ G("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", pt.historyCard, pt.cardLayout),
 		style: { "--st-history-max-height": y?.maxHeight },
-		children: [/* @__PURE__ */ U("div", {
-			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", lt.historyCard),
+		children: [/* @__PURE__ */ G("div", {
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", pt.historyCard),
 			children: [
-				/* @__PURE__ */ H("h2", {
+				/* @__PURE__ */ W("h2", {
 					className: g,
 					children: t.historyTitle
 				}),
 				S,
 				C
 			]
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ W("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
 			style: { "--strhl-row-bleed": "12px" },
-			children: te
+			children: w
 		})]
-	}) : /* @__PURE__ */ U("div", {
+	}) : /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-4",
 		children: [
 			S,
 			C,
-			te
+			w
 		]
 	});
 }, $ = {
@@ -1113,27 +1147,27 @@ var Pe = {
 	actionButton: "_actionButton_hdn5b_75",
 	roundActionButton: "_roundActionButton_hdn5b_82",
 	stickyTabs: "_stickyTabs_hdn5b_88"
-}, dt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: S, modelLabel: C, repeatsLabel: te, activeWindowLabel: T, completedLabel: E, nextRunLabel: D, instructionsMarkdown: ne, skillDisplayNames: re, renderInstructions: ie, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: de, onRunsRetry: j, runsLoadMoreError: fe, onRunsRetryLoadMore: pe, runsHasMore: M = !1, onRunsLoadMore: N, onRunClick: _e, styles: ve, className: P, backIcon: be, layout: F, historyStyles: xe }) => {
-	let { colors: I, typography: L } = ve ?? {}, Ce = L?.titleClassName ?? "dial-h2-text", z = L?.sectionTitleClassName ?? "dial-body-semi-text", Te = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", Ee = L?.runTimestampClassName ?? "dial-small-text", De = _({
-		"--stdv-bg": I?.background,
-		"--stdv-header-border": I?.headerBorder,
-		"--stdv-details-border": I?.detailsColumnBorder,
-		"--stdv-subtitle-text": I?.subtitleText,
-		"--stdv-history-bg": I?.historyCardBackground
-	}), ke = b(), [V, Ae] = je(et.Details), Ne = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, Pe = [
+}, ht = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: S, modelLabel: C, repeatsLabel: w, activeWindowLabel: E, completedLabel: D, nextRunLabel: O, instructionsMarkdown: te, skillDisplayNames: ne, renderInstructions: re, runs: ie, runsIsLoading: ae = !1, runsIsLoadingMore: oe = !1, runsSkeletonCount: N = 6, runsError: ce, onRunsRetry: le, runsLoadMoreError: ue, onRunsRetryLoadMore: de, runsHasMore: P = !1, onRunsLoadMore: F, onRunClick: me, styles: he, className: ge, backIcon: ve, layout: L, historyStyles: ye }) => {
+	let { colors: R, typography: z } = he ?? {}, V = z?.titleClassName ?? "dial-h2-text", xe = z?.sectionTitleClassName ?? "dial-body-semi-text", Ce = z?.fieldLabelClassName ?? "dial-tiny-text", H = z?.fieldValueClassName ?? "dial-small-text", we = z?.runTimestampClassName ?? "dial-small-text", Te = _({
+		"--stdv-bg": R?.background,
+		"--stdv-header-border": R?.headerBorder,
+		"--stdv-details-border": R?.detailsColumnBorder,
+		"--stdv-subtitle-text": R?.subtitleText,
+		"--stdv-history-bg": R?.historyCardBackground
+	}), U = b(), [De, Oe] = ke(it.Details), je = Ee(), K = o && !i ? e.startNowBusyLabel : void 0, Me = [
 		{
-			id: et.Details,
+			id: it.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: et.Configuration,
+			id: it.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: et.History,
+			id: it.History,
 			label: e.historyTitle
 		}
-	], G = Pe.find((e) => e.id === V)?.label ?? e.detailsTitle, K = /* @__PURE__ */ H(at, {
+	], q = Me.find((e) => e.id === De)?.label ?? e.detailsTitle, Ne = /* @__PURE__ */ W(lt, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1143,17 +1177,17 @@ var Pe = {
 		},
 		description: S,
 		modelLabel: C,
-		repeatsLabel: te,
-		activeWindowLabel: T,
-		completedLabel: E,
-		fieldLabelClassName: Te,
-		fieldValueClassName: B
-	}), Fe = /* @__PURE__ */ H(rt, {
+		repeatsLabel: w,
+		activeWindowLabel: E,
+		completedLabel: D,
+		fieldLabelClassName: Ce,
+		fieldValueClassName: H
+	}), Pe = /* @__PURE__ */ W(st, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayNames: re,
-		instructionsMarkdown: ne,
-		renderInstructions: ie,
+		skillDisplayNames: ne,
+		instructionsMarkdown: te,
+		renderInstructions: re,
 		markdownLabels: {
 			codeBlockCopyLabel: e.codeBlockCopyLabel,
 			codeBlockCopiedLabel: e.codeBlockCopiedLabel,
@@ -1161,8 +1195,8 @@ var Pe = {
 			tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
 			mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
 		},
-		fieldLabelClassName: Te
-	}), q = (t) => /* @__PURE__ */ H(ut, {
+		fieldLabelClassName: Ce
+	}), J = (t) => /* @__PURE__ */ W(mt, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -1175,106 +1209,106 @@ var Pe = {
 			runStatusLabels: e.runStatusLabels,
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
-		nextRunLabel: D,
-		items: oe,
-		isLoading: se,
-		isLoadingMore: ce,
-		skeletonCount: le,
-		error: de,
-		onRetry: j,
-		loadMoreError: fe,
-		onRetryLoadMore: pe,
-		hasMore: M,
-		onLoadMore: N,
-		onRunClick: _e,
-		runTimestampClassName: Ee,
-		sectionTitleClassName: z,
-		colors: I,
-		styles: xe
+		nextRunLabel: O,
+		items: ie,
+		isLoading: ae,
+		isLoadingMore: oe,
+		skeletonCount: N,
+		error: ce,
+		onRetry: le,
+		loadMoreError: ue,
+		onRetryLoadMore: de,
+		hasMore: P,
+		onLoadMore: F,
+		onRunClick: me,
+		runTimestampClassName: we,
+		sectionTitleClassName: xe,
+		colors: R,
+		styles: ye
 	});
-	return /* @__PURE__ */ U("div", {
-		style: De,
-		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, P),
+	return /* @__PURE__ */ G("div", {
+		style: Te,
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, ge),
 		children: [
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: v("flex min-h-16 shrink-0 items-start justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:items-center desktop:px-8 desktop:py-0", $.header),
-				children: [/* @__PURE__ */ U("div", {
+				children: [/* @__PURE__ */ G("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ H(ae, {
-							icon: be === void 0 ? /* @__PURE__ */ H(ye, {
-								size: O.LG,
+						/* @__PURE__ */ W(M, {
+							icon: ve === void 0 ? /* @__PURE__ */ W(_e, {
+								size: k.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: k
-							}) : be,
+								stroke: A
+							}) : ve,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
-						/* @__PURE__ */ H("h1", {
-							className: v("truncate", $.desktopTitle, Ce),
+						/* @__PURE__ */ W("h1", {
+							className: v("truncate", $.desktopTitle, V),
 							children: g
 						}),
-						l && /* @__PURE__ */ H("span", {
-							className: v("shrink-0", $.desktopBadge, B, $.subtitleText),
+						l && /* @__PURE__ */ W("span", {
+							className: v("shrink-0", $.desktopBadge, H, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
-				}), /* @__PURE__ */ U("div", {
+				}), /* @__PURE__ */ G("div", {
 					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__ */ U(Me, { children: [/* @__PURE__ */ H(he, {
+						!l && !u && d !== void 0 && /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(pe, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: d,
 							disabled: f || p || c,
 							onChange: (e) => h?.(e)
-						}), p && m && /* @__PURE__ */ H("span", {
-							className: v(B, $.subtitleText),
+						}), p && m && /* @__PURE__ */ W("span", {
+							className: v(H, $.subtitleText),
 							children: m
 						})] }),
-						!l && s && /* @__PURE__ */ H(A, {
-							variant: w.Danger,
+						!l && s && /* @__PURE__ */ W(j, {
+							variant: T.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ H(we, {
-								size: O.SM,
+							iconBefore: /* @__PURE__ */ W(Se, {
+								size: k.SM,
 								"aria-hidden": !0,
-								stroke: k
+								stroke: A
 							}),
 							onClick: s,
 							disabled: c,
 							textClassName: $.actionLabel,
 							className: v("min-h-11 shrink-0", $.actionButton)
 						}),
-						!l && n && /* @__PURE__ */ H(ue, {
+						!l && n && /* @__PURE__ */ W(se, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ H(Se, {
-								size: O.SM,
+							iconBefore: /* @__PURE__ */ W(B, {
+								size: k.SM,
 								"aria-hidden": !0,
-								stroke: k
+								stroke: A
 							}),
 							onClick: n,
 							disabled: c,
 							textClassName: $.actionLabel,
 							className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
 						}),
-						!l && r && e.startNowButtonLabel && /* @__PURE__ */ U("div", {
+						!l && r && e.startNowButtonLabel && /* @__PURE__ */ G("div", {
 							"aria-busy": i,
-							children: [W && /* @__PURE__ */ H("span", {
-								id: Ne,
+							children: [K && /* @__PURE__ */ W("span", {
+								id: je,
 								className: "sr-only",
-								children: W
-							}), /* @__PURE__ */ H(ue, {
+								children: K
+							}), /* @__PURE__ */ W(se, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ H(R, {
-									size: O.SM,
+								iconBefore: /* @__PURE__ */ W(be, {
+									size: k.SM,
 									"aria-hidden": !0,
-									stroke: k
+									stroke: A
 								}),
 								onClick: r,
 								disabled: c || i || a || o,
-								"aria-describedby": W ? Ne : void 0,
-								tooltipProps: W ? { tooltip: W } : void 0,
+								"aria-describedby": K ? je : void 0,
+								tooltipProps: K ? { tooltip: K } : void 0,
 								textClassName: $.actionLabel,
 								className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
 							})]
@@ -1282,106 +1316,106 @@ var Pe = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ G("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
-				children: [/* @__PURE__ */ H("h1", {
-					className: v("truncate", Ce),
+				children: [/* @__PURE__ */ W("h1", {
+					className: v("truncate", V),
 					children: g
-				}), l && /* @__PURE__ */ H("span", {
-					className: v("shrink-0", B, $.subtitleText),
+				}), l && /* @__PURE__ */ W("span", {
+					className: v("shrink-0", H, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
-			e.activeStatusAnnouncement != null && /* @__PURE__ */ H("span", {
+			e.activeStatusAnnouncement != null && /* @__PURE__ */ W("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.activeStatusAnnouncement
 			}),
-			e.startStatusAnnouncement != null && /* @__PURE__ */ H("span", {
+			e.startStatusAnnouncement != null && /* @__PURE__ */ W("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.startStatusAnnouncement
 			}),
-			y && /* @__PURE__ */ H("div", {
+			y && /* @__PURE__ */ W("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ H(me, {})
+				children: /* @__PURE__ */ W(fe, {})
 			}),
-			!y && x && /* @__PURE__ */ U("div", {
+			!y && x && /* @__PURE__ */ G("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
-				children: [/* @__PURE__ */ H("p", {
-					className: v(B, $.subtitleText),
+				children: [/* @__PURE__ */ W("p", {
+					className: v(H, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ H(A, {
+				}), /* @__PURE__ */ W(j, {
 					label: e.retryLabel,
 					onClick: ee
 				})]
 			}),
-			!y && !x && (ke ? /* @__PURE__ */ U("div", {
+			!y && !x && (U ? /* @__PURE__ */ G("div", {
 				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
-				children: [/* @__PURE__ */ H("div", {
+				children: [/* @__PURE__ */ W("div", {
 					className: v("sticky top-0 z-10", $.stickyTabs),
-					children: /* @__PURE__ */ H(ge, {
+					children: /* @__PURE__ */ W(I, {
 						ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 						className: "px-4",
-						tabs: Pe,
-						activeTabId: V,
-						onTabChange: Ae
+						tabs: Me,
+						activeTabId: De,
+						onTabChange: Oe
 					})
-				}), /* @__PURE__ */ H("div", {
+				}), /* @__PURE__ */ W("div", {
 					role: "tabpanel",
-					"aria-label": G,
+					"aria-label": q,
 					className: "flex flex-1 flex-col gap-5 px-4 py-6",
-					children: V === et.Configuration ? Fe : V === et.History ? q(tt.Flow) : K
+					children: De === it.Configuration ? Pe : De === it.History ? J(at.Flow) : Ne
 				})]
-			}) : /* @__PURE__ */ U("div", {
+			}) : /* @__PURE__ */ G("div", {
 				style: {
 					flexDirection: "row",
-					"--st-details-width": F?.detailsWidth,
-					"--st-history-width": F?.historyWidth,
-					"--st-history-max-height": F?.historyMaxHeight,
-					"--st-configuration-min-width": F?.configurationMinWidth
+					"--st-details-width": L?.detailsWidth,
+					"--st-history-width": L?.historyWidth,
+					"--st-history-max-height": L?.historyMaxHeight,
+					"--st-configuration-min-width": L?.configurationMinWidth
 				},
 				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ G("div", {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${F?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${L?.detailsWidth ?? "360px"}`,
 							maxWidth: "100%"
 						},
 						className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
-						children: [/* @__PURE__ */ H("h2", {
-							className: z,
+						children: [/* @__PURE__ */ W("h2", {
+							className: xe,
 							children: e.detailsTitle
-						}), K]
+						}), Ne]
 					}),
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ G("div", {
 						style: {
-							flex: `1 1 ${F?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${L?.configurationMinWidth ?? "320px"}`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
-						children: [/* @__PURE__ */ H("h2", {
-							className: z,
+						children: [/* @__PURE__ */ W("h2", {
+							className: xe,
 							children: e.configurationTitle
-						}), Fe]
+						}), Pe]
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ W("div", {
 						style: {
-							flex: `0 1 calc(${F?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${L?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
-						children: q(tt.Card)
+						children: J(at.Card)
 					})
 				]
 			}))
 		]
 	});
-}, ft = {
+}, gt = {
 	h1: "dial-small-semi-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
 	h2: "dial-small-semi-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
 	h3: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
@@ -1396,40 +1430,40 @@ var Pe = {
 	link: "break-words [overflow-wrap:anywhere]",
 	tableWrapper: "my-4",
 	mathBlock: "my-4"
-}, pt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = ft, markdownLabels: c, styles: l }) => {
+}, _t = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = gt, markdownLabels: c, styles: l }) => {
 	let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-3",
 		children: [
-			i && /* @__PURE__ */ U("div", {
+			i && /* @__PURE__ */ G("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ H("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: u,
 					children: e
-				}), /* @__PURE__ */ H("p", {
+				}), /* @__PURE__ */ W("p", {
 					className: d,
 					children: i
 				})]
 			}),
-			!!n?.length && /* @__PURE__ */ U("div", {
+			!!n?.length && /* @__PURE__ */ G("div", {
 				className: "flex min-w-0 flex-col gap-2",
-				children: [/* @__PURE__ */ H("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: u,
 					children: t
-				}), /* @__PURE__ */ H("p", {
+				}), /* @__PURE__ */ W("p", {
 					className: v(d, "break-all whitespace-normal"),
-					children: n?.map((e, t) => /* @__PURE__ */ H("span", {
+					children: n?.map((e, t) => /* @__PURE__ */ W("span", {
 						className: "block",
 						children: e
 					}, `${t}:${e}`))
 				})]
 			}),
-			a && /* @__PURE__ */ U("div", {
+			a && /* @__PURE__ */ G("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ H("span", {
+				children: [/* @__PURE__ */ W("span", {
 					className: u,
 					children: r
-				}), ((e) => o ? o(e) : /* @__PURE__ */ H(p, {
+				}), ((e) => o ? o(e) : /* @__PURE__ */ W(p, {
 					content: e,
 					classNames: s,
 					...c
@@ -1437,36 +1471,36 @@ var Pe = {
 			})
 		]
 	});
-}, mt = ({ className: e, children: t }) => /* @__PURE__ */ H("span", {
+}, vt = ({ className: e, children: t }) => /* @__PURE__ */ W("span", {
 	className: v(e, "block truncate py-1"),
 	children: t
-}), ht = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o, isUnavailable: s = !1, hasMore: c = !1, onLoadMore: l, currentRunId: u, onRunClick: d, labels: f, titleClassName: p = "dial-tiny-semi-text", contentClassName: m = "ps-3", unavailableTextClassName: h = "dial-body-text text-secondary" }) => {
-	let [g, _] = je(!0);
-	De(() => {
+}), yt = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o, isUnavailable: s = !1, hasMore: c = !1, onLoadMore: l, currentRunId: u, onRunClick: d, labels: f, titleClassName: p = "dial-tiny-semi-text", contentClassName: m = "ps-3", unavailableTextClassName: h = "dial-body-text text-secondary" }) => {
+	let [g, _] = ke(!0);
+	Te(() => {
 		_(!0);
 	}, [e]);
-	let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ H("li", {
+	let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ W("li", {
 		className: "pt-2",
-		children: /* @__PURE__ */ H(A, {
-			variant: w.Primary,
+		children: /* @__PURE__ */ W(j, {
+			variant: T.Primary,
 			label: f.showMoreLabel,
 			onClick: l,
 			disabled: r
 		})
 	}) : void 0;
-	return /* @__PURE__ */ H(S, {
-		title: /* @__PURE__ */ H(mt, {
+	return /* @__PURE__ */ W(S, {
+		title: /* @__PURE__ */ W(vt, {
 			className: p,
 			children: f.title
 		}),
 		expanded: g,
 		onToggle: _,
 		contentClassName: m,
-		children: s ? /* @__PURE__ */ H("p", {
+		children: s ? /* @__PURE__ */ W("p", {
 			role: "alert",
 			className: h,
 			children: f.unavailableLabel
-		}) : /* @__PURE__ */ H(ct, {
+		}) : /* @__PURE__ */ W(ft, {
 			items: t,
 			isLoading: n,
 			isLoadingMore: r,
@@ -1487,24 +1521,24 @@ var Pe = {
 			}
 		})
 	});
-}, gt = /* @__PURE__ */ function(e) {
+}, bt = /* @__PURE__ */ function(e) {
 	return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
-}({}), _t = ({ scheduleId: e, state: t, onRetry: n, modelDisplayName: r, skillDisplayNames: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s, markdownLabels: c, summaryStyles: l, labels: u, titleClassName: d = "dial-tiny-semi-text", unavailableTextClassName: f = "dial-body-text text-secondary" }) => {
-	let [p, m] = je(!1);
-	De(() => {
+}({}), xt = ({ scheduleId: e, state: t, onRetry: n, modelDisplayName: r, skillDisplayNames: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s, markdownLabels: c, summaryStyles: l, labels: u, titleClassName: d = "dial-tiny-semi-text", unavailableTextClassName: f = "dial-body-text text-secondary" }) => {
+	let [p, m] = ke(!1);
+	Te(() => {
 		m(!1);
 	}, [e]);
-	let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ U("div", {
+	let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-start gap-2",
-		children: [/* @__PURE__ */ H("p", {
+		children: [/* @__PURE__ */ W("p", {
 			role: "alert",
 			className: f,
 			children: u.unavailableLabel
-		}), t === "error" && n && /* @__PURE__ */ H(A, {
+		}), t === "error" && n && /* @__PURE__ */ W(j, {
 			label: u.retryLabel,
 			onClick: n
 		})]
-	}) : /* @__PURE__ */ H(pt, {
+	}) : /* @__PURE__ */ W(_t, {
 		modelLabel: u.modelLabel,
 		instructionsLabel: u.instructionsLabel,
 		skillLabel: u.skillLabel,
@@ -1516,8 +1550,8 @@ var Pe = {
 		markdownLabels: c,
 		styles: l
 	});
-	return /* @__PURE__ */ H(S, {
-		title: /* @__PURE__ */ H(mt, {
+	return /* @__PURE__ */ W(S, {
+		title: /* @__PURE__ */ W(vt, {
 			className: d,
 			children: u.title
 		}),
@@ -1525,21 +1559,29 @@ var Pe = {
 		onToggle: m,
 		children: h
 	});
-}, vt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ H(l, {
+}, St = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
 	...s,
-	variant: ne.Danger,
+	variant: te.Danger,
 	popupClassName: o?.popupClassName,
-	titleClassName: o?.titleClassName,
+	titleClassName: o?.titleClassName ?? "dial-body-semi-text",
 	messageClassName: o?.messageClassName ?? "dial-body-paragraph-text",
+	viewClassName: "pt-0",
+	footerStyles: { colors: { border: "transparent" } },
 	message: r,
 	isLoading: a,
 	loadingStatusLabel: i,
-	identity: /* @__PURE__ */ H(h, { children: /* @__PURE__ */ H(u, {
-		icon: t,
-		typeLabel: n,
-		name: e,
-		styles: { colors: o?.colors }
-	}) })
+	identity: /* @__PURE__ */ W(h, {
+		styles: { colors: {
+			background: o?.colors?.summaryBackground ?? "var(--bg-error, #f3d6d8)",
+			border: o?.colors?.summaryBorder ?? "var(--stroke-error-alpha, #ae2f2f73)"
+		} },
+		children: /* @__PURE__ */ W(u, {
+			icon: t,
+			typeLabel: n,
+			name: e,
+			styles: { colors: o?.colors }
+		})
+	})
 });
 //#endregion
-export { r as DESCRIPTION_MAX_LENGTH, Pe as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, _t as ScheduledTaskConversationDetailsSection, gt as ScheduledTaskConversationDetailsState, ht as ScheduledTaskConversationHistorySection, $e as ScheduledTaskCreateForm, vt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, pt as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, ot as ScheduledTaskRunStatus, G as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };
+export { c as DESCRIPTION_MAX_LENGTH, Me as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, xt as ScheduledTaskConversationDetailsSection, bt as ScheduledTaskConversationDetailsState, yt as ScheduledTaskConversationHistorySection, rt as ScheduledTaskCreateForm, St as ScheduledTaskDeleteConfirmation, ht as ScheduledTaskDetailView, _t as ScheduledTaskDetailsSummary, mt as ScheduledTaskHistorySection, Ne as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, ft as ScheduledTaskRunHistoryList, ut as ScheduledTaskRunStatus, q as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };