@epam/ai-dial-scheduled-tasks 1.3.0-dev.159 → 1.3.0-dev.160

package/index.js

@@ -1,25 +1,25 @@
 import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, t as s, u as c } from "./calendar-value-CjtsOQpy.js";
 import { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
-import { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, ErrorText as j, FolderPath as M, GhostButton as N, GhostIconButton as re, Highlight as ie, Input as ae, Label as oe, MenuItemMark as P, NeutralButton as F, NumberInput as se, PrimaryButton as ce, Search as le, Select as ue, Skeleton as I, SkeletonVariant as L, Spinner as de, Switch as fe, Tabs as pe, Textarea as me, Tooltip as he } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as ge, IconArrowNarrowLeft as _e, IconArrowsSort as R, IconCheck as ve, IconCircleX as z, IconClipboardX as B, IconClockHour3 as ye, IconPencilMinus as V, IconPlayerPause as H, IconPlayerPlay as be, IconPlus as xe, IconTrashX as Se } from "@tabler/icons-react";
-import { Suspense as Ce, lazy as we, useCallback as Te, useEffect as Ee, useId as De, useLayoutEffect as U, useMemo as Oe, useRef as W, useState as ke } from "react";
-import { Fragment as Ae, jsx as G, jsxs as K } from "react/jsx-runtime";
-import { BuilderFormContainer as je } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as Me } from "@epam/ai-dial-ui-kit/editors";
+import { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, ErrorText as j, FolderPath as re, GhostButton as M, GhostIconButton as ie, Highlight as ae, Input as oe, Label as se, MenuItemMark as N, NeutralButton as P, NoDataContent as F, NumberInput as ce, PrimaryButton as le, Search as ue, Select as de, Skeleton as I, SkeletonVariant as L, Spinner as fe, Switch as R, Tabs as pe, Textarea as me, Tooltip as he } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as z, IconArrowNarrowLeft as ge, IconArrowsSort as _e, IconCheck as B, IconCircleX as V, IconPencilMinus as ve, IconPlayerPause as H, IconPlayerPlay as ye, IconPlus as be, IconTrashX as xe } from "@tabler/icons-react";
+import { Suspense as Se, lazy as U, useCallback as Ce, useEffect as we, useId as Te, useLayoutEffect as Ee, useMemo as W, useRef as De, useState as Oe } from "react";
+import { Fragment as ke, jsx as G, jsxs as K } from "react/jsx-runtime";
+import { BuilderFormContainer as Ae } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as je } from "@epam/ai-dial-ui-kit/editors";
 //#region src/constants/public-class-names.ts
