@epam/ai-dial-scheduled-tasks 1.3.0-dev.241 → 1.3.0-dev.244

package/index.js

@@ -1,67 +1,67 @@
 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-A8NsRLsw.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, Button as C, ButtonAppearance as te, ButtonDropdown as w, ButtonVariant as ne, Calendar as re, CalendarMode as T, CardShell as E, ConfirmationPopupVariant as ie, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as ae, ErrorText as k, FolderPath as oe, GhostButton as A, GhostIconButton as se, Highlight as ce, Input as le, Label as j, MenuItemMark as ue, NeutralButton as M, NoDataContent as de, NumberInput as fe, PrimaryButton as N, Search as pe, Select as me, Skeleton as P, SkeletonVariant as F, Spinner as he, Switch as ge, Tabs as _e, Textarea as ve, Tooltip as I } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as L, IconArrowNarrowLeft as ye, IconArrowsSort as R, IconCheck as z, IconCircleX as be, IconPencilMinus as xe, IconPlayerPause as Se, IconPlayerPlay as Ce, IconPlus as we, IconTrashX as B } from "@tabler/icons-react";
-import { Suspense as Te, lazy as V, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as H, useMemo as ke, useRef as U, useState as Ae } from "react";
-import { Fragment as je, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { BuilderFormContainer as Me } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as Ne } from "@epam/ai-dial-ui-kit/editors";
+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, useControlErrorAssociation as b, useIsMobile as x, useTextRefinement as S, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
+import { Accordion as C, Button as te, ButtonAppearance as ne, ButtonDropdown as w, ButtonVariant as re, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ie, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as ae, ErrorMessageNotification as oe, ErrorText as A, FolderPath as se, GhostButton as j, GhostIconButton as ce, Highlight as le, Input as ue, Label as de, MenuItemMark as fe, NeutralButton as pe, NoDataContent as me, NumberInput as he, PrimaryButton as M, Search as ge, Select as _e, Skeleton as N, SkeletonVariant as P, Spinner as ve, Switch as ye, Tabs as be, Textarea as xe, Tooltip as F } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as I, IconArrowNarrowLeft as Se, IconArrowsSort as Ce, IconCheck as we, IconCircleX as L, IconPencilMinus as Te, IconPlayerPause as R, IconPlayerPlay as Ee, IconPlus as De, IconTrashX as Oe } from "@tabler/icons-react";
+import { Suspense as ke, lazy as Ae, useCallback as z, useEffect as je, useId as B, useLayoutEffect as V, useMemo as H, useRef as U, useState as Me } from "react";
+import { Fragment as Ne, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { BuilderFormContainer as Pe } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as Fe } from "@epam/ai-dial-ui-kit/editors";
 //#region src/models/scheduled-task-card-grid-props.ts
