@epam/ai-dial-scheduled-tasks 1.3.0-dev.245 → 1.3.0-dev.248

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, 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";
+import { Accordion as C, Button as te, ButtonAppearance as ne, ButtonDropdown as w, ButtonVariant as re, Calendar as T, CalendarMode as E, CardShell as ie, ConfirmationPopupVariant as ae, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as oe, ErrorMessageNotification as se, ErrorText as k, FolderPath as ce, GhostButton as A, GhostIconButton as le, Highlight as ue, Input as de, Label as fe, LiveRegion as j, LiveRegionElement as M, LiveRegionPoliteness as N, MenuItemMark as pe, NeutralButton as P, NoDataContent as me, NumberInput as he, PrimaryButton as ge, Search as F, Select as _e, Skeleton as I, SkeletonVariant as L, Spinner as ve, Switch as ye, Tabs as be, Textarea as xe, Tooltip as R } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as Se, IconArrowNarrowLeft as Ce, IconArrowsSort as z, IconCheck as we, IconCircleX as Te, IconPencilMinus as Ee, IconPlayerPause as De, IconPlayerPlay as Oe, IconPlus as ke, IconTrashX as Ae } from "@tabler/icons-react";
+import { Suspense as je, lazy as B, useCallback as V, useEffect as Me, useId as H, useLayoutEffect as U, useMemo as Ne, useRef as Pe, useState as Fe } from "react";
+import { Fragment as Ie, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { BuilderFormContainer as Le } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as Re } from "@epam/ai-dial-ui-kit/editors";
 //#region src/models/scheduled-task-card-grid-props.ts
-var Ie = "1180px", Le = {
+var ze = "1180px", Be = {
 	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;
-}({}), Re = /* @__PURE__ */ function(e) {
+}({}), q = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), ze = (e) => {
+}({}), Ve = (e) => {
 	switch (e.presentationStatus) {
-		case Re.Active: return K.Scheduled;
-		case Re.Paused: return K.Paused;
-		case Re.Completed: return K.Completed;
+		case q.Active: return K.Scheduled;
+		case q.Paused: return K.Paused;
+		case q.Completed: return K.Completed;
 	}
 	return e.isCompleted ? K.Completed : e.isActive === !1 ? K.Paused : K.Scheduled;
-}, q = {
+}, 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"
-}, Be = {
+}, He = {
 	[K.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
-		wrapperClassName: q.schedulePill,
-		labelClassName: q.scheduleLabel
+		wrapperClassName: J.schedulePill,
+		labelClassName: J.scheduleLabel
 	},
 	[K.Paused]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: q.pausedPill,
-		labelClassName: q.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ W(R, {
-			size: O.SM,
+		wrapperClassName: J.pausedPill,
+		labelClassName: J.pausedLabel,
+		renderIcon: () => /* @__PURE__ */ W(De, {
+			size: D.SM,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: O
 		})
 	},
 	[K.Completed]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: q.completedPill,
-		labelClassName: q.completedLabel,
+		wrapperClassName: J.completedPill,
+		labelClassName: J.completedLabel,
 		renderIcon: () => /* @__PURE__ */ W(we, {
-			size: O.SM,
+			size: D.SM,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: O
 		})
 	}
-}, Ve = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
-	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Be[e];
+}, Ue = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
+	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = He[e];
 	return /* @__PURE__ */ G("span", {
 		className: v(i, n, a, o, r),
 		children: [s && s(), t]
 	});