-var Ne = {
+var Me = {
 	card: "dial-scheduled-tasks-card",
 	cardGrid: "dial-scheduled-tasks-card-grid",
 	refineFeedback: "dial-scheduled-tasks-refine-feedback"
 }, q = /* @__PURE__ */ function(e) {
 	return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
-}({}), Pe = /* @__PURE__ */ function(e) {
+}({}), Ne = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), Fe = (e) => {
+}({}), Pe = (e) => {
 	switch (e.presentationStatus) {
-		case Pe.Active: return q.Scheduled;
-		case Pe.Paused: return q.Paused;
-		case Pe.Completed: return q.Completed;
+		case Ne.Active: return q.Scheduled;
+		case Ne.Paused: return q.Paused;
+		case Ne.Completed: return q.Completed;
 	}
 	return e.isCompleted ? q.Completed : e.isActive === !1 ? q.Paused : q.Scheduled;
 }, J = {
@@ -29,7 +29,7 @@ var Ne = {
 	pausedLabel: "_pausedLabel_1cwco_15",
 	completedPill: "_completedPill_1cwco_19",
 	completedLabel: "_completedLabel_1cwco_24"
-}, Ie = {
+}, Fe = {
 	[q.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
 		wrapperClassName: J.schedulePill,
@@ -49,14 +49,14 @@ var Ne = {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
 		wrapperClassName: J.completedPill,
 		labelClassName: J.completedLabel,
-		renderIcon: () => /* @__PURE__ */ G(ve, {
+		renderIcon: () => /* @__PURE__ */ G(B, {
 			size: k.SM,
 			"aria-hidden": !0,
 			stroke: A
 		})
 	}
-}, Le = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
-	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Ie[e];
+}, Ie = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
+	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Fe[e];
 	return /* @__PURE__ */ K("span", {
 		className: v(i, n, a, o, r),
 		children: [s && s(), t]
@@ -69,8 +69,8 @@ var Ne = {
 	newBadge: "_newBadge_hmbo0_18",
 	locationDivider: "_locationDivider_hmbo0_23",
 	card: "_card_hmbo0_34"
-}, Re = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
-	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Fe(e), { text: w, textClassName: T } = {
+}, Le = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
+	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Pe(e), { text: w, textClassName: T } = {
 		[q.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: h
@@ -111,12 +111,12 @@ var Ne = {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
 		style: E,
-		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Ne.card),
+		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Me.card),
 		...D,
 		children: [
 			/* @__PURE__ */ K("div", {
 				className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
-				children: [/* @__PURE__ */ G(ie, {
+				children: [/* @__PURE__ */ G(ae, {
 					text: e.displayName,
 					query: t,
 					maxLines: o ? 2 : 1,
@@ -134,12 +134,12 @@ var Ne = {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
 				children: [/* @__PURE__ */ G("div", {
 					className: "flex min-h-[28px] items-center",
-					children: /* @__PURE__ */ G(Le, {
+					children: /* @__PURE__ */ G(Ie, {
 						status: C,
 						text: w,
 						textClassName: T
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ G(M, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ G(re, {
 					segments: e.locationSegments,
 					labelClassName: v(x, Y.locationLabel),
 					leafClassName: v(ee, Y.locationLeaf),
@@ -148,43 +148,43 @@ var Ne = {
 			})
 		]
 	});
-}, ze = { card: "_card_18ivt_1" }, Be = [
+}, Re = { card: "_card_18ivt_1" }, ze = [
 	"100%",
 	"100%",
 	"61%"
-], Ve = "var(--stcs-skeleton-bg)", He = ({ styles: e }) => {
+], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => {
 	let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
 	return /* @__PURE__ */ K(O, {
 		"aria-hidden": !0,
 		style: t,
-		className: v("h-[var(--st-card-height,232px)]", ze.card),
+		className: v("h-[var(--st-card-height,232px)]", Re.card),
 		children: [
 			/* @__PURE__ */ G(I, {
 				variant: L.Rectangular,
 				width: "60%",
 				height: "20px",
-				color: Ve,
+				color: Be,
 				className: "shrink-0"
 			}),
 			/* @__PURE__ */ G("div", {
 				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-				children: Be.map((e, t) => /* @__PURE__ */ G(I, {
+				children: ze.map((e, t) => /* @__PURE__ */ G(I, {
 					variant: L.Rectangular,
 					width: e,
 					height: "16px",
-					color: Ve
+					color: Be
 				}, t))
 			}),
 			/* @__PURE__ */ G(I, {
 				variant: L.Rectangular,
 				width: "110px",
 				height: "28px",
-				color: Ve,
+				color: Be,
 				className: "shrink-0 rounded-lg"
 			})
 		]
 	});
-}, Ue = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ K("div", {
+}, He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ K("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -194,14 +194,14 @@ var Ne = {
 		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", Ne.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ G(Re, {
+	className: v("mx-auto grid w-full min-w-0", Me.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ G(Le, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ G(He, { styles: o }, `skeleton-${t}`))]
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ G(Ve, { styles: o }, `skeleton-${t}`))]
 }), X = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
@@ -209,47 +209,43 @@ var Ne = {
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, We = /* @__PURE__ */ G(ye, {
-	size: 48,
-	stroke: 1,
-	"aria-hidden": !0
-}), Ge = (e, t, n, r, i, a) => {
+}, Ue = (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) => {
+}, We = (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: E, onRetryLoadMore: D }) => {
-	let { colors: O, typography: te } = y ?? {}, j = te?.titleClassName ?? "dial-h1-text", M = te?.subtitleClassName ?? "dial-body-text", re = _({
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : We(e.parentElement);
+}, Ge = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: E, onRetryLoadMore: D }) => {
+	let { colors: O, typography: te } = y ?? {}, j = te?.titleClassName ?? "dial-h1-text", re = te?.subtitleClassName ?? "dial-body-text", ie = _({
 		"--st-bg": O?.background,
 		"--st-subtitle-text": O?.subtitleText,
 		"--st-sort-text": O?.sortButtonText
-	}), ie = (e) => {
+	}), ae = (e) => {
 		r(e ?? "");
-	}, [ae, oe] = ke(!1), [F, se] = ke(!1), ue = W(null), I = Te(() => {
-		se(!0);
-	}, []), L = Te(() => {
-		se(!1);
+	}, [oe, se] = Oe(!1), [P, F] = Oe(!1), ce = De(null), de = Ce(() => {
+		F(!0);
+	}, []), I = Ce(() => {
+		F(!1);
 	}, []);
-	U(() => {
-		let e = ue.current;
-		F && ae && e != null && e.offsetParent == null && oe(!1);
-	}, [F, ae]);
-	let fe = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, pe = Oe(() => e.sortOptions.map((e) => ({
+	Ee(() => {
+		let e = ce.current;
+		P && oe && e != null && e.offsetParent == null && se(!1);
+	}, [P, oe]);
+	let L = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, R = W(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: P.Check,
+		mark: N.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), me = Ge(s, d, !!c, o.length, n.trim().length > 0, e), he = W(null);
-	Ee(() => {
-		let e = he.current;
+	]), pe = Ue(s, d, !!c, o.length, n.trim().length > 0, e), me = De(null);
+	we(() => {
+		let e = me.current;
 		if (!e || !p) return;
-		let t = Ke(e.parentElement);
+		let t = We(e.parentElement);
 		if (!t) return;
 		let n = () => {
 			if (d || s || E || !u) return;
@@ -264,25 +260,25 @@ var Ne = {
 		E,
 		p
 	]);
-	let ge = () => s ? /* @__PURE__ */ G(de, {}) : c ? /* @__PURE__ */ K("div", {
+	let he = () => s ? /* @__PURE__ */ G(fe, {}) : c ? /* @__PURE__ */ K("div", {
 		className: "flex flex-col items-center gap-3",
 		children: [/* @__PURE__ */ G("p", {
-			className: v(M, X.subtitle),
+			className: v(re, X.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ G(N, {
+		}), /* @__PURE__ */ G(M, {
 			label: e.retryLabel,
 			onClick: l
 		})]
-	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ G("p", {
-		className: v(M, X.subtitle),
-		children: e.noResultsLabel
+	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ G(m, {
+		label: e.noResultsLabel,
+		description: e.noResultsDescription
 	}) : /* @__PURE__ */ G(m, {
 		label: e.emptyStateLabel,
-		icon: We
+		description: e.emptyStateDescription
 	}) : /* @__PURE__ */ K("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ G(Ue, {
+			/* @__PURE__ */ G(He, {
 				items: o,
 				searchQuery: n,
 				onCardClick: h,
@@ -296,22 +292,22 @@ var Ne = {
 				role: "alert",
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ G("span", {
-					className: v(M, X.subtitle),
+					className: v(re, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
-				}), /* @__PURE__ */ G(N, {
+				}), /* @__PURE__ */ G(M, {
 					label: e.retryLabel,
 					onClick: D
 				})]
 			}),
 			/* @__PURE__ */ G("div", {
-				ref: he,
+				ref: me,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), _e = s || !!c || o.length === 0;
+	}), z = s || !!c || o.length === 0;
 	return /* @__PURE__ */ K("div", {
-		style: re,
+		style: ie,
 		className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", X.container, x),
 		children: [
 			/* @__PURE__ */ K("div", {
@@ -322,14 +318,14 @@ var Ne = {
 						className: v("truncate", j),
 						children: e.title
 					}), /* @__PURE__ */ G("p", {
-						className: v("mt-1", M, X.subtitle),
+						className: v("mt-1", re, X.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ G(ce, {
+				}), /* @__PURE__ */ G(le, {
 					label: e.createButtonLabel,
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ G(xe, {
+					iconBefore: /* @__PURE__ */ G(be, {
 						size: k.SM,
 						"aria-hidden": !0,
 						stroke: A
@@ -343,25 +339,25 @@ var Ne = {
 				children: [/* @__PURE__ */ G("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ G(le, {
+					children: /* @__PURE__ */ G(ue, {
 						value: n,
-						onChange: ie,
+						onChange: ae,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
 						size: ne.Large,
-						onFocus: I,
-						onBlur: L
+						onFocus: de,
+						onBlur: I
 					})
 				}), e.sortOptions.length > 0 && /* @__PURE__ */ G("div", {
-					ref: ue,
-					className: v(F && X.sortControlHidden),
+					ref: ce,
+					className: v(P && X.sortControlHidden),
 					children: /* @__PURE__ */ G(w, {
-						items: pe,
-						label: fe,
+						items: R,
+						label: L,
 						variant: T.Primary,
 						appearance: C.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ G(R, {
+						iconBefore: b === void 0 ? /* @__PURE__ */ G(_e, {
 							size: k.SM,
 							"aria-hidden": !0,
 							stroke: A
@@ -375,23 +371,23 @@ var Ne = {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: me
+				children: pe
 			}),
 			/* @__PURE__ */ G("div", {
-				className: v("mx-auto flex size-full w-full min-w-0 flex-col", _e && "items-center justify-center"),
-				children: ge()
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", z && "items-center justify-center"),
+				children: he()
 			})
 		]
 	});
-}, Je = /* @__PURE__ */ function(e) {
+}, Ke = /* @__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) => {
+}({}), qe = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Je = (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) => t === r.Hourly == (n === r.Hourly) ? e : void 0, Qe = (e, t) => {
-	let n = De();
-	return U(() => {
+}, Ye = (e, t, n) => t === r.Hourly == (n === r.Hourly) ? e : void 0, Xe = (e, t) => {
+	let n = Te();
+	return Ee(() => {
 		let r = document.getElementById(e);
 		r && (t ? r.setAttribute("aria-describedby", n) : r.removeAttribute("aria-describedby"));
 	}, [
@@ -399,8 +395,8 @@ var Ne = {
 		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 === D.DateTime ? n(e) : i(e)), m = Qe(t, u);
+}, Ze = { error: "_error_v2pfn_4" }, Qe = ({ id: t, mode: r, label: a, placeholder: o, value: s, onChange: c, minDate: l, error: u, errorClassName: d, disabled: f }) => {
+	let p = (e) => c(r === D.DateTime ? n(e) : i(e)), m = Xe(t, u);
 	return /* @__PURE__ */ K("div", {
 		className: "flex flex-1 flex-col gap-1",
 		children: [/* @__PURE__ */ G(E, {
@@ -416,12 +412,12 @@ var Ne = {
 		}), u && /* @__PURE__ */ G(j, {
 			id: m,
 			role: "alert",
-			className: v(d, $e.error),
+			className: v(d, Ze.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 = W(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Qe("scheduled-task-run-at", s);
+}, $e = { error: "_error_v2pfn_4" }, et = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-tiny-text" }) => {
+	let l = De(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Xe("scheduled-task-run-at", s);
 	return /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ G(E, {
@@ -440,7 +436,7 @@ var Ne = {
 		}), s && /* @__PURE__ */ G(j, {
 			id: d,
 			role: "alert",
-			className: v(c, tt.error),
+			className: v(c, $e.error),
 			text: s
 		})]
 	});
@@ -451,58 +447,58 @@ var Ne = {
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, rt = we(async () => ({ default: (await Me()).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: C = !1, onRefineDescription: w, onRefineInstructions: T, markdownEditorTheme: O, backIcon: ne, className: M, styles: N }) => {
-	let re = De(), ie = De(), P = W(void 0), F = (e) => e ? async (t, n) => {
-		if (P.current && !P.current.aborted) throw new DOMException("Busy", "AbortError");
-		P.current = n;
+}, tt = U(async () => ({ default: (await je()).MarkdownEditor })), nt = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: b, onSubmit: S, isSubmitting: C = !1, onRefineDescription: w, onRefineInstructions: T, markdownEditorTheme: O, backIcon: ne, className: re, styles: M }) => {
+	let ie = Te(), ae = Te(), N = De(void 0), P = (e) => e ? async (t, n) => {
+		if (N.current && !N.current.aborted) throw new DOMException("Busy", "AbortError");
+		N.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			P.current === n && (P.current = void 0);
+			N.current === n && (N.current = void 0);
 		}
-	} : void 0, ce = x({
+	} : void 0, F = x({
 		value: t.description ?? "",
 		onChange: (e) => m("description", e),
-		onRefine: F(w),
+		onRefine: P(w),
 		disabled: C
 	}), le = x({
 		value: t.prompt,
 		onChange: (e) => m("prompt", e),
-		onRefine: F(T),
+		onRefine: P(T),
 		disabled: C
-	}), I = ce.isPending || le.isPending, L = () => {
-		ce.reset(), le.reset();
-	}, fe = !!(n && Xe(t, n)), pe = ee(fe), he = () => pe.guard(() => {
-		L(), h();
-	}), ge = () => pe.guard(() => {
-		L(), b();
-	}), R = y(), ve = !t.skillUrls?.length, [z, B] = ke(), ye = W(/* @__PURE__ */ new Date()).current, { colors: V, typography: H, layout: be } = N ?? {}, xe = H?.titleClassName ?? "dial-h1-text", Se = H?.sectionTitleClassName ?? "dial-body-semi-text", we = H?.sectionSubtitleClassName ?? "dial-tiny-text", Te = H?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = H?.instructionsErrorClassName ?? "dial-tiny-text", Oe = _({
-		"--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
-	}), Me = {
-		feedbackClassName: v(V?.refineActionText && Z.refineFeedback, H?.refineFeedbackClassName, Ne.refineFeedback),
+	}), ue = F.isPending || le.isPending, I = () => {
+		F.reset(), le.reset();
+	}, L = !!(n && Je(t, n)), R = ee(L), pe = () => R.guard(() => {
+		I(), h();
+	}), he = () => R.guard(() => {
+		I(), b();
+	}), z = y(), _e = !t.skillUrls?.length, [B, V] = Oe(), ve = De(/* @__PURE__ */ new Date()).current, { colors: H, typography: ye, layout: be } = M ?? {}, xe = ye?.titleClassName ?? "dial-h1-text", U = ye?.sectionTitleClassName ?? "dial-body-semi-text", Ce = ye?.sectionSubtitleClassName ?? "dial-tiny-text", Ee = ye?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", W = ye?.instructionsErrorClassName ?? "dial-tiny-text", je = _({
+		"--stcf-details-border": H?.detailsColumnBorder,
+		"--stcf-subtitle-text": H?.sectionSubtitleText,
+		"--stcf-error-text": H?.instructionsErrorText,
+		"--stcf-refine-action-text": H?.refineActionText,
+		"--stcf-refine-error-text": H?.refineErrorText
+	}), q = {
+		feedbackClassName: v(H?.refineActionText && Z.refineFeedback, ye?.refineFeedbackClassName, Me.refineFeedback),
 		errorClassName: Z.refineError
-	}, q = (t) => {
+	}, Ne = (t) => {
 		let n = s.test(t.target.value) ? void 0 : e.timeInvalidLabel;
-		B(n), m("time", t.target.value);
+		V(n), m("time", t.target.value);
 	}, Pe = (e) => {
-		B(void 0), m("time", typeof e == "string" ? e : "");
-	}, Fe = (e) => {
+		V(void 0), m("time", typeof e == "string" ? e : "");
+	}, J = (e) => {
 		let n = e;
 		m("repeat", n);
-		let r = Ze(t.startDate, t.repeat, n);
+		let r = Ye(t.startDate, t.repeat, n);
 		r !== t.startDate && m("startDate", r ?? "");
-		let i = Ze(t.endDate, t.repeat, n);
+		let i = Ye(t.endDate, t.repeat, n);
 		i !== t.endDate && m("endDate", i ?? "");
-	}, J = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Ie = t.repeat === r.Hourly, Le = Ie ? D.DateTime : D.Date, Y = Ie ? e.startDateAndTimeLabel : e.startDateLabel, Re = Ie ? e.endDateAndTimeLabel : e.endDateLabel;
-	Ee(() => {
-		J || B(void 0);
-	}, [J]);
-	let ze = J ? z ?? i.time : void 0, Be = (e) => m("runAt", e), Ve = C || I || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || J && !t.time || !!ze;
-	return /* @__PURE__ */ K(Ae, { children: [/* @__PURE__ */ G(je, {
+	}, Fe = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Ie = t.repeat === r.Hourly, Y = Ie ? D.DateTime : D.Date, Le = Ie ? e.startDateAndTimeLabel : e.startDateLabel, Re = Ie ? e.endDateAndTimeLabel : e.endDateLabel;
+	we(() => {
+		Fe || V(void 0);
+	}, [Fe]);
+	let ze = Fe ? B ?? i.time : void 0, Be = (e) => m("runAt", e), Ve = C || ue || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || Fe && !t.time || !!ze;
+	return /* @__PURE__ */ K(ke, { children: [/* @__PURE__ */ G(Ae, {
 		labels: {
 			title: e.pageTitle,
 			backButtonLabel: e.backButtonLabel,
@@ -510,15 +506,15 @@ var Ne = {
 			submitButtonLabel: e.createButtonLabel,
 			submittingLabel: e.submittingLabel ?? "Saving"
 		},
-		onBack: he,
-		onCancel: ge,
+		onBack: pe,
+		onCancel: he,
 		onSubmit: () => {
-			!Ve && (!P.current || P.current.aborted) && S();
+			!Ve && (!N.current || N.current.aborted) && S();
 		},
 		isCancelDisabled: C,
 		isSubmitDisabled: Ve,
 		isSubmitting: C,
-		backIcon: ne === void 0 ? /* @__PURE__ */ G(_e, {
+		backIcon: ne === void 0 ? /* @__PURE__ */ G(ge, {
 			size: k.LG,
 			stroke: A,
 			"aria-hidden": !0,
@@ -529,14 +525,14 @@ var Ne = {
 			columnGap: be?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: M,
+		className: re,
 		styles: {
-			colors: { background: V?.background },
+			colors: { background: H?.background },
 			header: {
-				colors: { borderColor: V?.headerBorder },
+				colors: { borderColor: H?.headerBorder },
 				typography: { fontClassName: xe }
 			},
-			cssVars: Oe
+			cssVars: je
 		},
 		left: /* @__PURE__ */ K("div", {
 			role: "group",
@@ -546,14 +542,14 @@ var Ne = {
 				/* @__PURE__ */ K("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ G("h2", {
-						className: Se,
+						className: U,
 						children: e.detailsSectionTitle
 					}), /* @__PURE__ */ G("p", {
-						className: v(we, Z.sectionSubtitle),
+						className: v(Ce, Z.sectionSubtitle),
 						children: e.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ G(ae, {
+				/* @__PURE__ */ G(oe, {
 					id: "scheduled-task-display-name",
 					value: t.displayName,
 					onChange: (e) => m("displayName", e ?? ""),
@@ -566,18 +562,18 @@ var Ne = {
 				}),
 				/* @__PURE__ */ G(g, {
 					isEnabled: !!w,
-					fieldId: re,
+					fieldId: ie,
 					label: e.descriptionLabel,
 					labels: e,
-					refinement: ce,
-					disabled: C || I,
+					refinement: F,
+					disabled: C || ue,
 					caption: `${(t.description ?? "").length}/500`,
-					...Me,
+					...q,
 					children: /* @__PURE__ */ G(me, {
-						id: re,
+						id: ie,
 						value: t.description ?? "",
 						onChange: (e) => {
-							ce.reset(), m("description", e);
+							F.reset(), m("description", e);
 						},
 						labelProps: w ? void 0 : { label: e.descriptionLabel },
 						maxLength: 500,
@@ -588,14 +584,14 @@ var Ne = {
 				/* @__PURE__ */ K("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ G(oe, {
+						/* @__PURE__ */ G(se, {
 							id: u,
 							label: e.modelOrAgentLabel,
 							required: !0
 						}),
 						c,
 						i.modelId && /* @__PURE__ */ G(j, {
-							className: v(U, Z.instructionsError),
+							className: v(W, Z.instructionsError),
 							text: i.modelId
 						})
 					]
@@ -603,25 +599,25 @@ var Ne = {
 				/* @__PURE__ */ K("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ G(ue, {
+						/* @__PURE__ */ G(de, {
 							labelProps: { label: e.repeatLabel },
 							value: t.repeat,
-							onChange: Fe,
+							onChange: J,
 							options: e.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						t.repeat === r.OneTime && /* @__PURE__ */ G(nt, {
+						t.repeat === r.OneTime && /* @__PURE__ */ G(et, {
 							label: e.runAtLabel,
 							placeholder: e.runAtPlaceholder,
 							value: t.runAt ?? "",
 							onChange: Be,
 							error: i.runAt,
-							errorClassName: U,
+							errorClassName: W,
 							disabled: C
 						}),
-						t.repeat !== r.OneTime && /* @__PURE__ */ K(Ae, { children: [
+						t.repeat !== r.OneTime && /* @__PURE__ */ K(ke, { children: [
 							t.repeat === r.Weekly && /* @__PURE__ */ K("div", {
 								className: "flex flex-col gap-1",
 								children: [/* @__PURE__ */ G(E, {
@@ -635,18 +631,18 @@ var Ne = {
 									},
 									invalid: !!i.dayOfWeek
 								}), i.dayOfWeek && /* @__PURE__ */ G(j, {
-									className: v(U, Z.instructionsError),
+									className: v(W, Z.instructionsError),
 									text: i.dayOfWeek
 								})]
 							}),
-							J && /* @__PURE__ */ K("div", {
+							Fe && /* @__PURE__ */ K("div", {
 								className: "flex flex-col gap-1",
 								children: [/* @__PURE__ */ G(E, {
 									id: "scheduled-task-time",
 									mode: D.Time,
 									value: t.time,
 									onChange: Pe,
-									onBlur: q,
+									onBlur: Ne,
 									labelProps: {
 										label: e.timeLabel,
 										required: !0
@@ -655,11 +651,11 @@ var Ne = {
 									disabled: C,
 									showTimezone: !0
 								}), ze && /* @__PURE__ */ G(j, {
-									className: v(U, Z.instructionsError),
+									className: v(W, Z.instructionsError),
 									text: ze
 								})]
 							}),
-							t.repeat === r.Monthly && /* @__PURE__ */ G(se, {
+							t.repeat === r.Monthly && /* @__PURE__ */ G(ce, {
 								id: "scheduled-task-day-of-month",
 								integer: !0,
 								min: 1,
@@ -673,7 +669,7 @@ var Ne = {
 								invalid: !!i.dayOfMonth,
 								error: i.dayOfMonth
 							}),
-							t.repeat === r.Hourly && /* @__PURE__ */ G(se, {
+							t.repeat === r.Hourly && /* @__PURE__ */ G(ce, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
@@ -690,27 +686,27 @@ var Ne = {
 							}),
 							/* @__PURE__ */ K("div", {
 								className: v("gap-3", Ie ? "flex flex-col" : "flex flex-row"),
-								children: [/* @__PURE__ */ G(et, {
+								children: [/* @__PURE__ */ G(Qe, {
 									id: "scheduled-task-start-date",
-									mode: Le,
-									label: Y,
+									mode: Y,
+									label: Le,
 									placeholder: e.startDatePlaceholder,
 									value: t.startDate,
 									onChange: (e) => m("startDate", e),
-									minDate: ye,
+									minDate: ve,
 									error: i.startDate,
-									errorClassName: U,
+									errorClassName: W,
 									disabled: C
-								}), /* @__PURE__ */ G(et, {
+								}), /* @__PURE__ */ G(Qe, {
 									id: "scheduled-task-end-date",
-									mode: Le,
+									mode: Y,
 									label: Re,
 									placeholder: e.endDatePlaceholder,
 									value: t.endDate,
 									onChange: (e) => m("endDate", e),
-									minDate: ye,
+									minDate: ve,
 									error: i.endDate,
-									errorClassName: U,
+									errorClassName: W,
 									disabled: C
 								})]
 							})
@@ -727,14 +723,14 @@ var Ne = {
 				/* @__PURE__ */ G("div", {
 					className: "flex flex-col gap-1",
 					children: /* @__PURE__ */ G("h2", {
-						className: Se,
+						className: U,
 						children: e.configurationSectionTitle
 					})
 				}),
 				p == null ? i.skillUrls && /* @__PURE__ */ G("div", {
 					"aria-live": "polite",
 					children: /* @__PURE__ */ G(j, {
-						className: v(U, Z.instructionsError),
+						className: v(W, Z.instructionsError),
 						text: i.skillUrls
 					})
 				}) : /* @__PURE__ */ G("div", {
@@ -745,30 +741,30 @@ var Ne = {
 					className: "flex w-full max-w-[996px] min-w-0 flex-col",
 					children: /* @__PURE__ */ G(g, {
 						isEnabled: !!T,
-						fieldId: ie,
-						labelClassName: Te,
+						fieldId: ae,
+						labelClassName: Ee,
 						label: e.instructionsLabel,
-						required: ve,
+						required: _e,
 						labels: e,
 						refinement: le,
-						disabled: C || I,
-						...Me,
+						disabled: C || ue,
+						...q,
 						children: /* @__PURE__ */ K("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!T && /* @__PURE__ */ G(oe, {
-									htmlFor: ie,
-									className: Te,
+								!T && /* @__PURE__ */ G(se, {
+									htmlFor: ae,
+									className: Ee,
 									label: e.instructionsLabel,
-									required: ve
+									required: _e
 								}),
 								/* @__PURE__ */ G("div", {
-									ref: R,
+									ref: z,
 									className: v("w-full", d, f),
-									children: /* @__PURE__ */ G(Ce, {
-										fallback: /* @__PURE__ */ G(de, {}),
-										children: /* @__PURE__ */ G(rt, {
-											id: ie,
+									children: /* @__PURE__ */ G(Se, {
+										fallback: /* @__PURE__ */ G(fe, {}),
+										children: /* @__PURE__ */ G(tt, {
+											id: ae,
 											value: t.prompt,
 											onChange: (e) => {
 												le.reset(), m("prompt", e);
@@ -780,7 +776,7 @@ var Ne = {
 									})
 								}),
 								i.prompt && /* @__PURE__ */ G(j, {
-									className: v(U, Z.instructionsError),
+									className: v(W, Z.instructionsError),
 									text: i.prompt
 								})
 							]
@@ -789,28 +785,28 @@ var Ne = {
 				})
 			]
 		})
-	}), pe.isConfirmOpen && /* @__PURE__ */ G(l, {
+	}), R.isConfirmOpen && /* @__PURE__ */ G(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: te.Danger,
-		onConfirm: pe.confirm,
-		onClose: pe.dismiss
+		onConfirm: R.confirm,
+		onClose: R.dismiss
 	})] });
-}, at = /* @__PURE__ */ function(e) {
+}, rt = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), ot = /* @__PURE__ */ function(e) {
+}({}), it = /* @__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__ */ K("div", {
+}({}), at = { subtitleText: "_subtitleText_1i4x2_3" }, ot = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ K("div", {
 	className: "flex min-w-0 flex-col gap-5",
 	children: [!!t?.length && /* @__PURE__ */ K("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, st.subtitleText),
+			className: v(o, at.subtitleText),
 			children: e
 		}), /* @__PURE__ */ G("p", {
 			className: "break-all whitespace-normal",
@@ -824,18 +820,18 @@ var Ne = {
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, st.subtitleText),
+			className: v(o, at.subtitleText),
 			children: n
 		}), i ? i(r) : /* @__PURE__ */ G(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__ */ K(Ae, { children: [
+}), st = { subtitleText: "_subtitleText_1i4x2_3" }, ct = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ K(ke, { children: [
 	t && /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, st.subtitleText),
 			children: e.descriptionLabel
 		}), /* @__PURE__ */ G("p", {
 			className: s,
@@ -845,7 +841,7 @@ var Ne = {
 	a && /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, st.subtitleText),
 			children: e.completedFieldLabel
 		}), /* @__PURE__ */ G("p", {
 			className: s,
@@ -855,7 +851,7 @@ var Ne = {
 	n && /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, st.subtitleText),
 			children: e.modelLabel
 		}), /* @__PURE__ */ G("p", {
 			className: s,
@@ -865,7 +861,7 @@ var Ne = {
 	r && /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, st.subtitleText),
 			children: e.repeatsLabel
 		}), /* @__PURE__ */ G("p", {
 			className: s,
@@ -875,14 +871,14 @@ var Ne = {
 	i && /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-1",
 		children: [/* @__PURE__ */ G("span", {
-			className: v(o, lt.subtitleText),
+			className: v(o, st.subtitleText),
 			children: e.activeWindowLabel
 		}), /* @__PURE__ */ G("p", {
 			className: s,
 			children: i
 		})]
 	})
-] }), dt = /* @__PURE__ */ function(e) {
+] }), lt = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_6i141_1",
@@ -892,25 +888,25 @@ var Ne = {
 	currentRun: "_currentRun_6i141_17",
 	interactiveRow: "_interactiveRow_6i141_22",
 	unreadDot: "_unreadDot_6i141_33"
-}, ft = ({ status: e }) => {
+}, ut = ({ status: e }) => {
 	switch (e) {
-		case dt.Success: return /* @__PURE__ */ G(ve, {
+		case lt.Success: return /* @__PURE__ */ G(B, {
 			size: k.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
 			stroke: A
 		});
-		case dt.Error: return /* @__PURE__ */ G(z, {
+		case lt.Error: return /* @__PURE__ */ G(V, {
 			size: k.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
 			stroke: A
 		});
-		case dt.InProgress: return /* @__PURE__ */ G("span", {
+		case lt.InProgress: return /* @__PURE__ */ G("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ G(de, { size: k.SM })
+			children: /* @__PURE__ */ G(fe, { size: k.SM })
 		});
-		case dt.Missed: return /* @__PURE__ */ G(ge, {
+		case lt.Missed: return /* @__PURE__ */ G(z, {
 			size: k.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
@@ -918,7 +914,7 @@ var Ne = {
 		});
 		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 }) => {
+}, dt = ({ 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,
@@ -930,7 +926,7 @@ var Ne = {
 		"--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 === lt.Error && e.errorText ? e.errorText : void 0, i = [
 			r,
 			e.isUnread ? g : void 0,
 			n ? c.currentRunLabel : void 0
@@ -960,9 +956,9 @@ var Ne = {
 					children: /* @__PURE__ */ G("span", {
 						className: "flex shrink-0",
 						tabIndex: l ? void 0 : 0,
-						children: /* @__PURE__ */ G(ft, { status: e.status })
+						children: /* @__PURE__ */ G(ut, { status: e.status })
 					})
-				}) : /* @__PURE__ */ G(ft, { status: e.status }), /* @__PURE__ */ K("span", {
+				}) : /* @__PURE__ */ G(ut, { status: e.status }), /* @__PURE__ */ K("span", {
 					className: "flex min-w-0 items-center gap-1",
 					children: [/* @__PURE__ */ G("span", {
 						className: v(e.isUnread ? m : p, "truncate"),
@@ -1009,23 +1005,18 @@ var Ne = {
 			role: "alert",
 			className: v(h, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ G(N, {
+		}), /* @__PURE__ */ G(M, {
 			label: c.retryLabel,
 			onClick: a
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ K("div", {
+	}) : e.length === 0 ? /* @__PURE__ */ G("div", {
 		style: y,
-		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ G(B, {
-			size: 44,
-			stroke: A,
-			className: Q.subtitleText,
-			"aria-hidden": !0
-		}), /* @__PURE__ */ G("p", {
-			role: "status",
-			className: p,
-			children: c.emptyLabel
-		})]
+		className: "w-full py-4",
+		children: /* @__PURE__ */ G(F, {
+			title: c.emptyLabel,
+			description: c.emptyDescription,
+			live: !0
+		})
 	}) : /* @__PURE__ */ K("ul", {
 		style: {
 			...y,
@@ -1042,44 +1033,44 @@ var Ne = {
 					role: "alert",
 					className: v(h, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ G(N, {
+				}), /* @__PURE__ */ G(M, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
 	});
-}, mt = {
+}, ft = {
 	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__ */ K("li", {
+}, pt = ({ 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 === it.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", ft.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ K("li", {
 		className: x,
 		children: [/* @__PURE__ */ G("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ G(N, {
+		}), u && /* @__PURE__ */ G(M, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
 	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ G("li", {
 		className: x,
-		children: /* @__PURE__ */ G(N, {
+		children: /* @__PURE__ */ G(M, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
 	}) : void 0, S = n ? /* @__PURE__ */ G("p", {
-		className: v(m, mt.subtitleText),
+		className: v(m, ft.subtitleText),
 		children: n
 	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ G("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, w = /* @__PURE__ */ G(pt, {
+	}) : void 0, w = /* @__PURE__ */ G(dt, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1090,6 +1081,7 @@ var Ne = {
 		labels: {
 			historyTitle: t.historyTitle,
 			emptyLabel: t.historyEmptyLabel,
+			emptyDescription: t.historyEmptyDescription,
 			errorLabel: t.historyErrorLabel,
 			retryLabel: t.historyRetryLabel,
 			runStatusLabels: t.runStatusLabels,
@@ -1109,10 +1101,10 @@ var Ne = {
 		}
 	});
 	return b ? /* @__PURE__ */ K("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", ft.historyCard, ft.cardLayout),
 		style: { "--st-history-max-height": y?.maxHeight },
 		children: [/* @__PURE__ */ K("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", ft.historyCard),
 			children: [
 				/* @__PURE__ */ G("h2", {
 					className: g,
@@ -1147,27 +1139,27 @@ var Ne = {
 	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: w, activeWindowLabel: E, completedLabel: D, nextRunLabel: O, instructionsMarkdown: te, skillDisplayNames: ne, renderInstructions: j, runs: M, runsIsLoading: ie = !1, runsIsLoadingMore: ae = !1, runsSkeletonCount: oe = 6, runsError: P, onRunsRetry: se, runsLoadMoreError: ce, onRunsRetryLoadMore: le, runsHasMore: ue = !1, onRunsLoadMore: I, onRunClick: L, styles: me, className: he, backIcon: ge, layout: R, historyStyles: ve }) => {
-	let { colors: z, typography: B } = me ?? {}, ye = B?.titleClassName ?? "dial-h2-text", H = B?.sectionTitleClassName ?? "dial-body-semi-text", xe = B?.fieldLabelClassName ?? "dial-tiny-text", Ce = B?.fieldValueClassName ?? "dial-small-text", we = B?.runTimestampClassName ?? "dial-small-text", Te = _({
-		"--stdv-bg": z?.background,
-		"--stdv-header-border": z?.headerBorder,
-		"--stdv-details-border": z?.detailsColumnBorder,
-		"--stdv-subtitle-text": z?.subtitleText,
-		"--stdv-history-bg": z?.historyCardBackground
-	}), Ee = b(), [U, Oe] = ke(at.Details), W = De(), je = o && !i ? e.startNowBusyLabel : void 0, Me = [
+}, mt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: S, modelLabel: C, repeatsLabel: w, activeWindowLabel: E, completedLabel: D, nextRunLabel: O, instructionsMarkdown: te, skillDisplayNames: ne, renderInstructions: j, runs: re, runsIsLoading: ae = !1, runsIsLoadingMore: oe = !1, runsSkeletonCount: se = 6, runsError: N, onRunsRetry: F, runsLoadMoreError: ce, onRunsRetryLoadMore: le, runsHasMore: ue = !1, onRunsLoadMore: de, onRunClick: I, styles: L, className: me, backIcon: he, layout: z, historyStyles: _e }) => {
+	let { colors: B, typography: V } = L ?? {}, H = V?.titleClassName ?? "dial-h2-text", be = V?.sectionTitleClassName ?? "dial-body-semi-text", Se = V?.fieldLabelClassName ?? "dial-tiny-text", U = V?.fieldValueClassName ?? "dial-small-text", Ce = V?.runTimestampClassName ?? "dial-small-text", we = _({
+		"--stdv-bg": B?.background,
+		"--stdv-header-border": B?.headerBorder,
+		"--stdv-details-border": B?.detailsColumnBorder,
+		"--stdv-subtitle-text": B?.subtitleText,
+		"--stdv-history-bg": B?.historyCardBackground
+	}), Ee = b(), [W, De] = Oe(rt.Details), Ae = Te(), je = o && !i ? e.startNowBusyLabel : void 0, Me = [
 		{
-			id: at.Details,
+			id: rt.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: at.Configuration,
+			id: rt.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: at.History,
+			id: rt.History,
 			label: e.historyTitle
 		}
-	], Ne = Me.find((e) => e.id === U)?.label ?? e.detailsTitle, q = /* @__PURE__ */ G(ut, {
+	], q = Me.find((e) => e.id === W)?.label ?? e.detailsTitle, Ne = /* @__PURE__ */ G(ct, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1180,9 +1172,9 @@ var Ne = {
 		repeatsLabel: w,
 		activeWindowLabel: E,
 		completedLabel: D,
-		fieldLabelClassName: xe,
-		fieldValueClassName: Ce
-	}), Pe = /* @__PURE__ */ G(ct, {
+		fieldLabelClassName: Se,
+		fieldValueClassName: U
+	}), Pe = /* @__PURE__ */ G(ot, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
 		skillDisplayNames: ne,
@@ -1195,12 +1187,13 @@ var Ne = {
 			tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
 			mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
 		},
-		fieldLabelClassName: xe
-	}), Fe = (t) => /* @__PURE__ */ G(ht, {
+		fieldLabelClassName: Se
+	}), J = (t) => /* @__PURE__ */ G(pt, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
 			historyEmptyLabel: e.historyEmptyLabel,
+			historyEmptyDescription: e.historyEmptyDescription,
 			historyErrorLabel: e.historyErrorLabel,
 			historyLoadMoreErrorLabel: e.historyLoadMoreErrorLabel,
 			historyRetryLabel: e.historyRetryLabel,
@@ -1210,67 +1203,67 @@ var Ne = {
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
 		nextRunLabel: O,
-		items: M,
-		isLoading: ie,
-		isLoadingMore: ae,
-		skeletonCount: oe,
-		error: P,
-		onRetry: se,
+		items: re,
+		isLoading: ae,
+		isLoadingMore: oe,
+		skeletonCount: se,
+		error: N,
+		onRetry: F,
 		loadMoreError: ce,
 		onRetryLoadMore: le,
 		hasMore: ue,
-		onLoadMore: I,
-		onRunClick: L,
-		runTimestampClassName: we,
-		sectionTitleClassName: H,
-		colors: z,
-		styles: ve
+		onLoadMore: de,
+		onRunClick: I,
+		runTimestampClassName: Ce,
+		sectionTitleClassName: be,
+		colors: B,
+		styles: _e
 	});
 	return /* @__PURE__ */ K("div", {
-		style: Te,
-		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, he),
+		style: we,
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, me),
 		children: [
 			/* @__PURE__ */ K("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__ */ K("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ G(re, {
-							icon: ge === void 0 ? /* @__PURE__ */ G(_e, {
+						/* @__PURE__ */ G(ie, {
+							icon: he === void 0 ? /* @__PURE__ */ G(ge, {
 								size: k.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
 								stroke: A
-							}) : ge,
+							}) : he,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
 						/* @__PURE__ */ G("h1", {
-							className: v("truncate", $.desktopTitle, ye),
+							className: v("truncate", $.desktopTitle, H),
 							children: g
 						}),
 						l && /* @__PURE__ */ G("span", {
-							className: v("shrink-0", $.desktopBadge, Ce, $.subtitleText),
+							className: v("shrink-0", $.desktopBadge, U, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
 				}), /* @__PURE__ */ K("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__ */ K(Ae, { children: [/* @__PURE__ */ G(fe, {
+						!l && !u && d !== void 0 && /* @__PURE__ */ K(ke, { children: [/* @__PURE__ */ G(R, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: d,
 							disabled: f || p || c,
 							onChange: (e) => h?.(e)
 						}), p && m && /* @__PURE__ */ G("span", {
-							className: v(Ce, $.subtitleText),
+							className: v(U, $.subtitleText),
 							children: m
 						})] }),
-						!l && s && /* @__PURE__ */ G(N, {
+						!l && s && /* @__PURE__ */ G(M, {
 							variant: T.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ G(Se, {
+							iconBefore: /* @__PURE__ */ G(xe, {
 								size: k.SM,
 								"aria-hidden": !0,
 								stroke: A
@@ -1280,9 +1273,9 @@ var Ne = {
 							textClassName: $.actionLabel,
 							className: v("min-h-11 shrink-0", $.actionButton)
 						}),
-						!l && n && /* @__PURE__ */ G(F, {
+						!l && n && /* @__PURE__ */ G(P, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ G(V, {
+							iconBefore: /* @__PURE__ */ G(ve, {
 								size: k.SM,
 								"aria-hidden": !0,
 								stroke: A
@@ -1295,19 +1288,19 @@ var Ne = {
 						!l && r && e.startNowButtonLabel && /* @__PURE__ */ K("div", {
 							"aria-busy": i,
 							children: [je && /* @__PURE__ */ G("span", {
-								id: W,
+								id: Ae,
 								className: "sr-only",
 								children: je
-							}), /* @__PURE__ */ G(F, {
+							}), /* @__PURE__ */ G(P, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ G(be, {
+								iconBefore: /* @__PURE__ */ G(ye, {
 									size: k.SM,
 									"aria-hidden": !0,
 									stroke: A
 								}),
 								onClick: r,
 								disabled: c || i || a || o,
-								"aria-describedby": je ? W : void 0,
+								"aria-describedby": je ? Ae : void 0,
 								tooltipProps: je ? { tooltip: je } : void 0,
 								textClassName: $.actionLabel,
 								className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
@@ -1319,10 +1312,10 @@ var Ne = {
 			/* @__PURE__ */ K("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ G("h1", {
-					className: v("truncate", ye),
+					className: v("truncate", H),
 					children: g
 				}), l && /* @__PURE__ */ G("span", {
-					className: v("shrink-0", Ce, $.subtitleText),
+					className: v("shrink-0", U, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
@@ -1340,14 +1333,14 @@ var Ne = {
 			}),
 			y && /* @__PURE__ */ G("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ G(de, {})
+				children: /* @__PURE__ */ G(fe, {})
 			}),
 			!y && x && /* @__PURE__ */ K("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
 				children: [/* @__PURE__ */ G("p", {
-					className: v(Ce, $.subtitleText),
+					className: v(U, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ G(N, {
+				}), /* @__PURE__ */ G(M, {
 					label: e.retryLabel,
 					onClick: ee
 				})]
@@ -1360,22 +1353,22 @@ var Ne = {
 						ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 						className: "px-4",
 						tabs: Me,
-						activeTabId: U,
-						onTabChange: Oe
+						activeTabId: W,
+						onTabChange: De
 					})
 				}), /* @__PURE__ */ G("div", {
 					role: "tabpanel",
-					"aria-label": Ne,
+					"aria-label": q,
 					className: "flex flex-1 flex-col gap-5 px-4 py-6",
-					children: U === at.Configuration ? Pe : U === at.History ? Fe(ot.Flow) : q
+					children: W === rt.Configuration ? Pe : W === rt.History ? J(it.Flow) : Ne
 				})]
 			}) : /* @__PURE__ */ K("div", {
 				style: {
 					flexDirection: "row",
-					"--st-details-width": R?.detailsWidth,
-					"--st-history-width": R?.historyWidth,
-					"--st-history-max-height": R?.historyMaxHeight,
-					"--st-configuration-min-width": R?.configurationMinWidth
+					"--st-details-width": z?.detailsWidth,
+					"--st-history-width": z?.historyWidth,
+					"--st-history-max-height": z?.historyMaxHeight,
+					"--st-configuration-min-width": z?.configurationMinWidth
 				},
 				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
@@ -1383,39 +1376,39 @@ var Ne = {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${R?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${z?.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__ */ G("h2", {
-							className: H,
+							className: be,
 							children: e.detailsTitle
-						}), q]
+						}), Ne]
 					}),
 					/* @__PURE__ */ K("div", {
 						style: {
-							flex: `1 1 ${R?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${z?.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__ */ G("h2", {
-							className: H,
+							className: be,
 							children: e.configurationTitle
 						}), Pe]
 					}),
 					/* @__PURE__ */ G("div", {
 						style: {
-							flex: `0 1 calc(${R?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${z?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
-						children: Fe(ot.Card)
+						children: J(it.Card)
 					})
 				]
 			}))
 		]
 	});
-}, _t = {
+}, ht = {
 	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]",
@@ -1430,7 +1423,7 @@ var Ne = {
 	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 }) => {
+}, gt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = ht, markdownLabels: c, styles: l }) => {
 	let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
 	return /* @__PURE__ */ K("div", {
 		className: "flex flex-col gap-3",
@@ -1471,17 +1464,17 @@ var Ne = {
 			})
 		]
 	});
-}, yt = ({ className: e, children: t }) => /* @__PURE__ */ G("span", {
+}, _t = ({ className: e, children: t }) => /* @__PURE__ */ G("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, _] = ke(!0);
-	Ee(() => {
+}), vt = ({ 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, _] = Oe(!0);
+	we(() => {
 		_(!0);
 	}, [e]);
 	let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ G("li", {
 		className: "pt-2",
-		children: /* @__PURE__ */ G(N, {
+		children: /* @__PURE__ */ G(M, {
 			variant: T.Primary,
 			label: f.showMoreLabel,
 			onClick: l,
@@ -1489,7 +1482,7 @@ var Ne = {
 		})
 	}) : void 0;
 	return /* @__PURE__ */ G(S, {
-		title: /* @__PURE__ */ G(yt, {
+		title: /* @__PURE__ */ G(_t, {
 			className: p,
 			children: f.title
 		}),
@@ -1500,7 +1493,7 @@ var Ne = {
 			role: "alert",
 			className: h,
 			children: f.unavailableLabel
-		}) : /* @__PURE__ */ G(pt, {
+		}) : /* @__PURE__ */ G(dt, {
 			items: t,
 			isLoading: n,
 			isLoadingMore: r,
@@ -1521,11 +1514,11 @@ var Ne = {
 			}
 		})
 	});
-}, xt = /* @__PURE__ */ function(e) {
+}, yt = /* @__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] = ke(!1);
-	Ee(() => {
+}({}), bt = ({ 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] = Oe(!1);
+	we(() => {
 		m(!1);
 	}, [e]);
 	let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ K("div", {
@@ -1534,11 +1527,11 @@ var Ne = {
 			role: "alert",
 			className: f,
 			children: u.unavailableLabel
-		}), t === "error" && n && /* @__PURE__ */ G(N, {
+		}), t === "error" && n && /* @__PURE__ */ G(M, {
 			label: u.retryLabel,
 			onClick: n
 		})]
-	}) : /* @__PURE__ */ G(vt, {
+	}) : /* @__PURE__ */ G(gt, {
 		modelLabel: u.modelLabel,
 		instructionsLabel: u.instructionsLabel,
 		skillLabel: u.skillLabel,
@@ -1551,7 +1544,7 @@ var Ne = {
 		styles: l
 	});
 	return /* @__PURE__ */ G(S, {
-		title: /* @__PURE__ */ G(yt, {
+		title: /* @__PURE__ */ G(_t, {
 			className: d,
 			children: u.title
 		}),
@@ -1559,7 +1552,7 @@ var Ne = {
 		onToggle: m,
 		children: h
 	});
-}, Ct = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ G(l, {
+}, xt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ G(l, {
 	...s,
 	variant: te.Danger,
 	popupClassName: o?.popupClassName,
@@ -1584,4 +1577,4 @@ var Ne = {
 	})
 });
 //#endregion
-export { c as DESCRIPTION_MAX_LENGTH, Ne as SCHEDULED_TASKS_CLASS, Re as ScheduledTaskCard, Ue as ScheduledTaskCardGrid, He 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, Pe as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, pt as ScheduledTaskRunHistoryList, dt as ScheduledTaskRunStatus, q as ScheduledTaskStatus, qe as ScheduledTasks, Je as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Xe as hasScheduledTaskFormChanges };
+export { c as DESCRIPTION_MAX_LENGTH, Me as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, bt as ScheduledTaskConversationDetailsSection, yt as ScheduledTaskConversationDetailsState, vt as ScheduledTaskConversationHistorySection, nt as ScheduledTaskCreateForm, xt as ScheduledTaskDeleteConfirmation, mt as ScheduledTaskDetailView, gt as ScheduledTaskDetailsSummary, pt as ScheduledTaskHistorySection, Ne as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, dt as ScheduledTaskRunHistoryList, lt as ScheduledTaskRunStatus, q as ScheduledTaskStatus, Ge as ScheduledTasks, Ke as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Je as hasScheduledTaskFormChanges };