-var Pe = "1180px", Fe = {
+var Ie = "1180px", Le = {
 	card: "dial-scheduled-tasks-card",
 	cardGrid: "dial-scheduled-tasks-card-grid",
 	refineFeedback: "dial-scheduled-tasks-refine-feedback"
 }, K = /* @__PURE__ */ function(e) {
 	return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
-}({}), q = /* @__PURE__ */ function(e) {
+}({}), Re = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), Ie = (e) => {
+}({}), ze = (e) => {
 	switch (e.presentationStatus) {
-		case q.Active: return K.Scheduled;
-		case q.Paused: return K.Paused;
-		case q.Completed: return K.Completed;
+		case Re.Active: return K.Scheduled;
+		case Re.Paused: return K.Paused;
+		case Re.Completed: return K.Completed;
 	}
 	return e.isCompleted ? K.Completed : e.isActive === !1 ? K.Paused : K.Scheduled;
-}, J = {
+}, q = {
 	schedulePill: "_schedulePill_1cwco_1",
 	scheduleLabel: "_scheduleLabel_1cwco_6",
 	pausedPill: "_pausedPill_1cwco_10",
 	pausedLabel: "_pausedLabel_1cwco_15",
 	completedPill: "_completedPill_1cwco_19",
 	completedLabel: "_completedLabel_1cwco_24"
-}, Le = {
+}, Be = {
 	[K.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
-		wrapperClassName: J.schedulePill,
-		labelClassName: J.scheduleLabel
+		wrapperClassName: q.schedulePill,
+		labelClassName: q.scheduleLabel
 	},
 	[K.Paused]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: J.pausedPill,
-		labelClassName: J.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ W(Se, {
-			size: D.SM,
+		wrapperClassName: q.pausedPill,
+		labelClassName: q.pausedLabel,
+		renderIcon: () => /* @__PURE__ */ W(R, {
+			size: O.SM,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		})
 	},
 	[K.Completed]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: J.completedPill,
-		labelClassName: J.completedLabel,
-		renderIcon: () => /* @__PURE__ */ W(z, {
-			size: D.SM,
+		wrapperClassName: q.completedPill,
+		labelClassName: q.completedLabel,
+		renderIcon: () => /* @__PURE__ */ W(we, {
+			size: O.SM,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		})
 	}
-}, Re = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
-	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Le[e];
+}, Ve = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
+	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Be[e];
 	return /* @__PURE__ */ G("span", {
 		className: v(i, n, a, o, r),
 		children: [s && s(), t]
 	});
-}, Y = {
+}, J = {
 	title: "_title_hmbo0_2",
 	description: "_description_hmbo0_6",
 	locationLabel: "_locationLabel_hmbo0_10",
@@ -69,8 +69,8 @@ var Pe = "1180px", Fe = {
 	newBadge: "_newBadge_hmbo0_18",
 	locationDivider: "_locationDivider_hmbo0_23",
 	card: "_card_hmbo0_34"
-}, ze = ({ 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 = Ie(e), { text: te, textClassName: w } = {
+}, He = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
+	let o = x(), 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", b = d?.locationLabelClassName ?? "dial-tiny-text", S = d?.locationLeafClassName ?? "dial-tiny-semi-text", ee = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = ze(e), { text: te, textClassName: ne } = {
 		[K.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: h
@@ -83,7 +83,7 @@ var Pe = "1180px", Fe = {
 			text: l,
 			textClassName: y
 		}
-	}[C], ne = _({
+	}[C], w = _({
 		"--stc-title-text": u?.titleText,
 		"--stc-desc-text": u?.descriptionText,
 		"--stc-pill-bg": u?.schedulePillBackground,
@@ -107,84 +107,84 @@ var Pe = "1180px", Fe = {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ G(E, {
+	return /* @__PURE__ */ G(D, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: ne,
-		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Fe.card),
+		style: w,
+		className: v("h-[var(--st-card-height,232px)]", J.card, n && "cursor-pointer", a, Le.card),
 		...re,
 		children: [
 			/* @__PURE__ */ G("div", {
 				className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
-				children: [/* @__PURE__ */ W(ce, {
+				children: [/* @__PURE__ */ W(le, {
 					text: e.displayName,
 					query: t,
 					maxLines: o ? 2 : 1,
-					className: v(f, Y.title)
+					className: v(f, J.title)
 				}), e.isNew && /* @__PURE__ */ W("span", {
-					className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
+					className: v("shrink-0 rounded-full px-2 py-0.5", ee, J.newBadge),
 					children: s
 				})]
 			}),
 			e.descriptionPreview && /* @__PURE__ */ W("p", {
-				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, Y.description),
+				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, J.description),
 				children: e.descriptionPreview
 			}),
 			/* @__PURE__ */ G("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
 				children: [/* @__PURE__ */ W("div", {
 					className: "flex min-h-[28px] items-center",
-					children: /* @__PURE__ */ W(Re, {
+					children: /* @__PURE__ */ W(Ve, {
 						status: C,
 						text: te,
-						textClassName: w
+						textClassName: ne
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(oe, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(se, {
 					segments: e.locationSegments,
-					labelClassName: v(x, Y.locationLabel),
-					leafClassName: v(ee, Y.locationLeaf),
-					className: v("pt-3", Y.locationDivider)
+					labelClassName: v(b, J.locationLabel),
+					leafClassName: v(S, J.locationLeaf),
+					className: v("pt-3", J.locationDivider)
 				})]
 			})
 		]
 	});
-}, Be = { card: "_card_18ivt_1" }, Ve = [
+}, Ue = { card: "_card_18ivt_1" }, We = [
 	"100%",
 	"100%",
 	"61%"
-], He = "var(--stcs-skeleton-bg)", Ue = ({ styles: e }) => {
+], Y = "var(--stcs-skeleton-bg)", Ge = ({ styles: e }) => {
 	let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
-	return /* @__PURE__ */ G(E, {
+	return /* @__PURE__ */ G(D, {
 		"aria-hidden": !0,
 		style: t,
-		className: v("h-[var(--st-card-height,232px)]", Be.card),
+		className: v("h-[var(--st-card-height,232px)]", Ue.card),
 		children: [
-			/* @__PURE__ */ W(P, {
-				variant: F.Rectangular,
+			/* @__PURE__ */ W(N, {
+				variant: P.Rectangular,
 				width: "60%",
 				height: "20px",
-				color: He,
+				color: Y,
 				className: "shrink-0"
 			}),
 			/* @__PURE__ */ W("div", {
 				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-				children: Ve.map((e, t) => /* @__PURE__ */ W(P, {
-					variant: F.Rectangular,
+				children: We.map((e, t) => /* @__PURE__ */ W(N, {
+					variant: P.Rectangular,
 					width: e,
 					height: "16px",
-					color: He
+					color: Y
 				}, t))
 			}),
-			/* @__PURE__ */ W(P, {
-				variant: F.Rectangular,
+			/* @__PURE__ */ W(N, {
+				variant: P.Rectangular,
 				width: "110px",
 				height: "28px",
-				color: He,
+				color: Y,
 				className: "shrink-0 rounded-lg"
 			})
 		]
 	});
-}, We = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ G("div", {
+}, Ke = ({ 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 = "1180px", Fe = {
 		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", Fe.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ W(ze, {
+	className: v("mx-auto grid w-full min-w-0", Le.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ W(He, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Ue, { styles: o }, `skeleton-${t}`))]
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Ge, { styles: o }, `skeleton-${t}`))]
 }), X = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
@@ -209,43 +209,43 @@ var Pe = "1180px", Fe = {
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, Ge = (e, t, n, r, i, a) => {
+}, qe = (e, t, n, r, i, a) => {
 	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
-}, Ke = (e) => {
+}, Je = (e) => {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
-	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ke(e.parentElement);
-}, qe = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: C, onRetryLoadMore: re }) => {
-	let { colors: T, typography: E } = y ?? {}, ie = E?.titleClassName ?? "dial-h1-text", k = E?.subtitleClassName ?? "dial-body-text", oe = _({
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Je(e.parentElement);
+}, Ye = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: S, cardStyles: ee, loadMoreError: C, onRetryLoadMore: te }) => {
+	let { colors: T, typography: E } = y ?? {}, D = E?.titleClassName ?? "dial-h1-text", ie = E?.subtitleClassName ?? "dial-body-text", A = _({
 		"--st-bg": T?.background,
 		"--st-subtitle-text": T?.subtitleText,
 		"--st-sort-text": T?.sortButtonText
 	}), se = (e) => {
 		r(e ?? "");
-	}, [ce, le] = Ae(!1), [j, M] = Ae(!1), de = U(null), fe = Ee(() => {
-		M(!0);
-	}, []), me = Ee(() => {
-		M(!1);
+	}, [ce, le] = Me(!1), [ue, de] = Me(!1), pe = U(null), me = z(() => {
+		de(!0);
+	}, []), he = z(() => {
+		de(!1);
 	}, []);
-	H(() => {
-		let e = de.current;
-		j && ce && e != null && e.offsetParent == null && le(!1);
-	}, [j, ce]);
-	let P = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, F = ke(() => e.sortOptions.map((e) => ({
+	V(() => {
+		let e = pe.current;
+		ue && ce && e != null && e.offsetParent == null && le(!1);
+	}, [ue, ce]);
+	let _e = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, N = H(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: ue.Check,
+		mark: fe.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), ge = Ge(s, d, !!c, o.length, n.trim().length > 0, e), _e = U(null);
-	De(() => {
-		let e = _e.current;
+	]), P = qe(s, d, !!c, o.length, n.trim().length > 0, e), ye = U(null);
+	je(() => {
+		let e = ye.current;
 		if (!e || !p) return;
-		let t = Ke(e.parentElement);
+		let t = Je(e.parentElement);
 		if (!t) return;
 		let n = () => {
 			if (d || s || C || !u) return;
@@ -260,12 +260,12 @@ var Pe = "1180px", Fe = {
 		C,
 		p
 	]);
-	let ve = () => s ? /* @__PURE__ */ W(he, {}) : c ? /* @__PURE__ */ G("div", {
+	let be = () => s ? /* @__PURE__ */ W(ve, {}) : c ? /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-center gap-3",
 		children: [/* @__PURE__ */ W("p", {
-			className: v(k, X.subtitle),
+			className: v(ie, X.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ W(A, {
+		}), /* @__PURE__ */ W(j, {
 			label: e.retryLabel,
 			onClick: l
 		})]
@@ -278,36 +278,34 @@ var Pe = "1180px", Fe = {
 	}) : /* @__PURE__ */ G("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ W(We, {
+			/* @__PURE__ */ W(Ke, {
 				items: o,
 				searchQuery: n,
 				onCardClick: h,
 				labels: e.cardLabels,
 				trailingSkeletonCount: d ? f : 0,
 				skeletonStyles: { colors: { skeletonColor: T?.skeletonColor } },
-				cardStyles: S,
-				layout: ee
+				cardStyles: ee,
+				layout: S
 			}),
-			C && /* @__PURE__ */ G("div", {
-				role: "alert",
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ W("span", {
-					className: v(k, X.subtitle),
-					children: e.loadMoreErrorLabel ?? e.errorLabel
-				}), /* @__PURE__ */ W(A, {
+			C && /* @__PURE__ */ W(oe, {
+				message: e.loadMoreErrorLabel ?? e.errorLabel,
+				textClassName: ie,
+				iconStroke: k,
+				action: /* @__PURE__ */ W(j, {
 					label: e.retryLabel,
-					onClick: re
-				})]
+					onClick: te
+				})
 			}),
 			/* @__PURE__ */ W("div", {
-				ref: _e,
+				ref: ye,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), I = s || !!c || o.length === 0;
+	}), xe = s || !!c || o.length === 0;
 	return /* @__PURE__ */ G("div", {
-		style: oe,
+		style: A,
 		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__ */ G("div", {
@@ -315,20 +313,20 @@ var Pe = "1180px", Fe = {
 				children: [/* @__PURE__ */ G("div", {
 					className: "min-w-0 gap-2",
 					children: [/* @__PURE__ */ W("h1", {
-						className: v("truncate", ie),
+						className: v("truncate", D),
 						children: e.title
 					}), /* @__PURE__ */ W("p", {
-						className: v("mt-1", k, X.subtitle),
+						className: v("mt-1", ie, X.subtitle),
 						children: e.subtitle
 					})]
-				}), t != null && /* @__PURE__ */ W(N, {
+				}), t != null && /* @__PURE__ */ W(M, {
 					label: e.createButtonLabel,
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ W(we, {
-						size: D.SM,
+					iconBefore: /* @__PURE__ */ W(De, {
+						size: O.SM,
 						"aria-hidden": !0,
-						stroke: O
+						stroke: k
 					}),
 					onClick: t,
 					className: v("shrink-0", X.createButton)
@@ -339,28 +337,28 @@ var Pe = "1180px", Fe = {
 				children: [/* @__PURE__ */ W("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ W(pe, {
+					children: /* @__PURE__ */ W(ge, {
 						value: n,
 						onChange: se,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
 						size: ae.Large,
-						onFocus: fe,
-						onBlur: me
+						onFocus: me,
+						onBlur: he
 					})
 				}), e.sortOptions.length > 0 && /* @__PURE__ */ W("div", {
-					ref: de,
-					className: v(j && X.sortControlHidden),
+					ref: pe,
+					className: v(ue && X.sortControlHidden),
 					children: /* @__PURE__ */ W(w, {
-						items: F,
-						label: P,
-						variant: ne.Primary,
-						appearance: te.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ W(R, {
-							size: D.SM,
+						items: N,
+						label: _e,
+						variant: re.Primary,
+						appearance: ne.Ghost,
+						iconBefore: b === void 0 ? /* @__PURE__ */ W(Ce, {
+							size: O.SM,
 							"aria-hidden": !0,
-							stroke: O
+							stroke: k
 						}) : b,
 						className: X.sortButton
 					})
@@ -368,45 +366,35 @@ var Pe = "1180px", Fe = {
 			}),
 			g != null && typeof g != "boolean" && /* @__PURE__ */ W("div", {
 				className: "mx-auto w-full min-w-0",
-				style: { maxWidth: ee?.maxWidth ?? "1180px" },
+				style: { maxWidth: S?.maxWidth ?? "1180px" },
 				children: g
 			}),
 			/* @__PURE__ */ W("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: ge
+				children: P
 			}),
 			/* @__PURE__ */ W("div", {
-				className: v("mx-auto flex size-full w-full min-w-0 flex-col", I && "items-center justify-center"),
-				children: ve()
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", xe && "items-center justify-center"),
+				children: be()
 			})
 		]
 	});
-}, Je = /* @__PURE__ */ function(e) {
+}, Xe = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), Ye = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Xe = (e, t) => {
+}({}), Ze = (e) => Array.from(document.querySelectorAll("[aria-labelledby]")).find((t) => (t.getAttribute("aria-labelledby") ?? "").split(/\s+/).includes(e)) ?? null, Qe = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), $e = (e, t) => {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
-	for (let r of n) if (Ye(e[r]) !== Ye(t[r])) return !0;
+	for (let r of n) if (Qe(e[r]) !== Qe(t[r])) return !0;
 	return !1;
-}, Ze = (e, t, n) => {
+}, et = (e, t, n) => {
 	let i = (e) => e === r.Custom;
 	return !i(t) && !i(n) && t === r.Hourly == (n === r.Hourly) ? e : void 0;
-}, Qe = (e, t) => {
-	let n = Oe();
-	return H(() => {
-		let r = document.getElementById(e);
-		r && (t ? r.setAttribute("aria-describedby", n) : r.removeAttribute("aria-describedby"));
-	}, [
-		t,
-		n,
-		e
-	]), n;
-}, $e = { error: "_error_v2pfn_4" }, et = ({ 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 === T.DateTime ? n(e) : i(e)), m = Qe(t, u);
-	return /* @__PURE__ */ G("div", {
+}, tt = { error: "_error_v2pfn_4" }, nt = ({ 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 === E.DateTime ? n(e) : i(e)), m = B();
+	return b(() => document.getElementById(t), m, !!u), /* @__PURE__ */ G("div", {
 		className: "flex flex-1 flex-col gap-1",
-		children: [/* @__PURE__ */ W(re, {
+		children: [/* @__PURE__ */ W(T, {
 			id: t,
 			mode: r,
 			value: e(s),
@@ -416,20 +404,20 @@ var Pe = "1180px", Fe = {
 			placeholder: o,
 			invalid: !!u,
 			disabled: f
-		}), u && /* @__PURE__ */ W(k, {
+		}), u && /* @__PURE__ */ W(A, {
 			id: m,
 			role: "alert",
-			className: v(d, $e.error),
+			className: v(d, tt.error),
 			text: u
 		})]
 	});
-}, tt = { error: "_error_v2pfn_4" }, nt = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-tiny-text" }) => {
-	let l = U(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Qe("scheduled-task-run-at", s);
-	return /* @__PURE__ */ G("div", {
+}, rt = { error: "_error_v2pfn_4" }, it = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-tiny-text" }) => {
+	let l = U(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = B();
+	return b(() => document.getElementById("scheduled-task-run-at"), d, !!s), /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W(re, {
+		children: [/* @__PURE__ */ W(T, {
 			id: "scheduled-task-run-at",
-			mode: T.DateTime,
+			mode: E.DateTime,
 			value: t(i),
 			onChange: u,
 			minDate: l,
@@ -440,10 +428,10 @@ var Pe = "1180px", Fe = {
 			placeholder: r,
 			invalid: !!s,
 			disabled: o
-		}), s && /* @__PURE__ */ W(k, {
+		}), s && /* @__PURE__ */ W(A, {
 			id: d,
 			role: "alert",
-			className: v(c, tt.error),
+			className: v(c, rt.error),
 			text: s
 		})]
 	});
@@ -454,62 +442,64 @@ var Pe = "1180px", Fe = {
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, rt = V(async () => ({ default: (await Ne()).MarkdownEditor })), it = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: b, onSubmit: S, isSubmitting: w = !1, onRefineDescription: E, onRefineInstructions: ae, markdownEditorTheme: oe, backIcon: A, className: se, styles: ce }) => {
-	let ue = Oe(), M = Oe(), de = Oe(), N = U(void 0), pe = (e) => e ? async (t, n) => {
-		if (N.current && !N.current.aborted) throw new DOMException("Busy", "AbortError");
-		N.current = n;
+}, at = Ae(async () => ({ default: (await Fe()).MarkdownEditor })), ot = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: x, onSubmit: C, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: ae, markdownEditorTheme: oe, backIcon: se, className: j, styles: ce }) => {
+	let le = B(), fe = B(), pe = B(), me = B(), M = B(), ge = B(), N = B(), P = U(void 0), ye = (e) => e ? async (t, n) => {
+		if (P.current && !P.current.aborted) throw new DOMException("Busy", "AbortError");
+		P.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			N.current === n && (N.current = void 0);
+			P.current === n && (P.current = void 0);
 		}
-	} : void 0, P = x({
+	} : void 0, be = S({
 		value: t.description ?? "",
 		onChange: (e) => m("description", e),
-		onRefine: pe(E),
+		onRefine: ye(D),
 		disabled: w
-	}), F = x({
+	}), F = S({
 		value: t.prompt,
 		onChange: (e) => m("prompt", e),
-		onRefine: pe(ae),
+		onRefine: ye(ae),
 		disabled: w
-	}), ge = P.isPending || F.isPending, _e = () => {
-		P.reset(), F.reset();
-	}, I = !!(n && Xe(t, n)), L = ee(I), R = () => L.guard(() => {
-		_e(), h();
-	}), z = () => L.guard(() => {
-		_e(), b();
-	}), be = y(), xe = !t.skillUrls?.length, [Se, Ce] = Ae(), we = U(/* @__PURE__ */ new Date()).current, { colors: B, typography: V, layout: Ee } = ce ?? {}, H = V?.titleClassName ?? "dial-h1-text", ke = V?.sectionTitleClassName ?? "dial-body-semi-text", Ne = V?.sectionSubtitleClassName ?? "dial-tiny-text", Pe = V?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", K = V?.instructionsErrorClassName ?? "dial-tiny-text", q = _({
-		"--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
-	}), Ie = {
-		feedbackClassName: v(B?.refineActionText && Z.refineFeedback, V?.refineFeedbackClassName, Fe.refineFeedback),
+	}), I = be.isPending || F.isPending, Ce = () => {
+		be.reset(), F.reset();
+	}, we = !!(n && $e(t, n)), L = ee(we), Te = () => L.guard(() => {
+		Ce(), h();
+	}), R = () => L.guard(() => {
+		Ce(), x();
+	}), Ee = y(), De = !t.skillUrls?.length, [Oe, Ae] = Me(), z = U(/* @__PURE__ */ new Date()).current, { colors: V, typography: H, layout: Fe } = ce ?? {}, Ie = H?.titleClassName ?? "dial-h1-text", K = H?.sectionTitleClassName ?? "dial-body-semi-text", Re = H?.sectionSubtitleClassName ?? "dial-tiny-text", ze = H?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", q = H?.instructionsErrorClassName ?? "dial-tiny-text", Be = _({
+		"--stcf-details-border": V?.detailsColumnBorder,
+		"--stcf-subtitle-text": V?.sectionSubtitleText,
+		"--stcf-error-text": V?.instructionsErrorText,
+		"--stcf-refine-action-text": V?.refineActionText,
+		"--stcf-refine-error-text": V?.refineErrorText
+	}), Ve = {
+		feedbackClassName: v(V?.refineActionText && Z.refineFeedback, H?.refineFeedbackClassName, Le.refineFeedback),
 		errorClassName: Z.refineError
 	}, J = (t) => {
 		let n = s.test(t.target.value) ? void 0 : e.timeInvalidLabel;
-		Ce(n), m("time", t.target.value);
-	}, Le = (e) => {
-		Ce(void 0), m("time", typeof e == "string" ? e : "");
-	}, Re = (e) => {
+		Ae(n), m("time", t.target.value);
+	}, He = (e) => {
+		Ae(void 0), m("time", typeof e == "string" ? e : "");
+	}, Ue = (e) => {
 		let n = e;
 		m("repeat", n);
-		let r = Ze(t.startDate, t.repeat, n);
+		let r = et(t.startDate, t.repeat, n);
 		r !== t.startDate && m("startDate", r ?? "");
-		let i = Ze(t.endDate, t.repeat, n);
+		let i = et(t.endDate, t.repeat, n);
 		i !== t.endDate && m("endDate", i ?? "");
-	}, Y = t.repeat !== r.OneTime && t.repeat !== r.Hourly, ze = t.repeat === r.Hourly, Be = t.repeat === r.Custom, Ve = Be && !t.dayOfWeek, He = ze ? T.DateTime : T.Date, Ue = ze ? e.startDateAndTimeLabel : e.startDateLabel, We = ze ? e.endDateAndTimeLabel : e.endDateLabel;
-	De(() => {
-		Y || Ce(void 0);
-	}, [Y]);
-	let X = Y ? Se ?? i.time : void 0, Ge = (e) => m("runAt", e), Ke = (e) => {
+	}, We = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Y = t.repeat === r.Hourly, Ge = t.repeat === r.Custom, Ke = Ge && !t.dayOfWeek, X = Y ? E.DateTime : E.Date, qe = Y ? e.startDateAndTimeLabel : e.startDateLabel, Je = Y ? e.endDateAndTimeLabel : e.endDateLabel;
+	je(() => {
+		We || Ae(void 0);
+	}, [We]);
+	let Ye = We ? Oe ?? i.time : void 0;
+	b(() => Ze(u), me, !!i.modelId), b(() => document.getElementById("scheduled-task-day-of-week"), M, !!i.dayOfWeek), b(() => document.getElementById("scheduled-task-time"), ge, !!Ye), b(() => document.getElementById(fe), N, !!i.prompt);
+	let Xe = (e) => m("runAt", e), Qe = (e) => {
 		m("everyWeeks", e);
-	}, qe = (e) => {
+	}, tt = (e) => {
 		e !== t.dayOfWeek && m("dayOfWeek", e);
-	}, Je = w || ge || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || Y && !t.time || Ve || !!X;
-	return /* @__PURE__ */ G(je, { children: [/* @__PURE__ */ W(Me, {
+	}, rt = w || I || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || We && !t.time || Ke || !!Ye;
+	return /* @__PURE__ */ G(Ne, { children: [/* @__PURE__ */ W(Pe, {
 		labels: {
 			title: e.pageTitle,
 			backButtonLabel: e.backButtonLabel,
@@ -517,33 +507,33 @@ var Pe = "1180px", Fe = {
 			submitButtonLabel: e.createButtonLabel,
 			submittingLabel: e.submittingLabel ?? "Saving"
 		},
-		onBack: R,
-		onCancel: z,
+		onBack: Te,
+		onCancel: R,
 		onSubmit: () => {
-			!Je && (!N.current || N.current.aborted) && S();
+			!rt && (!P.current || P.current.aborted) && C();
 		},
 		isCancelDisabled: w,
-		isSubmitDisabled: Je,
+		isSubmitDisabled: rt,
 		isSubmitting: w,
-		backIcon: A === void 0 ? /* @__PURE__ */ W(ye, {
-			size: D.LG,
-			stroke: O,
+		backIcon: se === void 0 ? /* @__PURE__ */ W(Se, {
+			size: O.LG,
+			stroke: k,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : A,
+		}) : se,
 		layout: {
-			sideColumnWidth: Ee?.detailsWidth,
-			columnGap: Ee?.columnGap,
+			sideColumnWidth: Fe?.detailsWidth,
+			columnGap: Fe?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: se,
+		className: j,
 		styles: {
-			colors: { background: B?.background },
+			colors: { background: V?.background },
 			header: {
-				colors: { borderColor: B?.headerBorder },
-				typography: { fontClassName: H }
+				colors: { borderColor: V?.headerBorder },
+				typography: { fontClassName: Ie }
 			},
-			cssVars: q
+			cssVars: Be
 		},
 		left: /* @__PURE__ */ G("div", {
 			role: "group",
@@ -553,14 +543,14 @@ var Pe = "1180px", Fe = {
 				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ W("h2", {
-						className: ke,
+						className: K,
 						children: e.detailsSectionTitle
 					}), /* @__PURE__ */ W("p", {
-						className: v(Ne, Z.sectionSubtitle),
+						className: v(Re, Z.sectionSubtitle),
 						children: e.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ W(le, {
+				/* @__PURE__ */ W(ue, {
 					id: "scheduled-task-display-name",
 					value: t.displayName,
 					onChange: (e) => m("displayName", e ?? ""),
@@ -572,21 +562,21 @@ var Pe = "1180px", Fe = {
 					error: i.displayName
 				}),
 				/* @__PURE__ */ W(g, {
-					isEnabled: !!E,
-					fieldId: ue,
+					isEnabled: !!D,
+					fieldId: le,
 					label: e.descriptionLabel,
 					labels: e,
-					refinement: P,
-					disabled: w || ge,
+					refinement: be,
+					disabled: w || I,
 					caption: `${(t.description ?? "").length}/500`,
-					...Ie,
-					children: /* @__PURE__ */ W(ve, {
-						id: ue,
+					...Ve,
+					children: /* @__PURE__ */ W(xe, {
+						id: le,
 						value: t.description ?? "",
 						onChange: (e) => {
-							P.reset(), m("description", e);
+							be.reset(), m("description", e);
 						},
-						labelProps: E ? void 0 : { label: e.descriptionLabel },
+						labelProps: D ? void 0 : { label: e.descriptionLabel },
 						maxLength: 500,
 						invalid: !!i.description,
 						error: i.description
@@ -595,14 +585,15 @@ var Pe = "1180px", Fe = {
 				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ W(j, {
+						/* @__PURE__ */ W(de, {
 							id: u,
 							label: e.modelOrAgentLabel,
 							required: !0
 						}),
 						c,
-						i.modelId && /* @__PURE__ */ W(k, {
-							className: v(K, Z.instructionsError),
+						i.modelId && /* @__PURE__ */ W(A, {
+							id: me,
+							className: v(q, Z.instructionsError),
 							text: i.modelId
 						})
 					]
@@ -610,38 +601,38 @@ var Pe = "1180px", Fe = {
 				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ W(me, {
+						/* @__PURE__ */ W(_e, {
 							labelProps: { label: e.repeatLabel },
 							value: t.repeat,
-							onChange: Re,
+							onChange: Ue,
 							options: e.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						t.repeat === r.OneTime && /* @__PURE__ */ W(nt, {
+						t.repeat === r.OneTime && /* @__PURE__ */ W(it, {
 							label: e.runAtLabel,
 							placeholder: e.runAtPlaceholder,
 							value: t.runAt ?? "",
-							onChange: Ge,
+							onChange: Xe,
 							error: i.runAt,
-							errorClassName: K,
+							errorClassName: q,
 							disabled: w
 						}),
-						t.repeat !== r.OneTime && /* @__PURE__ */ G(je, { children: [
-							Be && /* @__PURE__ */ W(me, {
+						t.repeat !== r.OneTime && /* @__PURE__ */ G(Ne, { children: [
+							Ge && /* @__PURE__ */ W(_e, {
 								id: "scheduled-task-every-weeks",
 								labelProps: { label: e.everyLabel },
 								value: t.everyWeeks ?? "",
-								onChange: Ke,
+								onChange: Qe,
 								options: e.everyWeekOptions,
 								disabled: w
 							}),
 							t.repeat === r.Weekly && /* @__PURE__ */ G("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ W(re, {
+								children: [/* @__PURE__ */ W(T, {
 									id: "scheduled-task-day-of-week",
-									mode: T.Weekday,
+									mode: E.Weekday,
 									value: a(t.dayOfWeek),
 									onChange: (e) => m("dayOfWeek", o(e)),
 									labelProps: {
@@ -649,64 +640,68 @@ var Pe = "1180px", Fe = {
 										required: !0
 									},
 									invalid: !!i.dayOfWeek
-								}), i.dayOfWeek && /* @__PURE__ */ W(k, {
-									className: v(K, Z.instructionsError),
+								}), i.dayOfWeek && /* @__PURE__ */ W(A, {
+									id: M,
+									className: v(q, Z.instructionsError),
 									text: i.dayOfWeek
 								})]
 							}),
-							Y && /* @__PURE__ */ G("div", {
+							We && /* @__PURE__ */ G("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ W(re, {
+								children: [/* @__PURE__ */ W(T, {
 									id: "scheduled-task-time",
-									mode: T.Time,
+									mode: E.Time,
 									value: t.time,
-									onChange: Le,
+									onChange: He,
 									onBlur: J,
 									labelProps: {
 										label: e.timeLabel,
 										required: !0
 									},
-									invalid: !!X,
+									invalid: !!Ye,
 									disabled: w,
 									showTimezone: !0
-								}), X && /* @__PURE__ */ W(k, {
-									className: v(K, Z.instructionsError),
-									text: X
+								}), Ye && /* @__PURE__ */ W(A, {
+									id: ge,
+									className: v(q, Z.instructionsError),
+									text: Ye
 								})]
 							}),
-							Be && /* @__PURE__ */ G("div", {
+							Ge && /* @__PURE__ */ G("div", {
 								className: "flex flex-col gap-1",
 								children: [
-									/* @__PURE__ */ W(j, {
-										id: de,
+									/* @__PURE__ */ W(de, {
+										id: pe,
 										label: e.dayOfWeekLabel,
 										required: !0
 									}),
 									/* @__PURE__ */ W("div", {
 										role: "group",
-										"aria-labelledby": de,
+										"aria-labelledby": pe,
 										className: "flex gap-0.5",
 										children: e.customDayOptions.map((e) => {
 											let n = e.value === t.dayOfWeek;
-											return /* @__PURE__ */ W(C, {
+											return /* @__PURE__ */ W(te, {
 												"aria-label": e.fullName,
 												"aria-pressed": n,
-												variant: n ? ne.Primary : ne.Neutral,
-												appearance: te.Solid,
+												"aria-describedby": i.dayOfWeek ? M : void 0,
+												variant: n ? re.Primary : re.Neutral,
+												appearance: ne.Solid,
 												className: "w-10 rounded-full",
 												label: e.shortLabel,
-												onClick: () => qe(e.value),
+												onClick: () => tt(e.value),
 												disabled: w
 											}, e.value);
 										})
 									}),
-									i.dayOfWeek && /* @__PURE__ */ W(k, {
-										className: v(K, Z.instructionsError),
+									i.dayOfWeek && /* @__PURE__ */ W(A, {
+										id: M,
+										className: v(q, Z.instructionsError),
 										text: i.dayOfWeek
 									})
 								]
 							}),
-							t.repeat === r.Monthly && /* @__PURE__ */ W(fe, {
+							t.repeat === r.Monthly && /* @__PURE__ */ W(he, {
 								id: "scheduled-task-day-of-month",
 								integer: !0,
 								min: 1,
@@ -720,7 +715,7 @@ var Pe = "1180px", Fe = {
 								invalid: !!i.dayOfMonth,
 								error: i.dayOfMonth
 							}),
-							t.repeat === r.Hourly && /* @__PURE__ */ W(fe, {
+							t.repeat === r.Hourly && /* @__PURE__ */ W(he, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
@@ -735,29 +730,29 @@ var Pe = "1180px", Fe = {
 								invalid: !!i.minute,
 								error: i.minute
 							}),
-							!Be && /* @__PURE__ */ G("div", {
-								className: v("gap-3", ze ? "flex flex-col" : "flex flex-row"),
-								children: [/* @__PURE__ */ W(et, {
+							!Ge && /* @__PURE__ */ G("div", {
+								className: v("gap-3", Y ? "flex flex-col" : "flex flex-row"),
+								children: [/* @__PURE__ */ W(nt, {
 									id: "scheduled-task-start-date",
-									mode: He,
-									label: Ue,
+									mode: X,
+									label: qe,
 									placeholder: e.startDatePlaceholder,
 									value: t.startDate,
 									onChange: (e) => m("startDate", e),
-									minDate: we,
+									minDate: z,
 									error: i.startDate,
-									errorClassName: K,
+									errorClassName: q,
 									disabled: w
-								}), /* @__PURE__ */ W(et, {
+								}), /* @__PURE__ */ W(nt, {
 									id: "scheduled-task-end-date",
-									mode: He,
-									label: We,
+									mode: X,
+									label: Je,
 									placeholder: e.endDatePlaceholder,
 									value: t.endDate,
 									onChange: (e) => m("endDate", e),
-									minDate: we,
+									minDate: z,
 									error: i.endDate,
-									errorClassName: K,
+									errorClassName: q,
 									disabled: w
 								})]
 							})
@@ -774,14 +769,14 @@ var Pe = "1180px", Fe = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: /* @__PURE__ */ W("h2", {
-						className: ke,
+						className: K,
 						children: e.configurationSectionTitle
 					})
 				}),
 				p == null ? i.skillUrls && /* @__PURE__ */ W("div", {
 					"aria-live": "polite",
-					children: /* @__PURE__ */ W(k, {
-						className: v(K, Z.instructionsError),
+					children: /* @__PURE__ */ W(A, {
+						className: v(q, Z.instructionsError),
 						text: i.skillUrls
 					})
 				}) : /* @__PURE__ */ W("div", {
@@ -792,30 +787,30 @@ var Pe = "1180px", Fe = {
 					className: "flex w-full max-w-[996px] min-w-0 flex-col",
 					children: /* @__PURE__ */ W(g, {
 						isEnabled: !!ae,
-						fieldId: M,
-						labelClassName: Pe,
+						fieldId: fe,
+						labelClassName: ze,
 						label: e.instructionsLabel,
-						required: xe,
+						required: De,
 						labels: e,
 						refinement: F,
-						disabled: w || ge,
-						...Ie,
+						disabled: w || I,
+						...Ve,
 						children: /* @__PURE__ */ G("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!ae && /* @__PURE__ */ W(j, {
-									htmlFor: M,
-									className: Pe,
+								!ae && /* @__PURE__ */ W(de, {
+									htmlFor: fe,
+									className: ze,
 									label: e.instructionsLabel,
-									required: xe
+									required: De
 								}),
 								/* @__PURE__ */ W("div", {
-									ref: be,
+									ref: Ee,
 									className: v("w-full", d, f),
-									children: /* @__PURE__ */ W(Te, {
-										fallback: /* @__PURE__ */ W(he, {}),
-										children: /* @__PURE__ */ W(rt, {
-											id: M,
+									children: /* @__PURE__ */ W(ke, {
+										fallback: /* @__PURE__ */ W(ve, {}),
+										children: /* @__PURE__ */ W(at, {
+											id: fe,
 											value: t.prompt,
 											onChange: (e) => {
 												F.reset(), m("prompt", e);
@@ -826,8 +821,9 @@ var Pe = "1180px", Fe = {
 										})
 									})
 								}),
-								i.prompt && /* @__PURE__ */ W(k, {
-									className: v(K, Z.instructionsError),
+								i.prompt && /* @__PURE__ */ W(A, {
+									id: N,
+									className: v(q, Z.instructionsError),
 									text: i.prompt
 								})
 							]
@@ -846,18 +842,18 @@ var Pe = "1180px", Fe = {
 		onConfirm: L.confirm,
 		onClose: L.dismiss
 	})] });
-}, at = /* @__PURE__ */ function(e) {
+}, st = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), ot = /* @__PURE__ */ function(e) {
+}({}), ct = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), st = { subtitleText: "_subtitleText_1i4x2_3" }, ct = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ G("div", {
+}({}), lt = { subtitleText: "_subtitleText_1i4x2_3" }, ut = ({ 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__ */ G("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, st.subtitleText),
+			className: v(o, lt.subtitleText),
 			children: e
 		}), /* @__PURE__ */ W("p", {
 			className: "break-all whitespace-normal",
@@ -871,18 +867,18 @@ var Pe = "1180px", Fe = {
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, st.subtitleText),
+			className: v(o, lt.subtitleText),
 			children: n
 		}), i ? i(r) : /* @__PURE__ */ W(p, {
 			content: r,
 			...a
 		})]
 	})]
-}), lt = { subtitleText: "_subtitleText_1i4x2_3" }, ut = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ G(je, { children: [
+}), dt = { subtitleText: "_subtitleText_1i4x2_3" }, ft = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ G(Ne, { children: [
 	t && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, dt.subtitleText),
 			children: e.descriptionLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -892,7 +888,7 @@ var Pe = "1180px", Fe = {
 	a && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, dt.subtitleText),
 			children: e.completedFieldLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -902,7 +898,7 @@ var Pe = "1180px", Fe = {
 	n && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, dt.subtitleText),
 			children: e.modelLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -912,7 +908,7 @@ var Pe = "1180px", Fe = {
 	r && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, dt.subtitleText),
 			children: e.repeatsLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -922,14 +918,14 @@ var Pe = "1180px", Fe = {
 	i && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, dt.subtitleText),
 			children: e.activeWindowLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: i
 		})]
 	})
-] }), dt = /* @__PURE__ */ function(e) {
+] }), pt = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_6i141_1",
@@ -939,33 +935,33 @@ var Pe = "1180px", Fe = {
 	currentRun: "_currentRun_6i141_17",
 	interactiveRow: "_interactiveRow_6i141_22",
 	unreadDot: "_unreadDot_6i141_33"
-}, ft = ({ status: e }) => {
+}, mt = ({ status: e }) => {
 	switch (e) {
-		case dt.Success: return /* @__PURE__ */ W(z, {
-			size: D.SM,
+		case pt.Success: return /* @__PURE__ */ W(we, {
+			size: O.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		});
-		case dt.Error: return /* @__PURE__ */ W(be, {
-			size: D.SM,
+		case pt.Error: return /* @__PURE__ */ W(L, {
+			size: O.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		});
-		case dt.InProgress: return /* @__PURE__ */ W("span", {
+		case pt.InProgress: return /* @__PURE__ */ W("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ W(he, { size: D.SM })
+			children: /* @__PURE__ */ W(ve, { size: O.SM })
 		});
-		case dt.Missed: return /* @__PURE__ */ W(L, {
-			size: D.SM,
+		case pt.Missed: return /* @__PURE__ */ W(I, {
+			size: O.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		});
 		default: return null;
 	}
-}, pt = ({ 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 }) => {
+}, ht = ({ 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,
@@ -977,7 +973,7 @@ var Pe = "1180px", Fe = {
 		"--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 === dt.Error && e.errorText ? e.errorText : void 0, i = [
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === pt.Error && e.errorText ? e.errorText : void 0, i = [
 			r,
 			e.isUnread ? g : void 0,
 			n ? c.currentRunLabel : void 0
@@ -1000,16 +996,16 @@ var Pe = "1180px", Fe = {
 			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__ */ G("span", {
 				className: "flex min-w-0 items-center gap-1",
-				children: [r ? /* @__PURE__ */ W(I, {
+				children: [r ? /* @__PURE__ */ W(F, {
 					tooltip: r,
 					asChild: !0,
 					contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
 					children: /* @__PURE__ */ W("span", {
 						className: "flex shrink-0",
 						tabIndex: l ? void 0 : 0,
-						children: /* @__PURE__ */ W(ft, { status: e.status })
+						children: /* @__PURE__ */ W(mt, { status: e.status })
 					})
-				}) : /* @__PURE__ */ W(ft, { status: e.status }), /* @__PURE__ */ G("span", {
+				}) : /* @__PURE__ */ W(mt, { status: e.status }), /* @__PURE__ */ G("span", {
 					className: "flex min-w-0 items-center gap-1",
 					children: [/* @__PURE__ */ W("span", {
 						className: v(e.isUnread ? m : p, "truncate"),
@@ -1030,12 +1026,12 @@ var Pe = "1180px", Fe = {
 	}, 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__ */ W(P, {
-			variant: F.Rectangular,
+		children: [/* @__PURE__ */ W(N, {
+			variant: P.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ W(P, {
-			variant: F.Rectangular,
+		}), /* @__PURE__ */ W(N, {
+			variant: P.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
@@ -1056,14 +1052,14 @@ var Pe = "1180px", Fe = {
 			role: "alert",
 			className: v(h, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ W(A, {
+		}), /* @__PURE__ */ W(j, {
 			label: c.retryLabel,
 			onClick: a
 		})]
 	}) : e.length === 0 ? /* @__PURE__ */ W("div", {
 		style: y,
 		className: "w-full py-4",
-		children: /* @__PURE__ */ W(de, {
+		children: /* @__PURE__ */ W(me, {
 			title: c.emptyLabel,
 			description: c.emptyDescription,
 			live: !0
@@ -1084,44 +1080,44 @@ var Pe = "1180px", Fe = {
 					role: "alert",
 					className: v(h, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ W(A, {
+				}), /* @__PURE__ */ W(j, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
 	});
-}, mt = {
+}, gt = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, ht = ({ 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 === ot.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", mt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ G("li", {
+}, _t = ({ 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 === ct.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", gt.historyCard) : "pt-2", S = l ? /* @__PURE__ */ G("li", {
 		className: x,
 		children: [/* @__PURE__ */ W("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ W(A, {
+		}), u && /* @__PURE__ */ W(j, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
 	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ W("li", {
 		className: x,
-		children: /* @__PURE__ */ W(A, {
+		children: /* @__PURE__ */ W(j, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, S = n ? /* @__PURE__ */ W("p", {
-		className: v(m, mt.subtitleText),
+	}) : void 0, ee = n ? /* @__PURE__ */ W("p", {
+		className: v(m, gt.subtitleText),
 		children: n
 	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ W("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, te = /* @__PURE__ */ W(pt, {
+	}) : void 0, te = /* @__PURE__ */ W(ht, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1138,7 +1134,7 @@ var Pe = "1180px", Fe = {
 			runStatusLabels: t.runStatusLabels,
 			unreadIndicatorLabel: t.unreadIndicatorLabel
 		},
-		footer: ee,
+		footer: S,
 		styles: {
 			typography: {
 				runTimestampClassName: m,
@@ -1152,16 +1148,16 @@ var Pe = "1180px", Fe = {
 		}
 	});
 	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", mt.historyCard, mt.cardLayout),
+		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", gt.historyCard, gt.cardLayout),
 		style: { "--st-history-max-height": y?.maxHeight },
 		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", mt.historyCard),
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", gt.historyCard),
 			children: [
 				/* @__PURE__ */ W("h2", {
 					className: g,
 					children: t.historyTitle
 				}),
-				S,
+				ee,
 				C
 			]
 		}), /* @__PURE__ */ W("div", {
@@ -1172,7 +1168,7 @@ var Pe = "1180px", Fe = {
 	}) : /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-4",
 		children: [
-			S,
+			ee,
 			C,
 			te
 		]
@@ -1190,27 +1186,27 @@ var Pe = "1180px", Fe = {
 	actionButton: "_actionButton_hdn5b_75",
 	roundActionButton: "_roundActionButton_hdn5b_82",
 	stickyTabs: "_stickyTabs_hdn5b_88"
-}, gt = ({ 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: w, completedLabel: re, nextRunLabel: T, instructionsMarkdown: E, skillDisplayNames: ie, renderInstructions: ae, runs: k, runsIsLoading: oe = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: j, onRunsRetry: ue, runsLoadMoreError: de, onRunsRetryLoadMore: fe, runsHasMore: N = !1, onRunsLoadMore: pe, onRunClick: me, styles: P, className: F, backIcon: ve, layout: I, historyStyles: L }) => {
-	let { colors: R, typography: z } = P ?? {}, be = z?.titleClassName ?? "dial-h2-text", Se = z?.sectionTitleClassName ?? "dial-body-semi-text", we = z?.fieldLabelClassName ?? "dial-tiny-text", Te = z?.fieldValueClassName ?? "dial-small-text", V = z?.runTimestampClassName ?? "dial-small-text", Ee = _({
-		"--stdv-bg": R?.background,
-		"--stdv-header-border": R?.headerBorder,
-		"--stdv-details-border": R?.detailsColumnBorder,
-		"--stdv-subtitle-text": R?.subtitleText,
-		"--stdv-history-bg": R?.historyCardBackground
-	}), De = b(), [H, ke] = Ae(at.Details), U = Oe(), Me = o && !i ? e.startNowBusyLabel : void 0, Ne = [
+}, vt = ({ 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: b, onRetry: S, description: ee, modelLabel: C, repeatsLabel: te, activeWindowLabel: ne, completedLabel: w, nextRunLabel: T, instructionsMarkdown: E, skillDisplayNames: D, renderInstructions: ie, runs: ae, runsIsLoading: oe = !1, runsIsLoadingMore: A = !1, runsSkeletonCount: se = 6, runsError: le, onRunsRetry: ue, runsLoadMoreError: de, onRunsRetryLoadMore: fe, runsHasMore: me = !1, onRunsLoadMore: he, onRunClick: M, styles: ge, className: _e, backIcon: N, layout: P, historyStyles: xe }) => {
+	let { colors: F, typography: I } = ge ?? {}, Ce = I?.titleClassName ?? "dial-h2-text", we = I?.sectionTitleClassName ?? "dial-body-semi-text", L = I?.fieldLabelClassName ?? "dial-tiny-text", R = I?.fieldValueClassName ?? "dial-small-text", De = I?.runTimestampClassName ?? "dial-small-text", ke = _({
+		"--stdv-bg": F?.background,
+		"--stdv-header-border": F?.headerBorder,
+		"--stdv-details-border": F?.detailsColumnBorder,
+		"--stdv-subtitle-text": F?.subtitleText,
+		"--stdv-history-bg": F?.historyCardBackground
+	}), Ae = x(), [z, je] = Me(st.Details), V = B(), H = o && !i ? e.startNowBusyLabel : void 0, U = [
 		{
-			id: at.Details,
+			id: st.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: at.Configuration,
+			id: st.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: at.History,
+			id: st.History,
 			label: e.historyTitle
 		}
-	], Pe = Ne.find((e) => e.id === H)?.label ?? e.detailsTitle, Fe = /* @__PURE__ */ W(ut, {
+	], Pe = U.find((e) => e.id === z)?.label ?? e.detailsTitle, Fe = /* @__PURE__ */ W(ft, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1218,19 +1214,19 @@ var Pe = "1180px", Fe = {
 			activeWindowLabel: e.activeWindowLabel,
 			completedFieldLabel: e.completedFieldLabel
 		},
-		description: S,
+		description: ee,
 		modelLabel: C,
 		repeatsLabel: te,
-		activeWindowLabel: w,
-		completedLabel: re,
-		fieldLabelClassName: we,
-		fieldValueClassName: Te
-	}), K = /* @__PURE__ */ W(ct, {
+		activeWindowLabel: ne,
+		completedLabel: w,
+		fieldLabelClassName: L,
+		fieldValueClassName: R
+	}), Ie = /* @__PURE__ */ W(ut, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayNames: ie,
+		skillDisplayNames: D,
 		instructionsMarkdown: E,
-		renderInstructions: ae,
+		renderInstructions: ie,
 		markdownLabels: {
 			codeBlockCopyLabel: e.codeBlockCopyLabel,
 			codeBlockCopiedLabel: e.codeBlockCopiedLabel,
@@ -1238,8 +1234,8 @@ var Pe = "1180px", Fe = {
 			tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
 			mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
 		},
-		fieldLabelClassName: we
-	}), q = (t) => /* @__PURE__ */ W(ht, {
+		fieldLabelClassName: L
+	}), Le = (t) => /* @__PURE__ */ W(_t, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -1254,82 +1250,82 @@ var Pe = "1180px", Fe = {
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
 		nextRunLabel: T,
-		items: k,
+		items: ae,
 		isLoading: oe,
-		isLoadingMore: ce,
-		skeletonCount: le,
-		error: j,
+		isLoadingMore: A,
+		skeletonCount: se,
+		error: le,
 		onRetry: ue,
 		loadMoreError: de,
 		onRetryLoadMore: fe,
-		hasMore: N,
-		onLoadMore: pe,
-		onRunClick: me,
-		runTimestampClassName: V,
-		sectionTitleClassName: Se,
-		colors: R,
-		styles: L
+		hasMore: me,
+		onLoadMore: he,
+		onRunClick: M,
+		runTimestampClassName: De,
+		sectionTitleClassName: we,
+		colors: F,
+		styles: xe
 	});
 	return /* @__PURE__ */ G("div", {
-		style: Ee,
-		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, F),
+		style: ke,
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, _e),
 		children: [
 			/* @__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__ */ G("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ W(se, {
-							icon: ve === void 0 ? /* @__PURE__ */ W(ye, {
-								size: D.LG,
+						/* @__PURE__ */ W(ce, {
+							icon: N === void 0 ? /* @__PURE__ */ W(Se, {
+								size: O.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: O
-							}) : ve,
+								stroke: k
+							}) : N,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
 						/* @__PURE__ */ W("h1", {
-							className: v("truncate", $.desktopTitle, be),
+							className: v("truncate", $.desktopTitle, Ce),
 							children: g
 						}),
 						l && /* @__PURE__ */ W("span", {
-							className: v("shrink-0", $.desktopBadge, Te, $.subtitleText),
+							className: v("shrink-0", $.desktopBadge, R, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
 				}), /* @__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__ */ G(je, { children: [/* @__PURE__ */ W(ge, {
+						!l && !u && d !== void 0 && /* @__PURE__ */ G(Ne, { children: [/* @__PURE__ */ W(ye, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: d,
 							disabled: f || p || c,
 							onChange: (e) => h?.(e)
 						}), p && m && /* @__PURE__ */ W("span", {
-							className: v(Te, $.subtitleText),
+							className: v(R, $.subtitleText),
 							children: m
 						})] }),
-						!l && s && /* @__PURE__ */ W(A, {
-							variant: ne.Danger,
+						!l && s && /* @__PURE__ */ W(j, {
+							variant: re.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ W(B, {
-								size: D.SM,
+							iconBefore: /* @__PURE__ */ W(Oe, {
+								size: O.SM,
 								"aria-hidden": !0,
-								stroke: O
+								stroke: k
 							}),
 							onClick: s,
 							disabled: c,
 							textClassName: $.actionLabel,
 							className: v("min-h-11 shrink-0", $.actionButton)
 						}),
-						!l && n && /* @__PURE__ */ W(M, {
+						!l && n && /* @__PURE__ */ W(pe, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ W(xe, {
-								size: D.SM,
+							iconBefore: /* @__PURE__ */ W(Te, {
+								size: O.SM,
 								"aria-hidden": !0,
-								stroke: O
+								stroke: k
 							}),
 							onClick: n,
 							disabled: c,
@@ -1338,21 +1334,21 @@ var Pe = "1180px", Fe = {
 						}),
 						!l && r && e.startNowButtonLabel && /* @__PURE__ */ G("div", {
 							"aria-busy": i,
-							children: [Me && /* @__PURE__ */ W("span", {
-								id: U,
+							children: [H && /* @__PURE__ */ W("span", {
+								id: V,
 								className: "sr-only",
-								children: Me
-							}), /* @__PURE__ */ W(M, {
+								children: H
+							}), /* @__PURE__ */ W(pe, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ W(Ce, {
-									size: D.SM,
+								iconBefore: /* @__PURE__ */ W(Ee, {
+									size: O.SM,
 									"aria-hidden": !0,
-									stroke: O
+									stroke: k
 								}),
 								onClick: r,
 								disabled: c || i || a || o,
-								"aria-describedby": Me ? U : void 0,
-								tooltipProps: Me ? { tooltip: Me } : void 0,
+								"aria-describedby": H ? V : void 0,
+								tooltipProps: H ? { tooltip: H } : void 0,
 								textClassName: $.actionLabel,
 								className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
 							})]
@@ -1363,10 +1359,10 @@ var Pe = "1180px", Fe = {
 			/* @__PURE__ */ G("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ W("h1", {
-					className: v("truncate", be),
+					className: v("truncate", Ce),
 					children: g
 				}), l && /* @__PURE__ */ W("span", {
-					className: v("shrink-0", Te, $.subtitleText),
+					className: v("shrink-0", R, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
@@ -1384,42 +1380,42 @@ var Pe = "1180px", Fe = {
 			}),
 			y && /* @__PURE__ */ W("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ W(he, {})
+				children: /* @__PURE__ */ W(ve, {})
 			}),
-			!y && x && /* @__PURE__ */ G("div", {
+			!y && b && /* @__PURE__ */ G("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
 				children: [/* @__PURE__ */ W("p", {
-					className: v(Te, $.subtitleText),
+					className: v(R, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ W(A, {
+				}), /* @__PURE__ */ W(j, {
 					label: e.retryLabel,
-					onClick: ee
+					onClick: S
 				})]
 			}),
-			!y && !x && (De ? /* @__PURE__ */ G("div", {
+			!y && !b && (Ae ? /* @__PURE__ */ G("div", {
 				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
 				children: [/* @__PURE__ */ W("div", {
 					className: v("sticky top-0 z-10", $.stickyTabs),
-					children: /* @__PURE__ */ W(_e, {
+					children: /* @__PURE__ */ W(be, {
 						ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 						className: "px-4",
-						tabs: Ne,
-						activeTabId: H,
-						onTabChange: ke
+						tabs: U,
+						activeTabId: z,
+						onTabChange: je
 					})
 				}), /* @__PURE__ */ W("div", {
 					role: "tabpanel",
 					"aria-label": Pe,
 					className: "flex flex-1 flex-col gap-5 px-4 py-6",
-					children: H === at.Configuration ? K : H === at.History ? q(ot.Flow) : Fe
+					children: z === st.Configuration ? Ie : z === st.History ? Le(ct.Flow) : Fe
 				})]
 			}) : /* @__PURE__ */ G("div", {
 				style: {
 					flexDirection: "row",
-					"--st-details-width": I?.detailsWidth,
-					"--st-history-width": I?.historyWidth,
-					"--st-history-max-height": I?.historyMaxHeight,
-					"--st-configuration-min-width": I?.configurationMinWidth
+					"--st-details-width": P?.detailsWidth,
+					"--st-history-width": P?.historyWidth,
+					"--st-history-max-height": P?.historyMaxHeight,
+					"--st-configuration-min-width": P?.configurationMinWidth
 				},
 				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
@@ -1427,39 +1423,39 @@ var Pe = "1180px", Fe = {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${I?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${P?.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__ */ W("h2", {
-							className: Se,
+							className: we,
 							children: e.detailsTitle
 						}), Fe]
 					}),
 					/* @__PURE__ */ G("div", {
 						style: {
-							flex: `1 1 ${I?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${P?.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__ */ W("h2", {
-							className: Se,
+							className: we,
 							children: e.configurationTitle
-						}), K]
+						}), Ie]
 					}),
 					/* @__PURE__ */ W("div", {
 						style: {
-							flex: `0 1 calc(${I?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${P?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
-						children: q(ot.Card)
+						children: Le(ct.Card)
 					})
 				]
 			}))
 		]
 	});
-}, _t = {
+}, yt = {
 	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]",
@@ -1474,7 +1470,7 @@ var Pe = "1180px", Fe = {
 	link: "break-words [overflow-wrap:anywhere]",
 	tableWrapper: "my-4",
 	mathBlock: "my-4"
-}, vt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = _t, markdownLabels: c, styles: l }) => {
+}, bt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = yt, markdownLabels: c, styles: l }) => {
 	let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
 	return /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-3",
@@ -1515,25 +1511,25 @@ var Pe = "1180px", Fe = {
 			})
 		]
 	});
-}, yt = ({ className: e, children: t }) => /* @__PURE__ */ W("span", {
+}, xt = ({ className: e, children: t }) => /* @__PURE__ */ W("span", {
 	className: v(e, "block truncate py-1"),
 	children: t
-}), bt = ({ 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, _] = Ae(!0);
-	De(() => {
+}), St = ({ 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, _] = Me(!0);
+	je(() => {
 		_(!0);
 	}, [e]);
 	let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ W("li", {
 		className: "pt-2",
-		children: /* @__PURE__ */ W(A, {
-			variant: ne.Primary,
+		children: /* @__PURE__ */ W(j, {
+			variant: re.Primary,
 			label: f.showMoreLabel,
 			onClick: l,
 			disabled: r
 		})
 	}) : void 0;
-	return /* @__PURE__ */ W(S, {
-		title: /* @__PURE__ */ W(yt, {
+	return /* @__PURE__ */ W(C, {
+		title: /* @__PURE__ */ W(xt, {
 			className: p,
 			children: f.title
 		}),
@@ -1544,7 +1540,7 @@ var Pe = "1180px", Fe = {
 			role: "alert",
 			className: h,
 			children: f.unavailableLabel
-		}) : /* @__PURE__ */ W(pt, {
+		}) : /* @__PURE__ */ W(ht, {
 			items: t,
 			isLoading: n,
 			isLoadingMore: r,
@@ -1565,11 +1561,11 @@ var Pe = "1180px", Fe = {
 			}
 		})
 	});
-}, xt = /* @__PURE__ */ function(e) {
+}, Ct = /* @__PURE__ */ function(e) {
 	return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
-}({}), St = ({ 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] = Ae(!1);
-	De(() => {
+}({}), wt = ({ 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] = Me(!1);
+	je(() => {
 		m(!1);
 	}, [e]);
 	let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ G("div", {
@@ -1578,11 +1574,11 @@ var Pe = "1180px", Fe = {
 			role: "alert",
 			className: f,
 			children: u.unavailableLabel
-		}), t === "error" && n && /* @__PURE__ */ W(A, {
+		}), t === "error" && n && /* @__PURE__ */ W(j, {
 			label: u.retryLabel,
 			onClick: n
 		})]
-	}) : /* @__PURE__ */ W(vt, {
+	}) : /* @__PURE__ */ W(bt, {
 		modelLabel: u.modelLabel,
 		instructionsLabel: u.instructionsLabel,
 		skillLabel: u.skillLabel,
@@ -1594,8 +1590,8 @@ var Pe = "1180px", Fe = {
 		markdownLabels: c,
 		styles: l
 	});
-	return /* @__PURE__ */ W(S, {
-		title: /* @__PURE__ */ W(yt, {
+	return /* @__PURE__ */ W(C, {
+		title: /* @__PURE__ */ W(xt, {
 			className: d,
 			children: u.title
 		}),
@@ -1603,7 +1599,7 @@ var Pe = "1180px", Fe = {
 		onToggle: m,
 		children: h
 	});
-}, Ct = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
+}, Tt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
 	...s,
 	variant: ie.Danger,
 	popupClassName: o?.popupClassName,
@@ -1628,4 +1624,4 @@ var Pe = "1180px", Fe = {
 	})
 });
 //#endregion
-export { c as DESCRIPTION_MAX_LENGTH, Fe as SCHEDULED_TASKS_CLASS, Pe as SCHEDULED_TASKS_GRID_DEFAULT_MAX_WIDTH, ze as ScheduledTaskCard, We as ScheduledTaskCardGrid, Ue as ScheduledTaskCardSkeleton, St as ScheduledTaskConversationDetailsSection, xt as ScheduledTaskConversationDetailsState, bt as ScheduledTaskConversationHistorySection, it as ScheduledTaskCreateForm, Ct as ScheduledTaskDeleteConfirmation, gt as ScheduledTaskDetailView, vt as ScheduledTaskDetailsSummary, ht as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, pt as ScheduledTaskRunHistoryList, dt as ScheduledTaskRunStatus, K as ScheduledTaskStatus, qe as ScheduledTasks, Je as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Ie as getScheduledTaskStatus, Xe as hasScheduledTaskFormChanges };
+export { c as DESCRIPTION_MAX_LENGTH, Le as SCHEDULED_TASKS_CLASS, Ie as SCHEDULED_TASKS_GRID_DEFAULT_MAX_WIDTH, He as ScheduledTaskCard, Ke as ScheduledTaskCardGrid, Ge as ScheduledTaskCardSkeleton, wt as ScheduledTaskConversationDetailsSection, Ct as ScheduledTaskConversationDetailsState, St as ScheduledTaskConversationHistorySection, ot as ScheduledTaskCreateForm, Tt as ScheduledTaskDeleteConfirmation, vt as ScheduledTaskDetailView, bt as ScheduledTaskDetailsSummary, _t as ScheduledTaskHistorySection, Re as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, ht as ScheduledTaskRunHistoryList, pt as ScheduledTaskRunStatus, K as ScheduledTaskStatus, Ye as ScheduledTasks, Xe as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, ze as getScheduledTaskStatus, $e as hasScheduledTaskFormChanges };