-}, J = {
+}, Y = {
 	title: "_title_hmbo0_2",
 	description: "_description_hmbo0_6",
 	locationLabel: "_locationLabel_hmbo0_10",
@@ -69,8 +69,8 @@ var Ie = "1180px", Le = {
 	newBadge: "_newBadge_hmbo0_18",
 	locationDivider: "_locationDivider_hmbo0_23",
 	card: "_card_hmbo0_34"
-}, 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 } = {
+}, We = ({ 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 = Ve(e), { text: te, textClassName: ne } = {
 		[K.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: h
@@ -107,84 +107,84 @@ var Ie = "1180px", Le = {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ G(D, {
+	return /* @__PURE__ */ G(ie, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
 		style: w,
-		className: v("h-[var(--st-card-height,232px)]", J.card, n && "cursor-pointer", a, Le.card),
+		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Be.card),
 		...re,
 		children: [
 			/* @__PURE__ */ G("div", {
 				className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
-				children: [/* @__PURE__ */ W(le, {
+				children: [/* @__PURE__ */ W(ue, {
 					text: e.displayName,
 					query: t,
 					maxLines: o ? 2 : 1,
-					className: v(f, J.title)
+					className: v(f, Y.title)
 				}), e.isNew && /* @__PURE__ */ W("span", {
-					className: v("shrink-0 rounded-full px-2 py-0.5", ee, J.newBadge),
+					className: v("shrink-0 rounded-full px-2 py-0.5", ee, Y.newBadge),
 					children: s
 				})]
 			}),
 			e.descriptionPreview && /* @__PURE__ */ W("p", {
-				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, J.description),
+				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, Y.description),
 				children: e.descriptionPreview
 			}),
 			/* @__PURE__ */ 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(Ve, {
+					children: /* @__PURE__ */ W(Ue, {
 						status: C,
 						text: te,
 						textClassName: ne
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(se, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(ce, {
 					segments: e.locationSegments,
-					labelClassName: v(b, J.locationLabel),
-					leafClassName: v(S, J.locationLeaf),
-					className: v("pt-3", J.locationDivider)
+					labelClassName: v(b, Y.locationLabel),
+					leafClassName: v(S, Y.locationLeaf),
+					className: v("pt-3", Y.locationDivider)
 				})]
 			})
 		]
 	});
-}, Ue = { card: "_card_18ivt_1" }, We = [
+}, Ge = { card: "_card_18ivt_1" }, Ke = [
 	"100%",
 	"100%",
 	"61%"
-], Y = "var(--stcs-skeleton-bg)", Ge = ({ styles: e }) => {
+], qe = "var(--stcs-skeleton-bg)", Je = ({ styles: e }) => {
 	let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
-	return /* @__PURE__ */ G(D, {
+	return /* @__PURE__ */ G(ie, {
 		"aria-hidden": !0,
 		style: t,
-		className: v("h-[var(--st-card-height,232px)]", Ue.card),
+		className: v("h-[var(--st-card-height,232px)]", Ge.card),
 		children: [
-			/* @__PURE__ */ W(N, {
-				variant: P.Rectangular,
+			/* @__PURE__ */ W(I, {
+				variant: L.Rectangular,
 				width: "60%",
 				height: "20px",
-				color: Y,
+				color: qe,
 				className: "shrink-0"
 			}),
 			/* @__PURE__ */ W("div", {
 				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-				children: We.map((e, t) => /* @__PURE__ */ W(N, {
-					variant: P.Rectangular,
+				children: Ke.map((e, t) => /* @__PURE__ */ W(I, {
+					variant: L.Rectangular,
 					width: e,
 					height: "16px",
-					color: Y
+					color: qe
 				}, t))
 			}),
-			/* @__PURE__ */ W(N, {
-				variant: P.Rectangular,
+			/* @__PURE__ */ W(I, {
+				variant: L.Rectangular,
 				width: "110px",
 				height: "28px",
-				color: Y,
+				color: qe,
 				className: "shrink-0 rounded-lg"
 			})
 		]
 	});
-}, Ke = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ G("div", {
+}, Ye = ({ 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 Ie = "1180px", Le = {
 		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", Le.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ W(He, {
+	className: v("mx-auto grid w-full min-w-0", Be.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ W(We, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Ge, { styles: o }, `skeleton-${t}`))]
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Je, { styles: o }, `skeleton-${t}`))]
 }), X = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
@@ -209,43 +209,43 @@ var Ie = "1180px", Le = {
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, qe = (e, t, n, r, i, a) => {
+}, Xe = (e, t, n, r, i, a) => {
 	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
-}, Je = (e) => {
+}, Ze = (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 : 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 = _({
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ze(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: S, cardStyles: ee, loadMoreError: C, onRetryLoadMore: te }) => {
+	let { colors: T, typography: E } = y ?? {}, ie = E?.titleClassName ?? "dial-h1-text", ae = E?.subtitleClassName ?? "dial-body-text", k = _({
 		"--st-bg": T?.background,
 		"--st-subtitle-text": T?.subtitleText,
 		"--st-sort-text": T?.sortButtonText
-	}), se = (e) => {
+	}), ce = (e) => {
 		r(e ?? "");
-	}, [ce, le] = Me(!1), [ue, de] = Me(!1), pe = U(null), me = z(() => {
-		de(!0);
-	}, []), he = z(() => {
-		de(!1);
+	}, [le, ue] = Fe(!1), [de, fe] = Fe(!1), N = Pe(null), P = V(() => {
+		fe(!0);
+	}, []), me = V(() => {
+		fe(!1);
 	}, []);
-	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) => ({
+	U(() => {
+		let e = N.current;
+		de && le && e != null && e.offsetParent == null && ue(!1);
+	}, [de, le]);
+	let he = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, _e = Ne(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: fe.Check,
+		mark: pe.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), P = qe(s, d, !!c, o.length, n.trim().length > 0, e), ye = U(null);
-	je(() => {
-		let e = ye.current;
+	]), I = Xe(s, d, !!c, o.length, n.trim().length > 0, e), L = Pe(null);
+	Me(() => {
+		let e = L.current;
 		if (!e || !p) return;
-		let t = Je(e.parentElement);
+		let t = Ze(e.parentElement);
 		if (!t) return;
 		let n = () => {
 			if (d || s || C || !u) return;
@@ -260,12 +260,12 @@ var Ie = "1180px", Le = {
 		C,
 		p
 	]);
-	let be = () => s ? /* @__PURE__ */ W(ve, {}) : c ? /* @__PURE__ */ G("div", {
+	let ye = () => s ? /* @__PURE__ */ W(ve, {}) : c ? /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-center gap-3",
 		children: [/* @__PURE__ */ W("p", {
-			className: v(ie, X.subtitle),
+			className: v(ae, X.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ W(j, {
+		}), /* @__PURE__ */ W(A, {
 			label: e.retryLabel,
 			onClick: l
 		})]
@@ -278,7 +278,7 @@ var Ie = "1180px", Le = {
 	}) : /* @__PURE__ */ G("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ W(Ke, {
+			/* @__PURE__ */ W(Ye, {
 				items: o,
 				searchQuery: n,
 				onCardClick: h,
@@ -288,24 +288,24 @@ var Ie = "1180px", Le = {
 				cardStyles: ee,
 				layout: S
 			}),
-			C && /* @__PURE__ */ W(oe, {
+			C && /* @__PURE__ */ W(se, {
 				message: e.loadMoreErrorLabel ?? e.errorLabel,
-				textClassName: ie,
-				iconStroke: k,
-				action: /* @__PURE__ */ W(j, {
+				textClassName: ae,
+				iconStroke: O,
+				action: /* @__PURE__ */ W(A, {
 					label: e.retryLabel,
 					onClick: te
 				})
 			}),
 			/* @__PURE__ */ W("div", {
-				ref: ye,
+				ref: L,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), xe = s || !!c || o.length === 0;
+	}), be = s || !!c || o.length === 0;
 	return /* @__PURE__ */ G("div", {
-		style: A,
+		style: k,
 		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", {
@@ -313,20 +313,20 @@ var Ie = "1180px", Le = {
 				children: [/* @__PURE__ */ G("div", {
 					className: "min-w-0 gap-2",
 					children: [/* @__PURE__ */ W("h1", {
-						className: v("truncate", D),
+						className: v("truncate", ie),
 						children: e.title
 					}), /* @__PURE__ */ W("p", {
-						className: v("mt-1", ie, X.subtitle),
+						className: v("mt-1", ae, X.subtitle),
 						children: e.subtitle
 					})]
-				}), t != null && /* @__PURE__ */ W(M, {
+				}), t != null && /* @__PURE__ */ W(ge, {
 					label: e.createButtonLabel,
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ W(De, {
-						size: O.SM,
+					iconBefore: /* @__PURE__ */ W(ke, {
+						size: D.SM,
 						"aria-hidden": !0,
-						stroke: k
+						stroke: O
 					}),
 					onClick: t,
 					className: v("shrink-0", X.createButton)
@@ -337,28 +337,28 @@ var Ie = "1180px", Le = {
 				children: [/* @__PURE__ */ W("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ W(ge, {
+					children: /* @__PURE__ */ W(F, {
 						value: n,
-						onChange: se,
+						onChange: ce,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
-						size: ae.Large,
-						onFocus: me,
-						onBlur: he
+						size: oe.Large,
+						onFocus: P,
+						onBlur: me
 					})
 				}), e.sortOptions.length > 0 && /* @__PURE__ */ W("div", {
-					ref: pe,
-					className: v(ue && X.sortControlHidden),
+					ref: N,
+					className: v(de && X.sortControlHidden),
 					children: /* @__PURE__ */ W(w, {
-						items: N,
-						label: _e,
+						items: _e,
+						label: he,
 						variant: re.Primary,
 						appearance: ne.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ W(Ce, {
-							size: O.SM,
+						iconBefore: b === void 0 ? /* @__PURE__ */ W(z, {
+							size: D.SM,
 							"aria-hidden": !0,
-							stroke: k
+							stroke: O
 						}) : b,
 						className: X.sortButton
 					})
@@ -369,29 +369,28 @@ var Ie = "1180px", Le = {
 				style: { maxWidth: S?.maxWidth ?? "1180px" },
 				children: g
 			}),
-			/* @__PURE__ */ W("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: P
+			/* @__PURE__ */ W(j, {
+				visuallyHidden: !0,
+				as: M.Span,
+				children: I
 			}),
 			/* @__PURE__ */ W("div", {
-				className: v("mx-auto flex size-full w-full min-w-0 flex-col", xe && "items-center justify-center"),
-				children: be()
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", be && "items-center justify-center"),
+				children: ye()
 			})
 		]
 	});
-}, Xe = /* @__PURE__ */ function(e) {
+}, $e = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), 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) => {
+}({}), et = (e) => Array.from(document.querySelectorAll("[aria-labelledby]")).find((t) => (t.getAttribute("aria-labelledby") ?? "").split(/\s+/).includes(e)) ?? null, tt = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), nt = (e, t) => {
 	let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
-	for (let r of n) if (Qe(e[r]) !== Qe(t[r])) return !0;
+	for (let r of n) if (tt(e[r]) !== tt(t[r])) return !0;
 	return !1;
-}, et = (e, t, n) => {
+}, rt = (e, t, n) => {
 	let i = (e) => e === r.Custom;
 	return !i(t) && !i(n) && t === r.Hourly == (n === r.Hourly) ? e : void 0;
-}, 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();
+}, it = { error: "_error_v2pfn_4" }, at = ({ 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 = H();
 	return b(() => document.getElementById(t), m, !!u), /* @__PURE__ */ G("div", {
 		className: "flex flex-1 flex-col gap-1",
 		children: [/* @__PURE__ */ W(T, {
@@ -404,15 +403,15 @@ var Ie = "1180px", Le = {
 			placeholder: o,
 			invalid: !!u,
 			disabled: f
-		}), u && /* @__PURE__ */ W(A, {
+		}), /* @__PURE__ */ W(k, {
+			announce: N.Assertive,
 			id: m,
-			role: "alert",
-			className: v(d, tt.error),
-			text: u
+			className: v(d, it.error),
+			text: u ?? ""
 		})]
 	});
-}, 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();
+}, ot = { error: "_error_v2pfn_4" }, st = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-tiny-text" }) => {
+	let l = Pe(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = H();
 	return b(() => document.getElementById("scheduled-task-run-at"), d, !!s), /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W(T, {
@@ -428,11 +427,11 @@ var Ie = "1180px", Le = {
 			placeholder: r,
 			invalid: !!s,
 			disabled: o
-		}), s && /* @__PURE__ */ W(A, {
+		}), /* @__PURE__ */ W(k, {
+			announce: N.Assertive,
 			id: d,
-			role: "alert",
-			className: v(c, rt.error),
-			text: s
+			className: v(c, ot.error),
+			text: s ?? ""
 		})]
 	});
 }, Z = {
@@ -442,64 +441,64 @@ var Ie = "1180px", Le = {
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, 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;
+}, ct = B(async () => ({ default: (await Re()).MarkdownEditor })), lt = ({ 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: ie, onRefineInstructions: oe, markdownEditorTheme: se, backIcon: ce, className: A, styles: le }) => {
+	let ue = H(), j = H(), M = H(), pe = H(), P = H(), me = H(), ge = H(), F = Pe(void 0), I = (e) => e ? async (t, n) => {
+		if (F.current && !F.current.aborted) throw new DOMException("Busy", "AbortError");
+		F.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			P.current === n && (P.current = void 0);
+			F.current === n && (F.current = void 0);
 		}
-	} : void 0, be = S({
+	} : void 0, L = S({
 		value: t.description ?? "",
 		onChange: (e) => m("description", e),
-		onRefine: ye(D),
+		onRefine: I(ie),
 		disabled: w
-	}), F = S({
+	}), ye = S({
 		value: t.prompt,
 		onChange: (e) => m("prompt", e),
-		onRefine: ye(ae),
+		onRefine: I(oe),
 		disabled: w
-	}), 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),
+	}), be = L.isPending || ye.isPending, R = () => {
+		L.reset(), ye.reset();
+	}, Se = !!(n && nt(t, n)), z = ee(Se), we = () => z.guard(() => {
+		R(), h();
+	}), Te = () => z.guard(() => {
+		R(), x();
+	}), Ee = y(), De = !t.skillUrls?.length, [Oe, ke] = Fe(), Ae = Pe(/* @__PURE__ */ new Date()).current, { colors: B, typography: V, layout: U } = le ?? {}, Ne = V?.titleClassName ?? "dial-h1-text", Re = V?.sectionTitleClassName ?? "dial-body-semi-text", ze = V?.sectionSubtitleClassName ?? "dial-tiny-text", K = V?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", q = V?.instructionsErrorClassName ?? "dial-tiny-text", Ve = _({
+		"--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
+	}), J = {
+		feedbackClassName: v(B?.refineActionText && Z.refineFeedback, V?.refineFeedbackClassName, Be.refineFeedback),
 		errorClassName: Z.refineError
-	}, J = (t) => {
+	}, He = (t) => {
 		let n = s.test(t.target.value) ? void 0 : e.timeInvalidLabel;
-		Ae(n), m("time", t.target.value);
-	}, He = (e) => {
-		Ae(void 0), m("time", typeof e == "string" ? e : "");
+		ke(n), m("time", t.target.value);
 	}, Ue = (e) => {
+		ke(void 0), m("time", typeof e == "string" ? e : "");
+	}, Y = (e) => {
 		let n = e;
 		m("repeat", n);
-		let r = et(t.startDate, t.repeat, n);
+		let r = rt(t.startDate, t.repeat, n);
 		r !== t.startDate && m("startDate", r ?? "");
-		let i = et(t.endDate, t.repeat, n);
+		let i = rt(t.endDate, t.repeat, n);
 		i !== t.endDate && m("endDate", i ?? "");
-	}, 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 = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Ge = t.repeat === r.Hourly, Ke = t.repeat === r.Custom, qe = Ke && !t.dayOfWeek, Je = Ge ? E.DateTime : E.Date, Ye = Ge ? e.startDateAndTimeLabel : e.startDateLabel, X = Ge ? e.endDateAndTimeLabel : e.endDateLabel;
+	Me(() => {
+		We || ke(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) => {
+	let Xe = We ? Oe ?? i.time : void 0;
+	b(() => et(u), pe, !!i.modelId), b(() => document.getElementById("scheduled-task-day-of-week"), P, !!i.dayOfWeek), b(() => document.getElementById("scheduled-task-time"), me, !!Xe), b(() => document.getElementById(j), ge, !!i.prompt);
+	let Ze = (e) => m("runAt", e), Qe = (e) => {
 		m("everyWeeks", e);
-	}, tt = (e) => {
+	}, $e = (e) => {
 		e !== t.dayOfWeek && m("dayOfWeek", e);
-	}, 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, {
+	}, tt = w || be || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || We && !t.time || qe || !!Xe;
+	return /* @__PURE__ */ G(Ie, { children: [/* @__PURE__ */ W(Le, {
 		labels: {
 			title: e.pageTitle,
 			backButtonLabel: e.backButtonLabel,
@@ -507,33 +506,33 @@ var Ie = "1180px", Le = {
 			submitButtonLabel: e.createButtonLabel,
 			submittingLabel: e.submittingLabel ?? "Saving"
 		},
-		onBack: Te,
-		onCancel: R,
+		onBack: we,
+		onCancel: Te,
 		onSubmit: () => {
-			!rt && (!P.current || P.current.aborted) && C();
+			!tt && (!F.current || F.current.aborted) && C();
 		},
 		isCancelDisabled: w,
-		isSubmitDisabled: rt,
+		isSubmitDisabled: tt,
 		isSubmitting: w,
-		backIcon: se === void 0 ? /* @__PURE__ */ W(Se, {
-			size: O.LG,
-			stroke: k,
+		backIcon: ce === void 0 ? /* @__PURE__ */ W(Ce, {
+			size: D.LG,
+			stroke: O,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : se,
+		}) : ce,
 		layout: {
-			sideColumnWidth: Fe?.detailsWidth,
-			columnGap: Fe?.columnGap,
+			sideColumnWidth: U?.detailsWidth,
+			columnGap: U?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: j,
+		className: A,
 		styles: {
-			colors: { background: V?.background },
+			colors: { background: B?.background },
 			header: {
-				colors: { borderColor: V?.headerBorder },
-				typography: { fontClassName: Ie }
+				colors: { borderColor: B?.headerBorder },
+				typography: { fontClassName: Ne }
 			},
-			cssVars: Be
+			cssVars: Ve
 		},
 		left: /* @__PURE__ */ G("div", {
 			role: "group",
@@ -543,14 +542,14 @@ var Ie = "1180px", Le = {
 				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ W("h2", {
-						className: K,
+						className: Re,
 						children: e.detailsSectionTitle
 					}), /* @__PURE__ */ W("p", {
-						className: v(Re, Z.sectionSubtitle),
+						className: v(ze, Z.sectionSubtitle),
 						children: e.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ W(ue, {
+				/* @__PURE__ */ W(de, {
 					id: "scheduled-task-display-name",
 					value: t.displayName,
 					onChange: (e) => m("displayName", e ?? ""),
@@ -562,21 +561,21 @@ var Ie = "1180px", Le = {
 					error: i.displayName
 				}),
 				/* @__PURE__ */ W(g, {
-					isEnabled: !!D,
-					fieldId: le,
+					isEnabled: !!ie,
+					fieldId: ue,
 					label: e.descriptionLabel,
 					labels: e,
-					refinement: be,
-					disabled: w || I,
+					refinement: L,
+					disabled: w || be,
 					caption: `${(t.description ?? "").length}/500`,
-					...Ve,
+					...J,
 					children: /* @__PURE__ */ W(xe, {
-						id: le,
+						id: ue,
 						value: t.description ?? "",
 						onChange: (e) => {
-							be.reset(), m("description", e);
+							L.reset(), m("description", e);
 						},
-						labelProps: D ? void 0 : { label: e.descriptionLabel },
+						labelProps: ie ? void 0 : { label: e.descriptionLabel },
 						maxLength: 500,
 						invalid: !!i.description,
 						error: i.description
@@ -585,14 +584,14 @@ var Ie = "1180px", Le = {
 				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ W(de, {
+						/* @__PURE__ */ W(fe, {
 							id: u,
 							label: e.modelOrAgentLabel,
 							required: !0
 						}),
 						c,
-						i.modelId && /* @__PURE__ */ W(A, {
-							id: me,
+						i.modelId && /* @__PURE__ */ W(k, {
+							id: pe,
 							className: v(q, Z.instructionsError),
 							text: i.modelId
 						})
@@ -604,23 +603,23 @@ var Ie = "1180px", Le = {
 						/* @__PURE__ */ W(_e, {
 							labelProps: { label: e.repeatLabel },
 							value: t.repeat,
-							onChange: Ue,
+							onChange: Y,
 							options: e.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						t.repeat === r.OneTime && /* @__PURE__ */ W(it, {
+						t.repeat === r.OneTime && /* @__PURE__ */ W(st, {
 							label: e.runAtLabel,
 							placeholder: e.runAtPlaceholder,
 							value: t.runAt ?? "",
-							onChange: Xe,
+							onChange: Ze,
 							error: i.runAt,
 							errorClassName: q,
 							disabled: w
 						}),
-						t.repeat !== r.OneTime && /* @__PURE__ */ G(Ne, { children: [
-							Ge && /* @__PURE__ */ W(_e, {
+						t.repeat !== r.OneTime && /* @__PURE__ */ G(Ie, { children: [
+							Ke && /* @__PURE__ */ W(_e, {
 								id: "scheduled-task-every-weeks",
 								labelProps: { label: e.everyLabel },
 								value: t.everyWeeks ?? "",
@@ -640,8 +639,8 @@ var Ie = "1180px", Le = {
 										required: !0
 									},
 									invalid: !!i.dayOfWeek
-								}), i.dayOfWeek && /* @__PURE__ */ W(A, {
-									id: M,
+								}), i.dayOfWeek && /* @__PURE__ */ W(k, {
+									id: P,
 									className: v(q, Z.instructionsError),
 									text: i.dayOfWeek
 								})]
@@ -652,50 +651,50 @@ var Ie = "1180px", Le = {
 									id: "scheduled-task-time",
 									mode: E.Time,
 									value: t.time,
-									onChange: He,
-									onBlur: J,
+									onChange: Ue,
+									onBlur: He,
 									labelProps: {
 										label: e.timeLabel,
 										required: !0
 									},
-									invalid: !!Ye,
+									invalid: !!Xe,
 									disabled: w,
 									showTimezone: !0
-								}), Ye && /* @__PURE__ */ W(A, {
-									id: ge,
+								}), Xe && /* @__PURE__ */ W(k, {
+									id: me,
 									className: v(q, Z.instructionsError),
-									text: Ye
+									text: Xe
 								})]
 							}),
-							Ge && /* @__PURE__ */ G("div", {
+							Ke && /* @__PURE__ */ G("div", {
 								className: "flex flex-col gap-1",
 								children: [
-									/* @__PURE__ */ W(de, {
-										id: pe,
+									/* @__PURE__ */ W(fe, {
+										id: M,
 										label: e.dayOfWeekLabel,
 										required: !0
 									}),
 									/* @__PURE__ */ W("div", {
 										role: "group",
-										"aria-labelledby": pe,
+										"aria-labelledby": M,
 										className: "flex gap-0.5",
 										children: e.customDayOptions.map((e) => {
 											let n = e.value === t.dayOfWeek;
 											return /* @__PURE__ */ W(te, {
 												"aria-label": e.fullName,
 												"aria-pressed": n,
-												"aria-describedby": i.dayOfWeek ? M : void 0,
+												"aria-describedby": i.dayOfWeek ? P : void 0,
 												variant: n ? re.Primary : re.Neutral,
 												appearance: ne.Solid,
 												className: "w-10 rounded-full",
 												label: e.shortLabel,
-												onClick: () => tt(e.value),
+												onClick: () => $e(e.value),
 												disabled: w
 											}, e.value);
 										})
 									}),
-									i.dayOfWeek && /* @__PURE__ */ W(A, {
-										id: M,
+									i.dayOfWeek && /* @__PURE__ */ W(k, {
+										id: P,
 										className: v(q, Z.instructionsError),
 										text: i.dayOfWeek
 									})
@@ -730,27 +729,27 @@ var Ie = "1180px", Le = {
 								invalid: !!i.minute,
 								error: i.minute
 							}),
-							!Ge && /* @__PURE__ */ G("div", {
-								className: v("gap-3", Y ? "flex flex-col" : "flex flex-row"),
-								children: [/* @__PURE__ */ W(nt, {
+							!Ke && /* @__PURE__ */ G("div", {
+								className: v("gap-3", Ge ? "flex flex-col" : "flex flex-row"),
+								children: [/* @__PURE__ */ W(at, {
 									id: "scheduled-task-start-date",
-									mode: X,
-									label: qe,
+									mode: Je,
+									label: Ye,
 									placeholder: e.startDatePlaceholder,
 									value: t.startDate,
 									onChange: (e) => m("startDate", e),
-									minDate: z,
+									minDate: Ae,
 									error: i.startDate,
 									errorClassName: q,
 									disabled: w
-								}), /* @__PURE__ */ W(nt, {
+								}), /* @__PURE__ */ W(at, {
 									id: "scheduled-task-end-date",
-									mode: X,
-									label: Je,
+									mode: Je,
+									label: X,
 									placeholder: e.endDatePlaceholder,
 									value: t.endDate,
 									onChange: (e) => m("endDate", e),
-									minDate: z,
+									minDate: Ae,
 									error: i.endDate,
 									errorClassName: q,
 									disabled: w
@@ -769,16 +768,14 @@ var Ie = "1180px", Le = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: /* @__PURE__ */ W("h2", {
-						className: K,
+						className: Re,
 						children: e.configurationSectionTitle
 					})
 				}),
-				p == null ? i.skillUrls && /* @__PURE__ */ W("div", {
-					"aria-live": "polite",
-					children: /* @__PURE__ */ W(A, {
-						className: v(q, Z.instructionsError),
-						text: i.skillUrls
-					})
+				p == null ? /* @__PURE__ */ W(k, {
+					announce: N.Polite,
+					className: v(q, Z.instructionsError),
+					text: i.skillUrls ?? ""
 				}) : /* @__PURE__ */ W("div", {
 					className: "w-full max-w-[996px] min-w-0",
 					children: p
@@ -786,43 +783,43 @@ var Ie = "1180px", Le = {
 				/* @__PURE__ */ W("div", {
 					className: "flex w-full max-w-[996px] min-w-0 flex-col",
 					children: /* @__PURE__ */ W(g, {
-						isEnabled: !!ae,
-						fieldId: fe,
-						labelClassName: ze,
+						isEnabled: !!oe,
+						fieldId: j,
+						labelClassName: K,
 						label: e.instructionsLabel,
 						required: De,
 						labels: e,
-						refinement: F,
-						disabled: w || I,
-						...Ve,
+						refinement: ye,
+						disabled: w || be,
+						...J,
 						children: /* @__PURE__ */ G("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!ae && /* @__PURE__ */ W(de, {
-									htmlFor: fe,
-									className: ze,
+								!oe && /* @__PURE__ */ W(fe, {
+									htmlFor: j,
+									className: K,
 									label: e.instructionsLabel,
 									required: De
 								}),
 								/* @__PURE__ */ W("div", {
 									ref: Ee,
 									className: v("w-full", d, f),
-									children: /* @__PURE__ */ W(ke, {
+									children: /* @__PURE__ */ W(je, {
 										fallback: /* @__PURE__ */ W(ve, {}),
-										children: /* @__PURE__ */ W(at, {
-											id: fe,
+										children: /* @__PURE__ */ W(ct, {
+											id: j,
 											value: t.prompt,
 											onChange: (e) => {
-												F.reset(), m("prompt", e);
+												ye.reset(), m("prompt", e);
 											},
 											height: 480,
-											theme: oe,
+											theme: se,
 											placeholder: e.instructionsPlaceholder
 										})
 									})
 								}),
-								i.prompt && /* @__PURE__ */ W(A, {
-									id: N,
+								i.prompt && /* @__PURE__ */ W(k, {
+									id: ge,
 									className: v(q, Z.instructionsError),
 									text: i.prompt
 								})
@@ -832,28 +829,28 @@ var Ie = "1180px", Le = {
 				})
 			]
 		})
-	}), L.isConfirmOpen && /* @__PURE__ */ W(l, {
+	}), z.isConfirmOpen && /* @__PURE__ */ W(l, {
 		open: !0,
 		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: ie.Danger,
-		onConfirm: L.confirm,
-		onClose: L.dismiss
+		variant: ae.Danger,
+		onConfirm: z.confirm,
+		onClose: z.dismiss
 	})] });
-}, st = /* @__PURE__ */ function(e) {
+}, ut = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), ct = /* @__PURE__ */ function(e) {
+}({}), dt = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), 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", {
+}({}), ft = { subtitleText: "_subtitleText_1i4x2_3" }, pt = ({ 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, lt.subtitleText),
+			className: v(o, ft.subtitleText),
 			children: e
 		}), /* @__PURE__ */ W("p", {
 			className: "break-all whitespace-normal",
@@ -867,18 +864,18 @@ var Ie = "1180px", Le = {
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, ft.subtitleText),
 			children: n
 		}), i ? i(r) : /* @__PURE__ */ W(p, {
 			content: r,
 			...a
 		})]
 	})]
-}), 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: [
+}), mt = { subtitleText: "_subtitleText_1i4x2_3" }, ht = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ G(Ie, { children: [
 	t && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, dt.subtitleText),
+			className: v(o, mt.subtitleText),
 			children: e.descriptionLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -888,7 +885,7 @@ var Ie = "1180px", Le = {
 	a && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, dt.subtitleText),
+			className: v(o, mt.subtitleText),
 			children: e.completedFieldLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -898,7 +895,7 @@ var Ie = "1180px", Le = {
 	n && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, dt.subtitleText),
+			className: v(o, mt.subtitleText),
 			children: e.modelLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -908,7 +905,7 @@ var Ie = "1180px", Le = {
 	r && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, dt.subtitleText),
+			className: v(o, mt.subtitleText),
 			children: e.repeatsLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
@@ -918,14 +915,14 @@ var Ie = "1180px", Le = {
 	i && /* @__PURE__ */ G("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ W("span", {
-			className: v(o, dt.subtitleText),
+			className: v(o, mt.subtitleText),
 			children: e.activeWindowLabel
 		}), /* @__PURE__ */ W("p", {
 			className: s,
 			children: i
 		})]
 	})
-] }), pt = /* @__PURE__ */ function(e) {
+] }), gt = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_6i141_1",
@@ -935,33 +932,33 @@ var Ie = "1180px", Le = {
 	currentRun: "_currentRun_6i141_17",
 	interactiveRow: "_interactiveRow_6i141_22",
 	unreadDot: "_unreadDot_6i141_33"
-}, mt = ({ status: e }) => {
+}, _t = ({ status: e }) => {
 	switch (e) {
-		case pt.Success: return /* @__PURE__ */ W(we, {
-			size: O.SM,
+		case gt.Success: return /* @__PURE__ */ W(we, {
+			size: D.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: O
 		});
-		case pt.Error: return /* @__PURE__ */ W(L, {
-			size: O.SM,
+		case gt.Error: return /* @__PURE__ */ W(Te, {
+			size: D.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: O
 		});
-		case pt.InProgress: return /* @__PURE__ */ W("span", {
+		case gt.InProgress: return /* @__PURE__ */ W("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ W(ve, { size: O.SM })
+			children: /* @__PURE__ */ W(ve, { size: D.SM })
 		});
-		case pt.Missed: return /* @__PURE__ */ W(I, {
-			size: O.SM,
+		case gt.Missed: return /* @__PURE__ */ W(Se, {
+			size: D.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: k
+			stroke: O
 		});
 		default: return null;
 	}
-}, 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 }) => {
+}, vt = ({ 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,
@@ -973,7 +970,7 @@ var Ie = "1180px", Le = {
 		"--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 === pt.Error && e.errorText ? e.errorText : void 0, i = [
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === gt.Error && e.errorText ? e.errorText : void 0, i = [
 			r,
 			e.isUnread ? g : void 0,
 			n ? c.currentRunLabel : void 0
@@ -996,16 +993,16 @@ var Ie = "1180px", Le = {
 			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(F, {
+				children: [r ? /* @__PURE__ */ W(R, {
 					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(mt, { status: e.status })
+						children: /* @__PURE__ */ W(_t, { status: e.status })
 					})
-				}) : /* @__PURE__ */ W(mt, { status: e.status }), /* @__PURE__ */ G("span", {
+				}) : /* @__PURE__ */ W(_t, { 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"),
@@ -1026,12 +1023,12 @@ var Ie = "1180px", Le = {
 	}, 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(N, {
-			variant: P.Rectangular,
+		children: [/* @__PURE__ */ W(I, {
+			variant: L.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ W(N, {
-			variant: P.Rectangular,
+		}), /* @__PURE__ */ W(I, {
+			variant: L.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
@@ -1049,10 +1046,10 @@ var Ie = "1180px", Le = {
 		style: y,
 		className: "flex flex-col items-start gap-3",
 		children: [/* @__PURE__ */ W("p", {
-			role: "alert",
+			role: "status",
 			className: v(h, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ W(j, {
+		}), /* @__PURE__ */ W(A, {
 			label: c.retryLabel,
 			onClick: a
 		})]
@@ -1064,7 +1061,7 @@ var Ie = "1180px", Le = {
 			description: c.emptyDescription,
 			live: !0
 		})
-	}) : /* @__PURE__ */ G("ul", {
+	}) : /* @__PURE__ */ G(Ie, { children: [/* @__PURE__ */ G("ul", {
 		style: {
 			...y,
 			"--strhl-row-min-height": u?.rowMinHeight
@@ -1077,47 +1074,52 @@ var Ie = "1180px", Le = {
 			i ? /* @__PURE__ */ G("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
 				children: [/* @__PURE__ */ W("p", {
-					role: "alert",
 					className: v(h, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ W(j, {
+				}), /* @__PURE__ */ W(A, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
-	});
-}, gt = {
+	}), /* @__PURE__ */ W(j, {
+		politeness: N.Assertive,
+		visuallyHidden: !0,
+		as: M.Span,
+		children: i ? c.errorLabel : ""
+	})] });
+}, yt = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, _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", {
+}, bt = ({ 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 === dt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", yt.historyCard) : "pt-2", S = t.historyLoadMoreErrorLabel ?? t.historyErrorLabel, ee = l ? /* @__PURE__ */ G("li", {
 		className: x,
-		children: [/* @__PURE__ */ W("p", {
-			role: "alert",
-			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ W(j, {
+		children: [/* @__PURE__ */ W("p", { children: S }), u && /* @__PURE__ */ W(A, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
 	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ W("li", {
 		className: x,
-		children: /* @__PURE__ */ W(j, {
+		children: /* @__PURE__ */ W(A, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, ee = n ? /* @__PURE__ */ W("p", {
-		className: v(m, gt.subtitleText),
+	}) : void 0, C = n ? /* @__PURE__ */ W("p", {
+		className: v(m, yt.subtitleText),
 		children: n
-	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ W("span", {
-		role: "status",
-		"aria-live": "polite",
-		className: "sr-only",
+	}) : void 0, te = /* @__PURE__ */ W(j, {
+		politeness: N.Assertive,
+		visuallyHidden: !0,
+		as: M.Span,
+		children: l ? S : ""
+	}), ne = t.historyLoadingMoreLabel ? /* @__PURE__ */ W(j, {
+		visuallyHidden: !0,
+		as: M.Span,
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, te = /* @__PURE__ */ W(ht, {
+	}) : void 0, w = /* @__PURE__ */ W(vt, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1134,7 +1136,7 @@ var Ie = "1180px", Le = {
 			runStatusLabels: t.runStatusLabels,
 			unreadIndicatorLabel: t.unreadIndicatorLabel
 		},
-		footer: S,
+		footer: ee,
 		styles: {
 			typography: {
 				runTimestampClassName: m,
@@ -1148,29 +1150,31 @@ var Ie = "1180px", Le = {
 		}
 	});
 	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", gt.historyCard, gt.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", yt.historyCard, yt.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", gt.historyCard),
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", yt.historyCard),
 			children: [
 				/* @__PURE__ */ W("h2", {
 					className: g,
 					children: t.historyTitle
 				}),
-				ee,
-				C
+				C,
+				ne,
+				te
 			]
 		}), /* @__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__ */ G("div", {
 		className: "flex flex-col gap-4",
 		children: [
-			ee,
 			C,
-			te
+			ne,
+			te,
+			w
 		]
 	});
 }, $ = {
@@ -1186,27 +1190,27 @@ var Ie = "1180px", Le = {
 	actionButton: "_actionButton_hdn5b_75",
 	roundActionButton: "_roundActionButton_hdn5b_82",
 	stickyTabs: "_stickyTabs_hdn5b_88"
-}, 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 = [
+}, xt = ({ 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: ie, renderInstructions: ae, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: k = !1, runsSkeletonCount: ce = 6, runsError: ue, onRunsRetry: de, runsLoadMoreError: fe, onRunsRetryLoadMore: N, runsHasMore: pe = !1, onRunsLoadMore: me, onRunClick: he, styles: ge, className: F, backIcon: _e, layout: I, historyStyles: L }) => {
+	let { colors: xe, typography: R } = ge ?? {}, Se = R?.titleClassName ?? "dial-h2-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", we = R?.fieldLabelClassName ?? "dial-tiny-text", Te = R?.fieldValueClassName ?? "dial-small-text", De = R?.runTimestampClassName ?? "dial-small-text", ke = _({
+		"--stdv-bg": xe?.background,
+		"--stdv-header-border": xe?.headerBorder,
+		"--stdv-details-border": xe?.detailsColumnBorder,
+		"--stdv-subtitle-text": xe?.subtitleText,
+		"--stdv-history-bg": xe?.historyCardBackground
+	}), je = x(), [B, V] = Fe(ut.Details), Me = H(), U = o && !i ? e.startNowBusyLabel : void 0, Ne = [
 		{
-			id: st.Details,
+			id: ut.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: st.Configuration,
+			id: ut.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: st.History,
+			id: ut.History,
 			label: e.historyTitle
 		}
-	], Pe = U.find((e) => e.id === z)?.label ?? e.detailsTitle, Fe = /* @__PURE__ */ W(ft, {
+	], Pe = Ne.find((e) => e.id === B)?.label ?? e.detailsTitle, Le = /* @__PURE__ */ W(ht, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1219,14 +1223,14 @@ var Ie = "1180px", Le = {
 		repeatsLabel: te,
 		activeWindowLabel: ne,
 		completedLabel: w,
-		fieldLabelClassName: L,
-		fieldValueClassName: R
-	}), Ie = /* @__PURE__ */ W(ut, {
+		fieldLabelClassName: we,
+		fieldValueClassName: Te
+	}), Re = /* @__PURE__ */ W(pt, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayNames: D,
+		skillDisplayNames: ie,
 		instructionsMarkdown: E,
-		renderInstructions: ie,
+		renderInstructions: ae,
 		markdownLabels: {
 			codeBlockCopyLabel: e.codeBlockCopyLabel,
 			codeBlockCopiedLabel: e.codeBlockCopiedLabel,
@@ -1234,8 +1238,8 @@ var Ie = "1180px", Le = {
 			tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
 			mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
 		},
-		fieldLabelClassName: L
-	}), Le = (t) => /* @__PURE__ */ W(_t, {
+		fieldLabelClassName: we
+	}), ze = (t) => /* @__PURE__ */ W(bt, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -1250,82 +1254,82 @@ var Ie = "1180px", Le = {
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
 		nextRunLabel: T,
-		items: ae,
-		isLoading: oe,
-		isLoadingMore: A,
-		skeletonCount: se,
-		error: le,
-		onRetry: ue,
-		loadMoreError: de,
-		onRetryLoadMore: fe,
-		hasMore: me,
-		onLoadMore: he,
-		onRunClick: M,
+		items: oe,
+		isLoading: se,
+		isLoadingMore: k,
+		skeletonCount: ce,
+		error: ue,
+		onRetry: de,
+		loadMoreError: fe,
+		onRetryLoadMore: N,
+		hasMore: pe,
+		onLoadMore: me,
+		onRunClick: he,
 		runTimestampClassName: De,
-		sectionTitleClassName: we,
-		colors: F,
-		styles: xe
+		sectionTitleClassName: z,
+		colors: xe,
+		styles: L
 	});
 	return /* @__PURE__ */ G("div", {
 		style: ke,
-		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, _e),
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, F),
 		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(ce, {
-							icon: N === void 0 ? /* @__PURE__ */ W(Se, {
-								size: O.LG,
+						/* @__PURE__ */ W(le, {
+							icon: _e === void 0 ? /* @__PURE__ */ W(Ce, {
+								size: D.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: k
-							}) : N,
+								stroke: O
+							}) : _e,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
 						/* @__PURE__ */ W("h1", {
-							className: v("truncate", $.desktopTitle, Ce),
+							className: v("truncate", $.desktopTitle, Se),
 							children: g
 						}),
 						l && /* @__PURE__ */ W("span", {
-							className: v("shrink-0", $.desktopBadge, R, $.subtitleText),
+							className: v("shrink-0", $.desktopBadge, Te, $.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(Ne, { children: [/* @__PURE__ */ W(ye, {
+						!l && !u && d !== void 0 && /* @__PURE__ */ G(Ie, { 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(R, $.subtitleText),
+							className: v(Te, $.subtitleText),
 							children: m
 						})] }),
-						!l && s && /* @__PURE__ */ W(j, {
+						!l && s && /* @__PURE__ */ W(A, {
 							variant: re.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ W(Oe, {
-								size: O.SM,
+							iconBefore: /* @__PURE__ */ W(Ae, {
+								size: D.SM,
 								"aria-hidden": !0,
-								stroke: k
+								stroke: O
 							}),
 							onClick: s,
 							disabled: c,
 							textClassName: $.actionLabel,
 							className: v("min-h-11 shrink-0", $.actionButton)
 						}),
-						!l && n && /* @__PURE__ */ W(pe, {
+						!l && n && /* @__PURE__ */ W(P, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ W(Te, {
-								size: O.SM,
+							iconBefore: /* @__PURE__ */ W(Ee, {
+								size: D.SM,
 								"aria-hidden": !0,
-								stroke: k
+								stroke: O
 							}),
 							onClick: n,
 							disabled: c,
@@ -1334,21 +1338,21 @@ var Ie = "1180px", Le = {
 						}),
 						!l && r && e.startNowButtonLabel && /* @__PURE__ */ G("div", {
 							"aria-busy": i,
-							children: [H && /* @__PURE__ */ W("span", {
-								id: V,
+							children: [U && /* @__PURE__ */ W("span", {
+								id: Me,
 								className: "sr-only",
-								children: H
-							}), /* @__PURE__ */ W(pe, {
+								children: U
+							}), /* @__PURE__ */ W(P, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ W(Ee, {
-									size: O.SM,
+								iconBefore: /* @__PURE__ */ W(Oe, {
+									size: D.SM,
 									"aria-hidden": !0,
-									stroke: k
+									stroke: O
 								}),
 								onClick: r,
 								disabled: c || i || a || o,
-								"aria-describedby": H ? V : void 0,
-								tooltipProps: H ? { tooltip: H } : void 0,
+								"aria-describedby": U ? Me : void 0,
+								tooltipProps: U ? { tooltip: U } : void 0,
 								textClassName: $.actionLabel,
 								className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
 							})]
@@ -1359,23 +1363,21 @@ var Ie = "1180px", Le = {
 			/* @__PURE__ */ G("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ W("h1", {
-					className: v("truncate", Ce),
+					className: v("truncate", Se),
 					children: g
 				}), l && /* @__PURE__ */ W("span", {
-					className: v("shrink-0", R, $.subtitleText),
+					className: v("shrink-0", Te, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
-			e.activeStatusAnnouncement != null && /* @__PURE__ */ W("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
+			e.activeStatusAnnouncement != null && /* @__PURE__ */ W(j, {
+				visuallyHidden: !0,
+				as: M.Span,
 				children: e.activeStatusAnnouncement
 			}),
-			e.startStatusAnnouncement != null && /* @__PURE__ */ W("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
+			e.startStatusAnnouncement != null && /* @__PURE__ */ W(j, {
+				visuallyHidden: !0,
+				as: M.Span,
 				children: e.startStatusAnnouncement
 			}),
 			y && /* @__PURE__ */ W("div", {
@@ -1385,37 +1387,37 @@ var Ie = "1180px", Le = {
 			!y && b && /* @__PURE__ */ G("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
 				children: [/* @__PURE__ */ W("p", {
-					className: v(R, $.subtitleText),
+					className: v(Te, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ W(j, {
+				}), /* @__PURE__ */ W(A, {
 					label: e.retryLabel,
 					onClick: S
 				})]
 			}),
-			!y && !b && (Ae ? /* @__PURE__ */ G("div", {
+			!y && !b && (je ? /* @__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(be, {
 						ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 						className: "px-4",
-						tabs: U,
-						activeTabId: z,
-						onTabChange: je
+						tabs: Ne,
+						activeTabId: B,
+						onTabChange: V
 					})
 				}), /* @__PURE__ */ W("div", {
 					role: "tabpanel",
 					"aria-label": Pe,
 					className: "flex flex-1 flex-col gap-5 px-4 py-6",
-					children: z === st.Configuration ? Ie : z === st.History ? Le(ct.Flow) : Fe
+					children: B === ut.Configuration ? Re : B === ut.History ? ze(dt.Flow) : Le
 				})]
 			}) : /* @__PURE__ */ G("div", {
 				style: {
 					flexDirection: "row",
-					"--st-details-width": P?.detailsWidth,
-					"--st-history-width": P?.historyWidth,
-					"--st-history-max-height": P?.historyMaxHeight,
-					"--st-configuration-min-width": P?.configurationMinWidth
+					"--st-details-width": I?.detailsWidth,
+					"--st-history-width": I?.historyWidth,
+					"--st-history-max-height": I?.historyMaxHeight,
+					"--st-configuration-min-width": I?.configurationMinWidth
 				},
 				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
@@ -1423,39 +1425,39 @@ var Ie = "1180px", Le = {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${P?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${I?.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: we,
+							className: z,
 							children: e.detailsTitle
-						}), Fe]
+						}), Le]
 					}),
 					/* @__PURE__ */ G("div", {
 						style: {
-							flex: `1 1 ${P?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${I?.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: we,
+							className: z,
 							children: e.configurationTitle
-						}), Ie]
+						}), Re]
 					}),
 					/* @__PURE__ */ W("div", {
 						style: {
-							flex: `0 1 calc(${P?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${I?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
-						children: Le(ct.Card)
+						children: ze(dt.Card)
 					})
 				]
 			}))
 		]
 	});
-}, yt = {
+}, St = {
 	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]",
@@ -1470,7 +1472,7 @@ var Ie = "1180px", Le = {
 	link: "break-words [overflow-wrap:anywhere]",
 	tableWrapper: "my-4",
 	mathBlock: "my-4"
-}, bt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = yt, markdownLabels: c, styles: l }) => {
+}, Ct = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = St, 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",
@@ -1511,17 +1513,17 @@ var Ie = "1180px", Le = {
 			})
 		]
 	});
-}, xt = ({ className: e, children: t }) => /* @__PURE__ */ W("span", {
+}, wt = ({ className: e, children: t }) => /* @__PURE__ */ W("span", {
 	className: v(e, "block truncate py-1"),
 	children: t
-}), 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(() => {
+}), Tt = ({ 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, _] = Fe(!0);
+	Me(() => {
 		_(!0);
 	}, [e]);
 	let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ W("li", {
 		className: "pt-2",
-		children: /* @__PURE__ */ W(j, {
+		children: /* @__PURE__ */ W(A, {
 			variant: re.Primary,
 			label: f.showMoreLabel,
 			onClick: l,
@@ -1529,7 +1531,7 @@ var Ie = "1180px", Le = {
 		})
 	}) : void 0;
 	return /* @__PURE__ */ W(C, {
-		title: /* @__PURE__ */ W(xt, {
+		title: /* @__PURE__ */ W(wt, {
 			className: p,
 			children: f.title
 		}),
@@ -1537,10 +1539,10 @@ var Ie = "1180px", Le = {
 		onToggle: _,
 		contentClassName: m,
 		children: s ? /* @__PURE__ */ W("p", {
-			role: "alert",
+			role: "status",
 			className: h,
 			children: f.unavailableLabel
-		}) : /* @__PURE__ */ W(ht, {
+		}) : /* @__PURE__ */ W(vt, {
 			items: t,
 			isLoading: n,
 			isLoadingMore: r,
@@ -1561,24 +1563,24 @@ var Ie = "1180px", Le = {
 			}
 		})
 	});
-}, Ct = /* @__PURE__ */ function(e) {
+}, Et = /* @__PURE__ */ function(e) {
 	return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
-}({}), 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(() => {
+}({}), Dt = ({ 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] = Fe(!1);
+	Me(() => {
 		m(!1);
 	}, [e]);
 	let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ G("div", {
 		className: "flex flex-col items-start gap-2",
 		children: [/* @__PURE__ */ W("p", {
-			role: "alert",
+			role: "status",
 			className: f,
 			children: u.unavailableLabel
-		}), t === "error" && n && /* @__PURE__ */ W(j, {
+		}), t === "error" && n && /* @__PURE__ */ W(A, {
 			label: u.retryLabel,
 			onClick: n
 		})]
-	}) : /* @__PURE__ */ W(bt, {
+	}) : /* @__PURE__ */ W(Ct, {
 		modelLabel: u.modelLabel,
 		instructionsLabel: u.instructionsLabel,
 		skillLabel: u.skillLabel,
@@ -1591,7 +1593,7 @@ var Ie = "1180px", Le = {
 		styles: l
 	});
 	return /* @__PURE__ */ W(C, {
-		title: /* @__PURE__ */ W(xt, {
+		title: /* @__PURE__ */ W(wt, {
 			className: d,
 			children: u.title
 		}),
@@ -1599,9 +1601,9 @@ var Ie = "1180px", Le = {
 		onToggle: m,
 		children: h
 	});
-}, Tt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
+}, Ot = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
 	...s,
-	variant: ie.Danger,
+	variant: ae.Danger,
 	popupClassName: o?.popupClassName,
 	titleClassName: o?.titleClassName ?? "dial-body-semi-text",
 	messageClassName: o?.messageClassName ?? "dial-body-paragraph-text",
@@ -1624,4 +1626,4 @@ var Ie = "1180px", Le = {
 	})
 });
 //#endregion
-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 };
+export { c as DESCRIPTION_MAX_LENGTH, Be as SCHEDULED_TASKS_CLASS, ze as SCHEDULED_TASKS_GRID_DEFAULT_MAX_WIDTH, We as ScheduledTaskCard, Ye as ScheduledTaskCardGrid, Je as ScheduledTaskCardSkeleton, Dt as ScheduledTaskConversationDetailsSection, Et as ScheduledTaskConversationDetailsState, Tt as ScheduledTaskConversationHistorySection, lt as ScheduledTaskCreateForm, Ot as ScheduledTaskDeleteConfirmation, xt as ScheduledTaskDetailView, Ct as ScheduledTaskDetailsSummary, bt as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, vt as ScheduledTaskRunHistoryList, gt as ScheduledTaskRunStatus, K as ScheduledTaskStatus, Qe as ScheduledTasks, $e as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Ve as getScheduledTaskStatus, nt as hasScheduledTaskFormChanges };