@epam/ai-dial-scheduled-tasks 1.2.0-dev.139 → 1.2.0-dev.141

package/index.js

@@ -1,20 +1,19 @@
 import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./calendar-value-B41Uk26Z.js";
-import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as l, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as u, MDMessageViewer as d, PanelEmptyState as f, TextRefinementState as p, buildCssVars as m, mergeClasses as h, useAvailableHeightCap as g, useIsMobile as ee, useTextRefinement as _ } from "@epam/ai-dial-chat-shared";
-import { ButtonAppearance as v, ButtonDropdown as y, ButtonVariant as b, Calendar as x, CalendarMode as S, CardShell as C, DIAL_ICON_SIZE as w, DIAL_KIT_ICON_STROKE as T, ElementSize as te, FolderPath as E, GhostButton as D, GhostIconButton as ne, Highlight as O, Input as re, Label as k, MenuItemMark as ie, NeutralButton as ae, NumberInput as oe, Popup as A, PrimaryButton as se, Search as ce, Select as le, Skeleton as j, SkeletonVariant as M, Spinner as ue, Switch as N, Tabs as P, Textarea as de } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as F, IconArrowNarrowLeft as fe, IconArrowsSort as I, IconCircleCheck as pe, IconCircleX as L, IconClipboardX as R, IconPencilMinus as z, IconPlayerPause as B, IconPlus as V, IconSparkles as me, IconTrashX as he } from "@tabler/icons-react";
-import { Suspense as ge, lazy as _e, useCallback as H, useEffect as ve, useId as U, useLayoutEffect as W, useMemo as ye, useRef as be, useState as xe } from "react";
-import { Fragment as Se, jsx as G, jsxs as K } from "react/jsx-runtime";
-import { BuilderFormContainer as Ce } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as we } from "@epam/ai-dial-ui-kit/editors";
+import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as l, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as u, MDMessageViewer as d, PanelEmptyState as f, TextRefinementField as p, buildCssVars as m, mergeClasses as h, useAvailableHeightCap as g, useIsMobile as _, useTextRefinement as v } from "@epam/ai-dial-chat-shared";
+import { ButtonAppearance as y, ButtonDropdown as b, ButtonVariant as x, Calendar as S, CalendarMode as C, CardShell as w, DIAL_ICON_SIZE as T, DIAL_KIT_ICON_STROKE as E, ElementSize as ee, FolderPath as te, GhostButton as D, GhostIconButton as ne, Highlight as O, Input as re, Label as k, MenuItemMark as ie, NeutralButton as ae, NumberInput as oe, Popup as A, PrimaryButton as se, Search as ce, Select as le, Skeleton as j, SkeletonVariant as M, Spinner as ue, Switch as de, Tabs as N, Textarea as fe } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as P, IconArrowNarrowLeft as pe, IconArrowsSort as F, IconCircleCheck as me, IconCircleX as I, IconClipboardX as L, IconPencilMinus as he, IconPlayerPause as R, IconPlus as z, IconTrashX as ge } from "@tabler/icons-react";
+import { Suspense as _e, lazy as B, useCallback as ve, useEffect as ye, useId as be, useLayoutEffect as V, useMemo as xe, useRef as Se, useState as Ce } from "react";
+import { Fragment as we, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { BuilderFormContainer as Te } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as W } from "@epam/ai-dial-ui-kit/editors";
 //#region src/constants/public-class-names.ts
-var Te = {
+var Ee = {
 	card: "dial-scheduled-tasks-card",
 	cardGrid: "dial-scheduled-tasks-card-grid",
-	refineAction: "dial-scheduled-tasks-refine-action",
 	refineFeedback: "dial-scheduled-tasks-refine-feedback"
-}, q = /* @__PURE__ */ function(e) {
+}, G = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), J = {
+}({}), K = {
 	title: "_title_7q7a6_1",
 	description: "_description_7q7a6_5",
 	schedulePill: "_schedulePill_7q7a6_9",
@@ -27,9 +26,9 @@ var Te = {
 	completedPill: "_completedPill_7q7a6_40",
 	completedLabel: "_completedLabel_7q7a6_45",
 	locationDivider: "_locationDivider_7q7a6_49"
-}, Y = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
-	let o = r?.newBadgeLabel ?? "NEW", s = r?.pausedBadgeLabel ?? "Paused", c = r?.completedBadgeLabel ?? "Completed", { colors: l, typography: u } = i ?? {}, d = u?.titleClassName ?? "dial-body-semi-text", f = u?.descriptionClassName ?? "dial-small-text", p = u?.descriptionSizeClassName ?? "dial-tiny-text", g = u?.scheduleLabelClassName ?? "dial-tiny-text", ee = u?.locationLabelClassName ?? "dial-tiny-text", _ = u?.locationLeafClassName ?? "dial-tiny-semi-text", v = u?.newBadgeClassName ?? "dial-tiny-semi-text", y = u?.pausedBadgeClassName ?? "dial-tiny-text", b = u?.completedBadgeClassName ?? "dial-tiny-text", x = e.presentationStatus ?? (e.isActive === !1 ? q.Paused : q.Active), S = m({
-		"--stc-title-text": (x === q.Paused ? l?.pausedTitleText : x === q.Completed ? l?.completedTitleText : void 0) ?? l?.titleText,
+}, De = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
+	let o = r?.newBadgeLabel ?? "NEW", s = r?.pausedBadgeLabel ?? "Paused", c = r?.completedBadgeLabel ?? "Completed", { colors: l, typography: u } = i ?? {}, d = u?.titleClassName ?? "dial-body-semi-text", f = u?.descriptionClassName ?? "dial-small-text", p = u?.descriptionSizeClassName ?? "dial-tiny-text", g = u?.scheduleLabelClassName ?? "dial-tiny-text", _ = u?.locationLabelClassName ?? "dial-tiny-text", v = u?.locationLeafClassName ?? "dial-tiny-semi-text", y = u?.newBadgeClassName ?? "dial-tiny-semi-text", b = u?.pausedBadgeClassName ?? "dial-tiny-text", x = u?.completedBadgeClassName ?? "dial-tiny-text", S = e.presentationStatus ?? (e.isActive === !1 ? G.Paused : G.Active), C = m({
+		"--stc-title-text": (S === G.Paused ? l?.pausedTitleText : S === G.Completed ? l?.completedTitleText : void 0) ?? l?.titleText,
 		"--stc-desc-text": l?.descriptionText,
 		"--stc-pill-bg": l?.schedulePillBackground,
 		"--stc-pill-border": l?.schedulePillBorder,
@@ -45,97 +44,97 @@ var Te = {
 		"--stc-completed-bg": l?.completedBadgeBackground,
 		"--stc-completed-border": l?.completedBadgeBorder,
 		"--stc-completed-text": l?.completedBadgeText
-	}), te = n ? {
+	}), ee = n ? {
 		tabIndex: 0,
 		onClick: () => n(e.id),
 		onKeyDown: (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ K(C, {
+	return /* @__PURE__ */ U(w, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: S,
-		className: h("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, Te.card),
-		...te,
+		style: C,
+		className: h("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, Ee.card),
+		...ee,
 		children: [
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex min-w-0 shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ G(O, {
+				children: [/* @__PURE__ */ H(O, {
 					text: e.displayName,
 					query: t,
 					maxLines: 1,
-					className: h(d, J.title)
-				}), e.isNew && /* @__PURE__ */ G("span", {
-					className: h("shrink-0 rounded-full px-2 py-0.5", v, J.newBadge),
+					className: h(d, K.title)
+				}), e.isNew && /* @__PURE__ */ H("span", {
+					className: h("shrink-0 rounded-full px-2 py-0.5", y, K.newBadge),
 					children: o
 				})]
 			}),
-			e.descriptionPreview && /* @__PURE__ */ G("p", {
-				className: h("line-clamp-4 min-h-0 flex-1 overflow-hidden", p, f, J.description),
+			e.descriptionPreview && /* @__PURE__ */ H("p", {
+				className: h("line-clamp-4 min-h-0 flex-1 overflow-hidden", p, f, K.description),
 				children: e.descriptionPreview
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ U("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-h-[28px] items-center",
-					children: x === q.Paused ? /* @__PURE__ */ K("span", {
-						className: h("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", J.pausedPill, y, J.pausedLabel),
-						children: [/* @__PURE__ */ G(B, {
-							size: w.SM,
+					children: S === G.Paused ? /* @__PURE__ */ U("span", {
+						className: h("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", K.pausedPill, b, K.pausedLabel),
+						children: [/* @__PURE__ */ H(R, {
+							size: T.SM,
 							"aria-hidden": !0,
-							stroke: T
+							stroke: E
 						}), s]
-					}) : x === q.Completed ? /* @__PURE__ */ G("span", {
-						className: h("inline-flex items-center rounded-full border px-2 py-1", J.completedPill, b, J.completedLabel),
+					}) : S === G.Completed ? /* @__PURE__ */ H("span", {
+						className: h("inline-flex items-center rounded-full border px-2 py-1", K.completedPill, x, K.completedLabel),
 						children: c
-					}) : /* @__PURE__ */ G("span", {
-						className: h("inline-block rounded-lg border px-2 py-1", J.schedulePill, g, J.scheduleLabel),
+					}) : /* @__PURE__ */ H("span", {
+						className: h("inline-block rounded-lg border px-2 py-1", K.schedulePill, g, K.scheduleLabel),
 						children: e.scheduleLabel
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ G(E, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ H(te, {
 					segments: e.locationSegments,
-					labelClassName: h(ee, J.locationLabel),
-					leafClassName: h(_, J.locationLeaf),
-					className: h("pt-3", J.locationDivider)
+					labelClassName: h(_, K.locationLabel),
+					leafClassName: h(v, K.locationLeaf),
+					className: h("pt-3", K.locationDivider)
 				})]
 			})
 		]
 	});
-}, Ee = { card: "_card_11bez_1" }, De = [
+}, Oe = { card: "_card_11bez_1" }, q = [
 	"100%",
 	"100%",
 	"61%"
-], Oe = "var(--stcs-skeleton-bg)", ke = ({ styles: e }) => /* @__PURE__ */ K(C, {
+], J = "var(--stcs-skeleton-bg)", ke = ({ styles: e }) => /* @__PURE__ */ U(w, {
 	"aria-hidden": !0,
 	style: m({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
-	className: h("h-[var(--st-card-height,232px)]", Ee.card),
+	className: h("h-[var(--st-card-height,232px)]", Oe.card),
 	children: [
-		/* @__PURE__ */ G(j, {
+		/* @__PURE__ */ H(j, {
 			variant: M.Rectangular,
 			width: "60%",
 			height: "20px",
-			color: Oe,
+			color: J,
 			className: "shrink-0"
 		}),
-		/* @__PURE__ */ G("div", {
+		/* @__PURE__ */ H("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: De.map((e, t) => /* @__PURE__ */ G(j, {
+			children: q.map((e, t) => /* @__PURE__ */ H(j, {
 				variant: M.Rectangular,
 				width: e,
 				height: "16px",
-				color: Oe
+				color: J
 			}, t))
 		}),
-		/* @__PURE__ */ G(j, {
+		/* @__PURE__ */ H(j, {
 			variant: M.Rectangular,
 			width: "110px",
 			height: "28px",
-			color: Oe,
+			color: J,
 			className: "shrink-0 rounded-lg"
 		})
 	]
-}), Ae = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ K("div", {
+}), Ae = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ U("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -145,15 +144,15 @@ var Te = {
 		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: h("mx-auto grid w-full min-w-0", Te.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ G(Y, {
+	className: h("mx-auto grid w-full min-w-0", Ee.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ H(De, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ G(ke, { styles: o }, `skeleton-${t}`))]
-}), X = {
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(ke, { styles: o }, `skeleton-${t}`))]
+}), Y = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
 	createButtonLabel: "_createButtonLabel_3vz4t_10",
@@ -166,23 +165,23 @@ var Te = {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
 	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Me(e.parentElement);
-}, Ne = ({ 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: p = 6, onLoadMore: g, onCardClick: ee, banner: _, styles: x, sortIcon: S, className: C, gridLayout: E, cardStyles: ne, loadMoreError: O, onRetryLoadMore: re }) => {
-	let { colors: k, typography: ae } = x ?? {}, oe = ae?.titleClassName ?? "dial-h1-text", A = ae?.subtitleClassName ?? "dial-body-text", le = m({
+}, Ne = ({ 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: p = 6, onLoadMore: g, onCardClick: _, banner: v, styles: S, sortIcon: C, className: w, gridLayout: te, cardStyles: ne, loadMoreError: O, onRetryLoadMore: re }) => {
+	let { colors: k, typography: ae } = S ?? {}, oe = ae?.titleClassName ?? "dial-h1-text", A = ae?.subtitleClassName ?? "dial-body-text", le = m({
 		"--st-bg": k?.background,
 		"--st-subtitle-text": k?.subtitleText,
 		"--st-sort-text": k?.sortButtonText
 	}), j = (e) => {
 		r(e ?? "");
-	}, [M, N] = xe(!1), [P, de] = xe(!1), F = be(null), fe = H(() => {
-		de(!0);
-	}, []), pe = H(() => {
-		de(!1);
+	}, [M, de] = Ce(!1), [N, fe] = Ce(!1), P = Se(null), pe = ve(() => {
+		fe(!0);
+	}, []), me = ve(() => {
+		fe(!1);
 	}, []);
-	W(() => {
-		let e = F.current;
-		P && M && e != null && e.offsetParent == null && N(!1);
-	}, [P, M]);
-	let L = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, R = ye(() => e.sortOptions.map((e) => ({
+	V(() => {
+		let e = P.current;
+		N && M && e != null && e.offsetParent == null && de(!1);
+	}, [N, M]);
+	let I = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, L = xe(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
 		mark: ie.Check,
@@ -192,9 +191,9 @@ var Te = {
 		e.sortOptions,
 		i,
 		a
-	]), z = je(s, d, !!c, o.length, n.trim().length > 0, e), B = be(null);
-	ve(() => {
-		let e = B.current;
+	]), he = je(s, d, !!c, o.length, n.trim().length > 0, e), R = Se(null);
+	ye(() => {
+		let e = R.current;
 		if (!e || !g) return;
 		let t = Me(e.parentElement);
 		if (!t) return;
@@ -211,211 +210,131 @@ var Te = {
 		O,
 		g
 	]);
-	let me = () => s ? /* @__PURE__ */ G(ue, {}) : c ? /* @__PURE__ */ K("div", {
+	let ge = () => s ? /* @__PURE__ */ H(ue, {}) : c ? /* @__PURE__ */ U("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ G("p", {
-			className: h(A, X.subtitle),
+		children: [/* @__PURE__ */ H("p", {
+			className: h(A, Y.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ G(D, {
+		}), /* @__PURE__ */ H(D, {
 			label: e.retryLabel,
 			onClick: l
 		})]
-	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ G("p", {
-		className: h(A, X.subtitle),
+	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ H("p", {
+		className: h(A, Y.subtitle),
 		children: e.noResultsLabel
-	}) : /* @__PURE__ */ G(f, { label: e.emptyStateLabel }) : /* @__PURE__ */ K("div", {
+	}) : /* @__PURE__ */ H(f, { label: e.emptyStateLabel }) : /* @__PURE__ */ U("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ G(Ae, {
+			/* @__PURE__ */ H(Ae, {
 				items: o,
 				searchQuery: n,
-				onCardClick: ee,
+				onCardClick: _,
 				labels: e.cardLabels,
 				trailingSkeletonCount: d ? p : 0,
 				skeletonStyles: { colors: { skeletonColor: k?.skeletonColor } },
 				cardStyles: ne,
-				layout: E
+				layout: te
 			}),
-			O && /* @__PURE__ */ K("div", {
+			O && /* @__PURE__ */ U("div", {
 				role: "alert",
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ G("span", {
-					className: h(A, X.subtitle),
+				children: [/* @__PURE__ */ H("span", {
+					className: h(A, Y.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
-				}), /* @__PURE__ */ G(D, {
+				}), /* @__PURE__ */ H(D, {
 					label: e.retryLabel,
 					onClick: re
 				})]
 			}),
-			/* @__PURE__ */ G("div", {
-				ref: B,
+			/* @__PURE__ */ H("div", {
+				ref: R,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), he = s || !!c || o.length === 0;
-	return /* @__PURE__ */ K("div", {
+	}), _e = s || !!c || o.length === 0;
+	return /* @__PURE__ */ U("div", {
 		style: le,
-		className: h("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", X.container, C),
+		className: h("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", Y.container, w),
 		children: [
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "min-w-0 gap-2",
-					children: [/* @__PURE__ */ G("h1", {
+					children: [/* @__PURE__ */ H("h1", {
 						className: h("truncate", oe),
 						children: e.title
-					}), /* @__PURE__ */ G("p", {
-						className: h("mt-1", A, X.subtitle),
+					}), /* @__PURE__ */ H("p", {
+						className: h("mt-1", A, Y.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ G(se, {
+				}), /* @__PURE__ */ H(se, {
 					label: e.createButtonLabel,
-					textClassName: X.createButtonLabel,
+					textClassName: Y.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ G(V, {
-						size: w.SM,
+					iconBefore: /* @__PURE__ */ H(z, {
+						size: T.SM,
 						"aria-hidden": !0,
-						stroke: T
+						stroke: E
 					}),
 					onClick: t,
-					className: h("shrink-0", X.createButton)
+					className: h("shrink-0", Y.createButton)
 				})]
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ U("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ H("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ G(ce, {
+					children: /* @__PURE__ */ H(ce, {
 						value: n,
 						onChange: j,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
-						size: te.Large,
-						onFocus: fe,
-						onBlur: pe
+						size: ee.Large,
+						onFocus: pe,
+						onBlur: me
 					})
-				}), e.sortOptions.length > 0 && /* @__PURE__ */ G("div", {
-					ref: F,
-					className: h(P && X.sortControlHidden),
-					children: /* @__PURE__ */ G(y, {
-						items: R,
-						label: L,
-						variant: b.Primary,
-						appearance: v.Ghost,
-						iconBefore: S === void 0 ? /* @__PURE__ */ G(I, {
-							size: w.SM,
+				}), e.sortOptions.length > 0 && /* @__PURE__ */ H("div", {
+					ref: P,
+					className: h(N && Y.sortControlHidden),
+					children: /* @__PURE__ */ H(b, {
+						items: L,
+						label: I,
+						variant: x.Primary,
+						appearance: y.Ghost,
+						iconBefore: C === void 0 ? /* @__PURE__ */ H(F, {
+							size: T.SM,
 							"aria-hidden": !0,
-							stroke: T
-						}) : S,
-						className: X.sortButton
+							stroke: E
+						}) : C,
+						className: Y.sortButton
 					})
 				})]
 			}),
-			_,
-			/* @__PURE__ */ G("span", {
+			v,
+			/* @__PURE__ */ H("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: z
+				children: he
 			}),
-			/* @__PURE__ */ G("div", {
-				className: h("mx-auto flex size-full w-full min-w-0 flex-col", he && "items-center justify-center"),
-				children: me()
+			/* @__PURE__ */ H("div", {
+				className: h("mx-auto flex size-full w-full min-w-0 flex-col", _e && "items-center justify-center"),
+				children: ge()
 			})
 		]
 	});
 }, Pe = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), Fe = ({ enabled: e, fieldId: t, label: n, labelClassName: r, required: i, labels: a, refinement: o, disabled: s, actionClassName: c, feedbackClassName: l, errorClassName: u, children: d }) => {
-	let f = be(null);
-	if (!e) return /* @__PURE__ */ G(Se, { children: d });
-	let m = o.state === p.Error, g = {
-		[p.Idle]: "",
-		[p.Pending]: a?.refinePendingAriaLabel ?? "Refining text",
-		[p.Success]: a?.refineSuccessAriaLabel ?? "Text refined. Undo is available.",
-		[p.Restored]: a?.refineUndoAriaLabel ?? "Original text restored.",
-		[p.Unchanged]: a?.refineUnchangedAriaLabel ?? "No changes were needed.",
-		[p.Error]: ""
-	}[o.state];
-	return /* @__PURE__ */ K("div", {
-		className: "flex min-w-0 flex-col gap-1",
-		role: "group",
-		"aria-labelledby": t + "-label",
-		"aria-describedby": m ? t + "-refinement-error" : void 0,
-		children: [
-			/* @__PURE__ */ K("div", {
-				className: "flex min-w-0 flex-wrap items-center gap-x-3",
-				children: [/* @__PURE__ */ K("label", {
-					id: t + "-label",
-					htmlFor: t,
-					className: r,
-					children: [n, i && /* @__PURE__ */ G("span", {
-						"aria-hidden": !0,
-						children: " *"
-					})]
-				}), /* @__PURE__ */ K("div", {
-					ref: f,
-					className: "ms-auto flex min-w-0 flex-wrap items-center",
-					children: [/* @__PURE__ */ G(D, {
-						type: "button",
-						className: h("min-h-[44px] min-w-[44px] whitespace-normal", c),
-						textClassName: "[font:inherit]",
-						label: a?.refineWithAiLabel ?? "Refine with AI",
-						disabled: s || !o.canRefine,
-						onClick: () => {
-							o.refine();
-						},
-						iconBefore: o.isPending ? /* @__PURE__ */ G("span", {
-							"aria-hidden": !0,
-							children: /* @__PURE__ */ G(ue, {
-								size: 16,
-								ariaLabel: ""
-							})
-						}) : /* @__PURE__ */ G(me, {
-							size: 16,
-							stroke: T,
-							"aria-hidden": !0
-						})
-					}), o.canUndo && /* @__PURE__ */ G(D, {
-						type: "button",
-						className: h("min-h-[44px] min-w-[44px] whitespace-normal", c),
-						textClassName: "[font:inherit]",
-						label: a?.refineUndoLabel ?? "Undo",
-						disabled: s,
-						onClick: () => {
-							o.undo(), f.current?.querySelector("button")?.focus();
-						}
-					})]
-				})]
-			}),
-			/* @__PURE__ */ G("div", {
-				"aria-busy": o.isPending,
-				children: d
-			}),
-			/* @__PURE__ */ G("div", {
-				role: "status",
-				"aria-live": "polite",
-				className: l,
-				children: g
-			}),
-			m && /* @__PURE__ */ G("div", {
-				role: "alert",
-				id: t + "-refinement-error",
-				className: h(l, u),
-				children: a?.refineErrorLabel ?? "Could not refine this text. Please try again."
-			})
-		]
-	});
-}, Ie = { error: "_error_v2pfn_4" }, Le = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
-	let o = ye(() => /* @__PURE__ */ new Date(), []);
-	return /* @__PURE__ */ K("div", {
+}({}), Fe = { error: "_error_v2pfn_4" }, Ie = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
+	let o = xe(() => /* @__PURE__ */ new Date(), []);
+	return /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ G(x, {
+		children: [/* @__PURE__ */ H(S, {
 			id: "scheduled-task-run-at",
-			mode: S.DateTime,
+			mode: C.DateTime,
 			value: s(t),
 			onChange: (e) => r(n(e)),
 			minDate: o,
@@ -424,60 +343,58 @@ var Te = {
 				required: !0
 			},
 			invalid: !!i
-		}), i && /* @__PURE__ */ G("p", {
-			className: h(a, Ie.error),
+		}), i && /* @__PURE__ */ H("p", {
+			className: h(a, Fe.error),
 			children: i
 		})]
 	});
-}, Z = {
-	formColumn: "_formColumn_1sfya_1",
-	detailsColumn: "_detailsColumn_1sfya_10",
-	sectionSubtitle: "_sectionSubtitle_1sfya_14",
-	instructionsError: "_instructionsError_1sfya_18",
-	refineAction: "_refineAction_1sfya_22",
-	refineFeedback: "_refineFeedback_1sfya_23",
-	refineError: "_refineError_1sfya_27"
-}, Re = _e(async () => ({ default: (await we()).MarkdownEditor })), ze = ({ labels: n, values: r, errors: s, modelSelector: d, modelLabelId: f, skillSelector: p, skillLabelId: ee, skillErrorId: v, onFieldChange: y, onBack: b, onCancel: C, onSubmit: te, isSubmitting: E = !1, onRefineDescription: D, onRefineInstructions: ne, markdownEditorTheme: O, backIcon: ie, className: ae, styles: A }) => {
-	let se = U(), ce = U(), j = be(void 0), M = (e) => e ? async (t, n) => {
-		if (j.current && !j.current.aborted) throw new DOMException("Busy", "AbortError");
-		j.current = n;
+}, X = {
+	formColumn: "_formColumn_1gu82_1",
+	detailsColumn: "_detailsColumn_1gu82_10",
+	sectionSubtitle: "_sectionSubtitle_1gu82_14",
+	instructionsError: "_instructionsError_1gu82_18",
+	refineFeedback: "_refineFeedback_1gu82_22",
+	refineError: "_refineError_1gu82_26"
+}, Le = B(async () => ({ default: (await W()).MarkdownEditor })), Re = ({ labels: n, values: r, errors: s, modelSelector: d, modelLabelId: f, skillSelector: _, skillLabelId: y, skillErrorId: b, onFieldChange: x, onBack: w, onCancel: ee, onSubmit: te, isSubmitting: D = !1, onRefineDescription: ne, onRefineInstructions: O, markdownEditorTheme: ie, backIcon: ae, className: A, styles: se }) => {
+	let ce = be(), j = be(), M = Se(void 0), de = (e) => e ? async (t, n) => {
+		if (M.current && !M.current.aborted) throw new DOMException("Busy", "AbortError");
+		M.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			j.current === n && (j.current = void 0);
+			M.current === n && (M.current = void 0);
 		}
-	} : void 0, N = _({
+	} : void 0, N = v({
 		value: r.description ?? "",
-		onChange: (e) => y("description", e),
-		onRefine: M(D),
-		disabled: E
-	}), P = _({
+		onChange: (e) => x("description", e),
+		onRefine: de(ne),
+		disabled: D
+	}), P = v({
 		value: r.prompt,
-		onChange: (e) => y("prompt", e),
-		onRefine: M(ne),
-		disabled: E
-	}), F = N.isPending || P.isPending, I = () => {
+		onChange: (e) => x("prompt", e),
+		onRefine: de(O),
+		disabled: D
+	}), F = N.isPending || P.isPending, me = () => {
 		N.reset(), P.reset();
-	}, pe = g(), [L, R] = xe(), { colors: z, typography: B, layout: V } = A ?? {}, me = B?.titleClassName ?? "dial-h1-text", he = B?.sectionTitleClassName ?? "dial-body-semi-text", _e = B?.sectionSubtitleClassName ?? "dial-tiny-text", H = B?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", W = B?.instructionsErrorClassName ?? "dial-small-text", ye = m({
-		"--stcf-details-border": z?.detailsColumnBorder,
-		"--stcf-subtitle-text": z?.sectionSubtitleText,
-		"--stcf-error-text": z?.instructionsErrorText,
-		"--stcf-refine-action-text": z?.refineActionText,
-		"--stcf-refine-error-text": z?.refineErrorText
-	}), we = {
-		actionClassName: h(Z.refineAction, B?.refineActionClassName ?? "dial-small-text", Te.refineAction),
-		feedbackClassName: h(Z.refineFeedback, B?.refineFeedbackClassName ?? "dial-small-text", Te.refineFeedback),
-		errorClassName: Z.refineError
-	}, q = (e) => {
-		R(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), y("time", e.target.value);
-	}, J = (e) => {
-		R(void 0), y("time", typeof e == "string" ? e : "");
-	}, Y = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
-	ve(() => {
-		Y || R(void 0);
-	}, [Y]);
-	let Ee = Y ? L ?? s.time : void 0, De = (e) => y("runAt", e), Oe = E || F || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrl?.trim() || !!s.skillUrl || Y && !r.time || !!Ee;
-	return /* @__PURE__ */ G(Ce, {
+	}, I = g(), [L, he] = Ce(), { colors: R, typography: z, layout: ge } = se ?? {}, B = z?.titleClassName ?? "dial-h1-text", ve = z?.sectionTitleClassName ?? "dial-body-semi-text", V = z?.sectionSubtitleClassName ?? "dial-tiny-text", xe = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", W = z?.instructionsErrorClassName ?? "dial-small-text", G = m({
+		"--stcf-details-border": R?.detailsColumnBorder,
+		"--stcf-subtitle-text": R?.sectionSubtitleText,
+		"--stcf-error-text": R?.instructionsErrorText,
+		"--stcf-refine-action-text": R?.refineActionText,
+		"--stcf-refine-error-text": R?.refineErrorText
+	}), K = {
+		feedbackClassName: h(X.refineFeedback, z?.refineFeedbackClassName ?? "dial-small-text", Ee.refineFeedback),
+		errorClassName: X.refineError
+	}, De = (e) => {
+		he(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), x("time", e.target.value);
+	}, Oe = (e) => {
+		he(void 0), x("time", typeof e == "string" ? e : "");
+	}, q = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
+	ye(() => {
+		q || he(void 0);
+	}, [q]);
+	let J = q ? L ?? s.time : void 0, ke = (e) => x("runAt", e), Ae = D || F || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrl?.trim() || !!s.skillUrl || q && !r.time || !!J;
+	return /* @__PURE__ */ H(Te, {
 		labels: {
 			title: n.pageTitle,
 			backButtonLabel: n.backButtonLabel,
@@ -486,56 +403,56 @@ var Te = {
 			submittingLabel: n.submittingLabel ?? "Saving"
 		},
 		onBack: () => {
-			I(), b();
+			me(), w();
 		},
 		onCancel: () => {
-			I(), C();
+			me(), ee();
 		},
 		onSubmit: () => {
-			!Oe && (!j.current || j.current.aborted) && te();
+			!Ae && (!M.current || M.current.aborted) && te();
 		},
-		isCancelDisabled: E,
-		isSubmitDisabled: Oe,
-		isSubmitting: E,
-		backIcon: ie === void 0 ? /* @__PURE__ */ G(fe, {
-			size: w.LG,
-			stroke: T,
+		isCancelDisabled: D,
+		isSubmitDisabled: Ae,
+		isSubmitting: D,
+		backIcon: ae === void 0 ? /* @__PURE__ */ H(pe, {
+			size: T.LG,
+			stroke: E,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : ie,
+		}) : ae,
 		layout: {
-			sideColumnWidth: V?.detailsWidth,
-			columnGap: V?.columnGap,
+			sideColumnWidth: ge?.detailsWidth,
+			columnGap: ge?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: ae,
+		className: A,
 		styles: {
-			colors: { background: z?.background },
+			colors: { background: R?.background },
 			header: {
-				colors: { borderColor: z?.headerBorder },
-				typography: { fontClassName: me }
+				colors: { borderColor: R?.headerBorder },
+				typography: { fontClassName: B }
 			},
-			cssVars: ye
+			cssVars: G
 		},
-		left: /* @__PURE__ */ K("div", {
+		left: /* @__PURE__ */ U("div", {
 			role: "group",
 			"aria-label": n.detailsSectionTitle,
-			className: h("flex flex-1 flex-col gap-5 border-e py-6", Z.detailsColumn, Z.formColumn),
+			className: h("flex flex-1 flex-col gap-5 border-e py-6", X.detailsColumn, X.formColumn),
 			children: [
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ G("h2", {
-						className: he,
+					children: [/* @__PURE__ */ H("h2", {
+						className: ve,
 						children: n.detailsSectionTitle
-					}), /* @__PURE__ */ G("p", {
-						className: h(_e, Z.sectionSubtitle),
+					}), /* @__PURE__ */ H("p", {
+						className: h(V, X.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ G(re, {
+				/* @__PURE__ */ H(re, {
 					id: "scheduled-task-display-name",
 					value: r.displayName,
-					onChange: (e) => y("displayName", e ?? ""),
+					onChange: (e) => x("displayName", e ?? ""),
 					labelProps: {
 						label: n.displayNameLabel,
 						required: !0
@@ -543,103 +460,103 @@ var Te = {
 					invalid: !!s.displayName,
 					error: s.displayName
 				}),
-				/* @__PURE__ */ G(Fe, {
-					enabled: !!D,
-					fieldId: se,
+				/* @__PURE__ */ H(p, {
+					isEnabled: !!ne,
+					fieldId: ce,
 					label: n.descriptionLabel,
 					labels: n,
 					refinement: N,
-					disabled: E || F,
-					...we,
-					children: /* @__PURE__ */ G(de, {
-						id: se,
+					disabled: D || F,
+					...K,
+					children: /* @__PURE__ */ H(fe, {
+						id: ce,
 						value: r.description ?? "",
 						onChange: (e) => {
-							N.reset(), y("description", e);
+							N.reset(), x("description", e);
 						},
-						labelProps: D ? void 0 : { label: n.descriptionLabel },
+						labelProps: ne ? void 0 : { label: n.descriptionLabel },
 						maxLength: 500,
 						invalid: !!s.description,
 						error: s.description,
 						caption: r.description ? `${r.description.length}/500` : void 0
 					})
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ G(k, {
+						/* @__PURE__ */ H(k, {
 							id: f,
 							label: n.modelOrAgentLabel,
 							required: !0
 						}),
 						d,
-						s.modelId && /* @__PURE__ */ G("p", {
-							className: h(W, Z.instructionsError),
+						s.modelId && /* @__PURE__ */ H("p", {
+							className: h(W, X.instructionsError),
 							children: s.modelId
 						})
 					]
 				}),
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ G(le, {
+						/* @__PURE__ */ H(le, {
 							labelProps: { label: n.repeatLabel },
 							value: r.repeat,
-							onChange: (e) => y("repeat", e),
+							onChange: (e) => x("repeat", e),
 							options: n.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						r.repeat === t.OneTime && /* @__PURE__ */ G(Le, {
+						r.repeat === t.OneTime && /* @__PURE__ */ H(Ie, {
 							label: n.runAtLabel,
 							value: r.runAt ?? "",
-							onChange: De,
+							onChange: ke,
 							error: s.runAt,
 							errorClassName: W
 						}),
-						r.repeat !== t.OneTime && /* @__PURE__ */ K(Se, { children: [
-							Y && /* @__PURE__ */ K("div", {
+						r.repeat !== t.OneTime && /* @__PURE__ */ U(we, { children: [
+							q && /* @__PURE__ */ U("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ G(x, {
+								children: [/* @__PURE__ */ H(S, {
 									id: "scheduled-task-time",
-									mode: S.Time,
+									mode: C.Time,
 									value: r.time,
-									onChange: J,
-									onBlur: q,
+									onChange: Oe,
+									onBlur: De,
 									labelProps: {
 										label: n.timeLabel,
 										required: !0
 									},
-									invalid: !!Ee,
-									disabled: E,
+									invalid: !!J,
+									disabled: D,
 									showTimezone: !0
-								}), Ee && /* @__PURE__ */ G("p", {
-									className: h(W, Z.instructionsError),
-									children: Ee
+								}), J && /* @__PURE__ */ H("p", {
+									className: h(W, X.instructionsError),
+									children: J
 								})]
 							}),
-							r.repeat === t.Weekly && /* @__PURE__ */ K("div", {
+							r.repeat === t.Weekly && /* @__PURE__ */ U("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ G(x, {
+								children: [/* @__PURE__ */ H(S, {
 									id: "scheduled-task-day-of-week",
-									mode: S.Weekday,
+									mode: C.Weekday,
 									value: a(r.dayOfWeek),
-									onChange: (e) => y("dayOfWeek", o(e)),
+									onChange: (e) => x("dayOfWeek", o(e)),
 									labelProps: {
 										label: n.dayOfWeekLabel,
 										required: !0
 									},
 									invalid: !!s.dayOfWeek
-								}), s.dayOfWeek && /* @__PURE__ */ G("p", {
-									className: h(W, Z.instructionsError),
+								}), s.dayOfWeek && /* @__PURE__ */ H("p", {
+									className: h(W, X.instructionsError),
 									children: s.dayOfWeek
 								})]
 							}),
-							r.repeat === t.Monthly && /* @__PURE__ */ G(re, {
+							r.repeat === t.Monthly && /* @__PURE__ */ H(re, {
 								id: "scheduled-task-day-of-month",
 								value: r.dayOfMonth ?? "",
-								onChange: (e) => y("dayOfMonth", e ?? ""),
+								onChange: (e) => x("dayOfMonth", e ?? ""),
 								labelProps: {
 									label: n.dayOfMonthLabel,
 									required: !0
@@ -647,13 +564,13 @@ var Te = {
 								invalid: !!s.dayOfMonth,
 								error: s.dayOfMonth
 							}),
-							r.repeat === t.Hourly && /* @__PURE__ */ G(oe, {
+							r.repeat === t.Hourly && /* @__PURE__ */ H(oe, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
 								max: 59,
 								value: r.minute ?? "",
-								onChange: (e) => y("minute", e == null ? "" : String(e)),
+								onChange: (e) => x("minute", e == null ? "" : String(e)),
 								labelProps: {
 									label: n.minuteLabel,
 									required: !0
@@ -661,34 +578,34 @@ var Te = {
 								invalid: !!s.minute,
 								error: s.minute
 							}),
-							/* @__PURE__ */ K("div", {
+							/* @__PURE__ */ U("div", {
 								className: "flex flex-row gap-3",
-								children: [/* @__PURE__ */ K("div", {
+								children: [/* @__PURE__ */ U("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ G(x, {
+									children: [/* @__PURE__ */ H(S, {
 										id: "scheduled-task-start-date",
-										mode: S.Date,
+										mode: C.Date,
 										value: e(r.startDate),
-										onChange: (e) => y("startDate", i(e)),
+										onChange: (e) => x("startDate", i(e)),
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!s.startDate
-									}), s.startDate && /* @__PURE__ */ G("p", {
-										className: h(W, Z.instructionsError),
+									}), s.startDate && /* @__PURE__ */ H("p", {
+										className: h(W, X.instructionsError),
 										children: s.startDate
 									})]
-								}), /* @__PURE__ */ K("div", {
+								}), /* @__PURE__ */ U("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ G(x, {
+									children: [/* @__PURE__ */ H(S, {
 										id: "scheduled-task-end-date",
-										mode: S.Date,
+										mode: C.Date,
 										value: e(r.endDate),
-										onChange: (e) => y("endDate", i(e)),
+										onChange: (e) => x("endDate", i(e)),
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!s.endDate
-									}), s.endDate && /* @__PURE__ */ G("p", {
-										className: h(W, Z.instructionsError),
+									}), s.endDate && /* @__PURE__ */ H("p", {
+										className: h(W, X.instructionsError),
 										children: s.endDate
 									})]
 								})]
@@ -698,74 +615,74 @@ var Te = {
 				})
 			]
 		}),
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ U("div", {
 			role: "group",
 			"aria-label": n.configurationSectionTitle,
-			className: h("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
+			className: h("flex flex-1 flex-col gap-5 py-6", X.formColumn),
 			children: [
-				/* @__PURE__ */ K("div", {
+				/* @__PURE__ */ U("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ G("h2", {
-						className: he,
+					children: [/* @__PURE__ */ H("h2", {
+						className: ve,
 						children: n.configurationSectionTitle
-					}), /* @__PURE__ */ G("p", {
-						className: h(_e, Z.sectionSubtitle),
+					}), /* @__PURE__ */ H("p", {
+						className: h(V, X.sectionSubtitle),
 						children: n.configurationSectionSubtitle
 					})]
 				}),
-				p != null && /* @__PURE__ */ K("div", {
+				_ != null && /* @__PURE__ */ U("div", {
 					className: "flex w-full min-w-0 max-w-[996px] flex-col gap-1",
-					children: [/* @__PURE__ */ G("span", {
-						id: ee,
-						className: H,
+					children: [/* @__PURE__ */ H("span", {
+						id: y,
+						className: xe,
 						children: n.skillLabel
-					}), p]
+					}), _]
 				}),
-				/* @__PURE__ */ G("div", {
-					id: v,
+				/* @__PURE__ */ H("div", {
+					id: b,
 					"aria-live": "polite",
 					className: s.skillUrl ? void 0 : "sr-only",
-					children: s.skillUrl && /* @__PURE__ */ G("p", {
-						className: h(W, Z.instructionsError),
+					children: s.skillUrl && /* @__PURE__ */ H("p", {
+						className: h(W, X.instructionsError),
 						children: s.skillUrl
 					})
 				}),
-				/* @__PURE__ */ G(Fe, {
-					enabled: !!ne,
-					fieldId: ce,
-					labelClassName: H,
+				/* @__PURE__ */ H(p, {
+					isEnabled: !!O,
+					fieldId: j,
+					labelClassName: xe,
 					label: n.instructionsLabel,
 					labels: n,
 					refinement: P,
-					disabled: E || F,
-					...we,
-					children: /* @__PURE__ */ K("div", {
+					disabled: D || F,
+					...K,
+					children: /* @__PURE__ */ U("div", {
 						className: "flex flex-1 flex-col gap-1",
 						children: [
-							!ne && /* @__PURE__ */ G("label", {
-								htmlFor: ce,
-								className: H,
+							!O && /* @__PURE__ */ H("label", {
+								htmlFor: j,
+								className: xe,
 								children: n.instructionsLabel
 							}),
-							/* @__PURE__ */ G("div", {
-								ref: pe,
+							/* @__PURE__ */ H("div", {
+								ref: I,
 								className: h("w-full max-w-[996px]", l, u),
-								children: /* @__PURE__ */ G(ge, {
-									fallback: /* @__PURE__ */ G(ue, {}),
-									children: /* @__PURE__ */ G(Re, {
-										id: ce,
+								children: /* @__PURE__ */ H(_e, {
+									fallback: /* @__PURE__ */ H(ue, {}),
+									children: /* @__PURE__ */ H(Le, {
+										id: j,
 										value: r.prompt,
 										onChange: (e) => {
-											P.reset(), y("prompt", e);
+											P.reset(), x("prompt", e);
 										},
 										height: 480,
-										theme: O,
+										theme: ie,
 										placeholder: n.instructionsPlaceholder
 									})
 								})
 							}),
-							s.prompt && /* @__PURE__ */ G("p", {
-								className: h(W, Z.instructionsError),
+							s.prompt && /* @__PURE__ */ H("p", {
+								className: h(W, X.instructionsError),
 								children: s.prompt
 							})
 						]
@@ -774,74 +691,74 @@ var Te = {
 			]
 		})
 	});
-}, Be = /* @__PURE__ */ function(e) {
+}, Z = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), Ve = /* @__PURE__ */ function(e) {
+}({}), ze = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), He = { subtitleText: "_subtitleText_1i4x2_3" }, Ue = ({ skillLabel: e, skillDisplayName: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, fieldLabelClassName: a = "dial-tiny-text" }) => /* @__PURE__ */ K("div", {
+}({}), Be = { subtitleText: "_subtitleText_1i4x2_3" }, Ve = ({ skillLabel: e, skillDisplayName: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, fieldLabelClassName: a = "dial-tiny-text" }) => /* @__PURE__ */ U("div", {
 	className: "flex min-w-0 flex-col gap-5",
-	children: [t && /* @__PURE__ */ K("div", {
+	children: [t && /* @__PURE__ */ U("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ G("span", {
-			className: h(a, He.subtitleText),
+		children: [/* @__PURE__ */ H("span", {
+			className: h(a, Be.subtitleText),
 			children: e
-		}), /* @__PURE__ */ G("p", {
+		}), /* @__PURE__ */ H("p", {
 			className: "whitespace-normal break-all",
 			children: t
 		})]
-	}), r && /* @__PURE__ */ K("div", {
+	}), r && /* @__PURE__ */ U("div", {
 		role: "group",
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ G("span", {
-			className: h(a, He.subtitleText),
+		children: [/* @__PURE__ */ H("span", {
+			className: h(a, Be.subtitleText),
 			children: n
-		}), i ? i(r) : /* @__PURE__ */ G(d, { content: r })]
+		}), i ? i(r) : /* @__PURE__ */ H(d, { content: r })]
 	})]
-}), We = { subtitleText: "_subtitleText_1i4x2_3" }, Ge = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: a = "dial-tiny-text", fieldValueClassName: o = "dial-small-text" }) => /* @__PURE__ */ K(Se, { children: [
-	t && /* @__PURE__ */ K("div", {
+}), He = { subtitleText: "_subtitleText_1i4x2_3" }, Ue = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: a = "dial-tiny-text", fieldValueClassName: o = "dial-small-text" }) => /* @__PURE__ */ U(we, { children: [
+	t && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ G("span", {
-			className: h(a, We.subtitleText),
+		children: [/* @__PURE__ */ H("span", {
+			className: h(a, He.subtitleText),
 			children: e.descriptionLabel
-		}), /* @__PURE__ */ G("p", {
+		}), /* @__PURE__ */ H("p", {
 			className: o,
 			children: t
 		})]
 	}),
-	n && /* @__PURE__ */ K("div", {
+	n && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ G("span", {
-			className: h(a, We.subtitleText),
+		children: [/* @__PURE__ */ H("span", {
+			className: h(a, He.subtitleText),
 			children: e.modelLabel
-		}), /* @__PURE__ */ G("p", {
+		}), /* @__PURE__ */ H("p", {
 			className: o,
 			children: n
 		})]
 	}),
-	r && /* @__PURE__ */ K("div", {
+	r && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ G("span", {
-			className: h(a, We.subtitleText),
+		children: [/* @__PURE__ */ H("span", {
+			className: h(a, He.subtitleText),
 			children: e.repeatsLabel
-		}), /* @__PURE__ */ G("p", {
+		}), /* @__PURE__ */ H("p", {
 			className: o,
 			children: r
 		})]
 	}),
-	i && /* @__PURE__ */ K("div", {
+	i && /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ G("span", {
-			className: h(a, We.subtitleText),
+		children: [/* @__PURE__ */ H("span", {
+			className: h(a, He.subtitleText),
 			children: e.activeWindowLabel
-		}), /* @__PURE__ */ G("p", {
+		}), /* @__PURE__ */ H("p", {
 			className: o,
 			children: i
 		})]
 	})
-] }), Ke = /* @__PURE__ */ function(e) {
+] }), We = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_1naww_1",
@@ -852,34 +769,34 @@ var Te = {
 	interactiveRow: "_interactiveRow_1naww_21",
 	unreadDot: "_unreadDot_1naww_29",
 	rowLayout: "_rowLayout_1naww_33"
-}, qe = ({ status: e }) => {
+}, Ge = ({ status: e }) => {
 	switch (e) {
-		case Ke.Success: return /* @__PURE__ */ G(pe, {
-			size: w.SM,
+		case We.Success: return /* @__PURE__ */ H(me, {
+			size: T.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: T
+			stroke: E
 		});
-		case Ke.Error: return /* @__PURE__ */ G(L, {
-			size: w.SM,
+		case We.Error: return /* @__PURE__ */ H(I, {
+			size: T.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: T
+			stroke: E
 		});
-		case Ke.InProgress: return /* @__PURE__ */ G("span", {
+		case We.InProgress: return /* @__PURE__ */ H("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ G(ue, { size: w.SM })
+			children: /* @__PURE__ */ H(ue, { size: T.SM })
 		});
-		case Ke.Missed: return /* @__PURE__ */ G(F, {
-			size: w.SM,
+		case We.Missed: return /* @__PURE__ */ H(P, {
+			size: T.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: T
+			stroke: E
 		});
 		default: return null;
 	}
-}, Je = ({ 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-text", g = f?.subtitleClassName ?? "dial-body-text", ee = c.unreadIndicatorLabel ?? "Unread", _ = m({
+}, Ke = ({ 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-text", g = f?.subtitleClassName ?? "dial-body-text", _ = c.unreadIndicatorLabel ?? "Unread", v = m({
 		"--strhl-success-icon": d?.successIconColor,
 		"--strhl-error-icon": d?.errorIconColor,
 		"--strhl-missed-icon": d?.missedIconColor,
@@ -888,9 +805,9 @@ var Te = {
 		"--strhl-unread-dot": d?.unreadDotColor,
 		"--strhl-row-hover-bg": u?.rowHoverBackground,
 		"--strhl-row-focus-bg": u?.rowFocusBackground
-	}), v = (e) => {
-		let t = c.runStatusLabels[e.status], n = e.id === o, r = [e.isUnread ? ee : void 0, n ? c.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), a = !!e.conversationId && !!s;
-		return /* @__PURE__ */ K("li", {
+	}), y = (e) => {
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = [e.isUnread ? _ : void 0, n ? c.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), a = !!e.conversationId && !!s;
+		return /* @__PURE__ */ U("li", {
 			...a ? {
 				role: "button",
 				tabIndex: 0,
@@ -902,123 +819,123 @@ var Te = {
 			"aria-label": i,
 			"aria-current": n ? "true" : void 0,
 			className: h("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full pe-2", Q.rowLayout, n && Q.currentRun, a && "cursor-pointer", a && Q.interactiveRow),
-			children: [/* @__PURE__ */ K("span", {
+			children: [/* @__PURE__ */ U("span", {
 				className: "flex items-center gap-2 truncate",
-				children: [/* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ H("span", {
 					className: "relative flex size-3 shrink-0 items-center justify-center",
-					children: e.isUnread && /* @__PURE__ */ G("span", {
+					children: e.isUnread && /* @__PURE__ */ H("span", {
 						className: h("size-[5.33px] rounded-full", Q.unreadDot),
 						"aria-hidden": !0
 					})
-				}), /* @__PURE__ */ G("span", {
+				}), /* @__PURE__ */ H("span", {
 					className: h(p, "truncate"),
 					children: e.timestampLabel
 				})]
-			}), /* @__PURE__ */ G("span", {
+			}), /* @__PURE__ */ H("span", {
 				className: "flex min-h-[var(--strhl-row-min-height,32px)] w-14 shrink-0 items-center justify-end",
-				children: /* @__PURE__ */ G(qe, { status: e.status })
+				children: /* @__PURE__ */ H(Ge, { status: e.status })
 			})]
 		}, e.id);
-	}, y = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ K("li", {
+	}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ U("li", {
 		"aria-hidden": "true",
 		className: h("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 pe-2", Q.rowLayout),
-		children: [/* @__PURE__ */ G(j, {
+		children: [/* @__PURE__ */ H(j, {
 			variant: M.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ G(j, {
+		}), /* @__PURE__ */ H(j, {
 			variant: M.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
 		})]
 	}, `history-skeleton-${t}`));
-	return t && e.length === 0 ? /* @__PURE__ */ G("ul", {
+	return t && e.length === 0 ? /* @__PURE__ */ H("ul", {
 		style: {
-			..._,
+			...v,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
-		children: y(r)
-	}) : i && e.length === 0 ? /* @__PURE__ */ K("div", {
-		style: _,
+		children: b(r)
+	}) : i && e.length === 0 ? /* @__PURE__ */ U("div", {
+		style: v,
 		className: "flex flex-col items-start gap-3",
-		children: [/* @__PURE__ */ G("p", {
+		children: [/* @__PURE__ */ H("p", {
 			role: "alert",
 			className: h(g, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ G(D, {
+		}), /* @__PURE__ */ H(D, {
 			label: c.retryLabel,
 			onClick: a
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ K("div", {
-		style: _,
+	}) : e.length === 0 ? /* @__PURE__ */ U("div", {
+		style: v,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ G(R, {
+		children: [/* @__PURE__ */ H(L, {
 			size: 44,
-			stroke: T,
+			stroke: E,
 			className: Q.subtitleText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ G("p", {
+		}), /* @__PURE__ */ H("p", {
 			role: "status",
 			className: p,
 			children: c.emptyLabel
 		})]
-	}) : /* @__PURE__ */ K("ul", {
+	}) : /* @__PURE__ */ U("ul", {
 		style: {
-			..._,
+			...v,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: [
-			e.map(v),
-			n && y(r),
-			i ? /* @__PURE__ */ K("li", {
+			e.map(y),
+			n && b(r),
+			i ? /* @__PURE__ */ U("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
-				children: [/* @__PURE__ */ G("p", {
+				children: [/* @__PURE__ */ H("p", {
 					role: "alert",
 					className: h(g, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ G(D, {
+				}), /* @__PURE__ */ H(D, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
 	});
-}, Ye = {
+}, qe = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, Xe = ({ 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", sectionTitleClassName: g = "dial-body-semi-text", colors: ee, styles: _ }) => {
-	let v = e === Ve.Card, y = v ? h("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", Ye.historyCard) : "pt-2", b = l ? /* @__PURE__ */ K("li", {
-		className: y,
-		children: [/* @__PURE__ */ G("p", {
+}, Je = ({ 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", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: v }) => {
+	let y = e === ze.Card, b = y ? h("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", qe.historyCard) : "pt-2", x = l ? /* @__PURE__ */ U("li", {
+		className: b,
+		children: [/* @__PURE__ */ H("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ G(D, {
+		}), u && /* @__PURE__ */ H(D, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
-	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ G("li", {
-		className: y,
-		children: /* @__PURE__ */ G(D, {
+	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ H("li", {
+		className: b,
+		children: /* @__PURE__ */ H(D, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, x = n ? /* @__PURE__ */ G("p", {
-		className: h(m, Ye.subtitleText),
+	}) : void 0, S = n ? /* @__PURE__ */ H("p", {
+		className: h(m, qe.subtitleText),
 		children: n
-	}) : void 0, S = t.historyLoadingMoreLabel ? /* @__PURE__ */ G("span", {
+	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ H("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, C = /* @__PURE__ */ G(Je, {
+	}) : void 0, w = /* @__PURE__ */ H(Ke, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1034,38 +951,38 @@ var Te = {
 			runStatusLabels: t.runStatusLabels,
 			unreadIndicatorLabel: t.unreadIndicatorLabel
 		},
-		footer: b,
+		footer: x,
 		styles: {
 			typography: { runTimestampClassName: m },
-			colors: _?.colors ?? ee,
-			rowMinHeight: _?.rowMinHeight,
-			rowHoverBackground: _?.rowHoverBackground,
-			rowFocusBackground: _?.rowFocusBackground
+			colors: v?.colors ?? _,
+			rowMinHeight: v?.rowMinHeight,
+			rowHoverBackground: v?.rowHoverBackground,
+			rowFocusBackground: v?.rowFocusBackground
 		}
 	});
-	return v ? /* @__PURE__ */ K("div", {
-		className: h("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", Ye.historyCard, Ye.cardLayout),
-		style: { "--st-history-max-height": _?.maxHeight },
-		children: [/* @__PURE__ */ K("div", {
-			className: h("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", Ye.historyCard),
+	return y ? /* @__PURE__ */ U("div", {
+		className: h("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", qe.historyCard, qe.cardLayout),
+		style: { "--st-history-max-height": v?.maxHeight },
+		children: [/* @__PURE__ */ U("div", {
+			className: h("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", qe.historyCard),
 			children: [
-				/* @__PURE__ */ G("h2", {
+				/* @__PURE__ */ H("h2", {
 					className: g,
 					children: t.historyTitle
 				}),
-				x,
-				S
+				S,
+				C
 			]
-		}), /* @__PURE__ */ G("div", {
+		}), /* @__PURE__ */ H("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
-			children: C
+			children: w
 		})]
-	}) : /* @__PURE__ */ K("div", {
+	}) : /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-4",
 		children: [
-			x,
 			S,
-			C
+			C,
+			w
 		]
 	});
 }, $ = {
@@ -1076,27 +993,27 @@ var Te = {
 	desktopTitle: "_desktopTitle_1v896_31",
 	desktopBadge: "_desktopBadge_1v896_32",
 	mobileTitleRow: "_mobileTitleRow_1v896_36"
-}, Ze = ({ labels: e, onBack: t, onEdit: n, onDelete: r, isDeleting: i = !1, isDeleted: a = !1, isActive: o, isActiveUpdating: s = !1, isActiveDisabled: c = !1, onActiveChange: l, displayName: u, isLoading: d = !1, error: f, onRetry: p, description: g, modelLabel: _, repeatsLabel: v, activeWindowLabel: y, nextRunLabel: x, instructionsMarkdown: S, skillDisplayName: C, renderInstructions: te, runs: E, runsIsLoading: O = !1, runsIsLoadingMore: re = !1, runsSkeletonCount: k = 6, runsError: ie, onRunsRetry: oe, runsLoadMoreError: A, onRunsRetryLoadMore: se, runsHasMore: ce = !1, onRunsLoadMore: le, onRunClick: j, styles: M, className: de, backIcon: F, layout: I, historyStyles: pe }) => {
-	let { colors: L, typography: R } = M ?? {}, B = R?.titleClassName ?? "dial-h2-text", V = R?.sectionTitleClassName ?? "dial-body-semi-text", me = R?.fieldLabelClassName ?? "dial-tiny-text", ge = R?.fieldValueClassName ?? "dial-small-text", _e = R?.runTimestampClassName ?? "dial-small-text", H = m({
-		"--stdv-bg": L?.background,
-		"--stdv-header-border": L?.headerBorder,
-		"--stdv-details-border": L?.detailsColumnBorder,
-		"--stdv-subtitle-text": L?.subtitleText,
-		"--stdv-history-bg": L?.historyCardBackground
-	}), ve = ee(), [U, W] = xe(Be.Details), ye = [
+}, Ye = ({ labels: e, onBack: t, onEdit: n, onDelete: r, isDeleting: i = !1, isDeleted: a = !1, isActive: o, isActiveUpdating: s = !1, isActiveDisabled: c = !1, onActiveChange: l, displayName: u, isLoading: d = !1, error: f, onRetry: p, description: g, modelLabel: v, repeatsLabel: y, activeWindowLabel: b, nextRunLabel: S, instructionsMarkdown: C, skillDisplayName: w, renderInstructions: ee, runs: te, runsIsLoading: O = !1, runsIsLoadingMore: re = !1, runsSkeletonCount: k = 6, runsError: ie, onRunsRetry: oe, runsLoadMoreError: A, onRunsRetryLoadMore: se, runsHasMore: ce = !1, onRunsLoadMore: le, onRunClick: j, styles: M, className: fe, backIcon: P, layout: F, historyStyles: me }) => {
+	let { colors: I, typography: L } = M ?? {}, R = L?.titleClassName ?? "dial-h2-text", z = L?.sectionTitleClassName ?? "dial-body-semi-text", _e = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", ve = L?.runTimestampClassName ?? "dial-small-text", ye = m({
+		"--stdv-bg": I?.background,
+		"--stdv-header-border": I?.headerBorder,
+		"--stdv-details-border": I?.detailsColumnBorder,
+		"--stdv-subtitle-text": I?.subtitleText,
+		"--stdv-history-bg": I?.historyCardBackground
+	}), be = _(), [V, xe] = Ce(Z.Details), Se = [
 		{
-			id: Be.Details,
+			id: Z.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: Be.Configuration,
+			id: Z.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: Be.History,
+			id: Z.History,
 			label: e.historyTitle
 		}
-	], be = ye.find((e) => e.id === U)?.label ?? e.detailsTitle, Se = /* @__PURE__ */ G(Ge, {
+	], we = Se.find((e) => e.id === V)?.label ?? e.detailsTitle, Te = /* @__PURE__ */ H(Ue, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1104,19 +1021,19 @@ var Te = {
 			activeWindowLabel: e.activeWindowLabel
 		},
 		description: g,
-		modelLabel: _,
-		repeatsLabel: v,
-		activeWindowLabel: y,
-		fieldLabelClassName: me,
-		fieldValueClassName: ge
-	}), Ce = /* @__PURE__ */ G(Ue, {
+		modelLabel: v,
+		repeatsLabel: y,
+		activeWindowLabel: b,
+		fieldLabelClassName: _e,
+		fieldValueClassName: B
+	}), W = /* @__PURE__ */ H(Ve, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayName: C,
-		instructionsMarkdown: S,
-		renderInstructions: te,
-		fieldLabelClassName: me
-	}), we = (t) => /* @__PURE__ */ G(Xe, {
+		skillDisplayName: w,
+		instructionsMarkdown: C,
+		renderInstructions: ee,
+		fieldLabelClassName: _e
+	}), Ee = (t) => /* @__PURE__ */ H(Je, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -1129,8 +1046,8 @@ var Te = {
 			runStatusLabels: e.runStatusLabels,
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
-		nextRunLabel: x,
-		items: E,
+		nextRunLabel: S,
+		items: te,
 		isLoading: O,
 		isLoadingMore: re,
 		skeletonCount: k,
@@ -1141,67 +1058,67 @@ var Te = {
 		hasMore: ce,
 		onLoadMore: le,
 		onRunClick: j,
-		runTimestampClassName: _e,
-		sectionTitleClassName: V,
-		colors: L,
-		styles: pe
+		runTimestampClassName: ve,
+		sectionTitleClassName: z,
+		colors: I,
+		styles: me
 	});
-	return /* @__PURE__ */ K("div", {
-		style: H,
-		className: h("flex h-full w-full flex-col overflow-y-auto", $.container, de),
+	return /* @__PURE__ */ U("div", {
+		style: ye,
+		className: h("flex h-full w-full flex-col overflow-y-auto", $.container, fe),
 		children: [
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ U("div", {
 				className: h("flex h-16 shrink-0 items-center justify-between gap-2 px-8", $.header),
-				children: [/* @__PURE__ */ K("div", {
+				children: [/* @__PURE__ */ U("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ G(ne, {
-							icon: F === void 0 ? /* @__PURE__ */ G(fe, {
-								size: w.LG,
+						/* @__PURE__ */ H(ne, {
+							icon: P === void 0 ? /* @__PURE__ */ H(pe, {
+								size: T.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: T
-							}) : F,
+								stroke: E
+							}) : P,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
-						/* @__PURE__ */ G("h1", {
-							className: h("truncate", $.desktopTitle, B),
+						/* @__PURE__ */ H("h1", {
+							className: h("truncate", $.desktopTitle, R),
 							children: u
 						}),
-						a && /* @__PURE__ */ G("span", {
-							className: h("shrink-0", $.desktopBadge, ge, $.subtitleText),
+						a && /* @__PURE__ */ H("span", {
+							className: h("shrink-0", $.desktopBadge, B, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
-				}), /* @__PURE__ */ K("div", {
+				}), /* @__PURE__ */ U("div", {
 					className: "flex shrink-0 items-center gap-2",
 					children: [
-						!a && o !== void 0 && /* @__PURE__ */ G(N, {
+						!a && o !== void 0 && /* @__PURE__ */ H(de, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: o,
 							disabled: s || c || i,
 							onChange: (e) => l?.(e)
 						}),
-						!a && r && /* @__PURE__ */ G(D, {
-							variant: b.Danger,
+						!a && r && /* @__PURE__ */ H(D, {
+							variant: x.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ G(he, {
-								size: w.SM,
+							iconBefore: /* @__PURE__ */ H(ge, {
+								size: T.SM,
 								"aria-hidden": !0,
-								stroke: T
+								stroke: E
 							}),
 							onClick: r,
 							disabled: i,
 							className: "shrink-0"
 						}),
-						!a && n && /* @__PURE__ */ G(ae, {
+						!a && n && /* @__PURE__ */ H(ae, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ G(z, {
-								size: w.SM,
+							iconBefore: /* @__PURE__ */ H(he, {
+								size: T.SM,
 								"aria-hidden": !0,
-								stroke: T
+								stroke: E
 							}),
 							onClick: n,
 							disabled: i,
@@ -1210,139 +1127,139 @@ var Te = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ K("div", {
+			/* @__PURE__ */ U("div", {
 				className: h("min-w-0 items-center gap-2 px-8 py-3", $.mobileTitleRow),
-				children: [/* @__PURE__ */ G("h1", {
-					className: h("truncate", B),
+				children: [/* @__PURE__ */ H("h1", {
+					className: h("truncate", R),
 					children: u
-				}), a && /* @__PURE__ */ G("span", {
-					className: h("shrink-0", ge, $.subtitleText),
+				}), a && /* @__PURE__ */ H("span", {
+					className: h("shrink-0", B, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
-			e.activeStatusAnnouncement != null && /* @__PURE__ */ G("span", {
+			e.activeStatusAnnouncement != null && /* @__PURE__ */ H("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.activeStatusAnnouncement
 			}),
-			d && /* @__PURE__ */ G("div", {
+			d && /* @__PURE__ */ H("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ G(ue, {})
+				children: /* @__PURE__ */ H(ue, {})
 			}),
-			!d && f && /* @__PURE__ */ K("div", {
+			!d && f && /* @__PURE__ */ U("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
-				children: [/* @__PURE__ */ G("p", {
-					className: h(ge, $.subtitleText),
+				children: [/* @__PURE__ */ H("p", {
+					className: h(B, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ G(D, {
+				}), /* @__PURE__ */ H(D, {
 					label: e.retryLabel,
 					onClick: p
 				})]
 			}),
-			!d && !f && (ve ? /* @__PURE__ */ K("div", {
+			!d && !f && (be ? /* @__PURE__ */ U("div", {
 				className: "flex flex-1 flex-col",
-				children: [/* @__PURE__ */ G(P, {
+				children: [/* @__PURE__ */ H(N, {
 					ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 					className: "px-8",
-					tabs: ye,
-					activeTabId: U,
-					onTabChange: W
-				}), /* @__PURE__ */ G("div", {
+					tabs: Se,
+					activeTabId: V,
+					onTabChange: xe
+				}), /* @__PURE__ */ H("div", {
 					role: "tabpanel",
-					"aria-label": be,
+					"aria-label": we,
 					className: "flex flex-1 flex-col gap-5 px-8 py-6",
-					children: U === Be.Configuration ? Ce : U === Be.History ? we(Ve.Flow) : Se
+					children: V === Z.Configuration ? W : V === Z.History ? Ee(ze.Flow) : Te
 				})]
-			}) : /* @__PURE__ */ K("div", {
+			}) : /* @__PURE__ */ U("div", {
 				style: {
 					flexDirection: "row",
 					flexWrap: "wrap",
-					"--st-details-width": I?.detailsWidth,
-					"--st-history-width": I?.historyWidth,
-					"--st-history-max-height": I?.historyMaxHeight,
-					"--st-configuration-min-width": I?.configurationMinWidth
+					"--st-details-width": F?.detailsWidth,
+					"--st-history-width": F?.historyWidth,
+					"--st-history-max-height": F?.historyMaxHeight,
+					"--st-configuration-min-width": F?.configurationMinWidth
 				},
 				className: "flex flex-1",
 				children: [
-					/* @__PURE__ */ K("div", {
+					/* @__PURE__ */ U("div", {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${I?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${F?.detailsWidth ?? "360px"}`,
 							maxWidth: "100%"
 						},
 						className: h("flex w-full flex-col gap-5 border-e px-8 py-6", $.detailsColumn),
-						children: [/* @__PURE__ */ G("h2", {
-							className: V,
+						children: [/* @__PURE__ */ H("h2", {
+							className: z,
 							children: e.detailsTitle
-						}), Se]
+						}), Te]
 					}),
-					/* @__PURE__ */ K("div", {
+					/* @__PURE__ */ U("div", {
 						style: {
-							flex: `1 1 ${I?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${F?.configurationMinWidth ?? "320px"}`,
 							minWidth: 0
 						},
 						className: "flex w-full min-w-0 flex-col gap-5 px-8 py-6",
-						children: [/* @__PURE__ */ G("h2", {
-							className: V,
+						children: [/* @__PURE__ */ H("h2", {
+							className: z,
 							children: e.configurationTitle
-						}), Ce]
+						}), W]
 					}),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ H("div", {
 						style: {
-							flex: `0 1 calc(${I?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${F?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
 						className: "flex w-full items-start justify-center p-6",
-						children: we(Ve.Card)
+						children: Ee(ze.Card)
 					})
 				]
 			}))
 		]
 	});
-}, Qe = ({ modelLabel: e, skillLabel: t, skillDisplayName: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, styles: s }) => {
+}, Xe = ({ modelLabel: e, skillLabel: t, skillDisplayName: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, styles: s }) => {
 	let c = s?.typography?.fieldLabelClassName ?? "dial-tiny-text", l = s?.typography?.fieldValueClassName ?? "dial-body-text";
-	return /* @__PURE__ */ K("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "flex flex-col gap-3",
 		children: [
-			i && /* @__PURE__ */ K("div", {
+			i && /* @__PURE__ */ U("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ H("span", {
 					className: c,
 					children: e
-				}), /* @__PURE__ */ G("p", {
+				}), /* @__PURE__ */ H("p", {
 					className: l,
 					children: i
 				})]
 			}),
-			n && /* @__PURE__ */ K("div", {
+			n && /* @__PURE__ */ U("div", {
 				className: "flex min-w-0 flex-col gap-2",
-				children: [/* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ H("span", {
 					className: c,
 					children: t
-				}), /* @__PURE__ */ G("p", {
+				}), /* @__PURE__ */ H("p", {
 					className: `${l} whitespace-normal break-all`,
 					children: n
 				})]
 			}),
-			a && /* @__PURE__ */ K("div", {
+			a && /* @__PURE__ */ U("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ G("span", {
+				children: [/* @__PURE__ */ H("span", {
 					className: c,
 					children: r
-				}), ((e) => o ? o(e) : /* @__PURE__ */ G(d, { content: e }))(a)]
+				}), ((e) => o ? o(e) : /* @__PURE__ */ H(d, { content: e }))(a)]
 			})
 		]
 	});
-}, $e = ({ open: e, taskName: t, title: n, body: r, consequences: i = [], cancelLabel: a, cancelAppearance: o = v.Ghost, confirmLabel: s, pendingLabel: c, isDeleting: l = !1, onConfirm: u, onClose: d, styles: f }) => {
+}, Ze = ({ open: e, taskName: t, title: n, body: r, consequences: i = [], cancelLabel: a, cancelAppearance: o = y.Ghost, confirmLabel: s, pendingLabel: c, isDeleting: l = !1, onConfirm: u, onClose: d, styles: f }) => {
 	let p = () => {
 		l || d();
 	};
-	return /* @__PURE__ */ G(A, {
+	return /* @__PURE__ */ H(A, {
 		open: e,
 		className: f?.popupClassName,
-		header: /* @__PURE__ */ G("span", {
+		header: /* @__PURE__ */ H("span", {
 			className: f?.titleClassName,
 			children: n
 		}),
@@ -1358,31 +1275,31 @@ var Te = {
 				l || u();
 			},
 			disabled: l,
-			variant: b.Danger,
+			variant: x.Danger,
 			className: f?.actionClassName
 		}],
-		children: /* @__PURE__ */ K("div", {
+		children: /* @__PURE__ */ U("div", {
 			className: "flex flex-col gap-4 px-6 pb-4 pt-2",
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex h-11 items-center rounded-lg border border-error-alpha bg-error px-3",
-					children: /* @__PURE__ */ G("span", {
+					children: /* @__PURE__ */ H("span", {
 						className: "dial-small-semi-text truncate",
 						children: t
 					})
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ H("div", {
 					className: "dial-body-paragraph-text break-words",
 					children: r
 				}),
-				i.length > 0 && /* @__PURE__ */ G("ul", {
+				i.length > 0 && /* @__PURE__ */ H("ul", {
 					className: "flex flex-col gap-2 ps-[18px]",
-					children: i.map((e, t) => /* @__PURE__ */ G("li", {
+					children: i.map((e, t) => /* @__PURE__ */ H("li", {
 						className: "dial-body-paragraph-text list-disc text-secondary marker:text-secondary",
 						children: e
 					}, t))
 				}),
-				l && /* @__PURE__ */ G("span", {
+				l && /* @__PURE__ */ H("span", {
 					role: "status",
 					"aria-live": "polite",
 					className: "sr-only",
@@ -1393,4 +1310,4 @@ var Te = {
 	});
 };
 //#endregion
-export { r as DESCRIPTION_MAX_LENGTH, Te as SCHEDULED_TASKS_CLASS, Y as ScheduledTaskCard, Ae as ScheduledTaskCardGrid, ke as ScheduledTaskCardSkeleton, ze as ScheduledTaskCreateForm, $e as ScheduledTaskDeleteConfirmation, Ze as ScheduledTaskDetailView, Qe as ScheduledTaskDetailsSummary, Xe as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, Je as ScheduledTaskRunHistoryList, Ke as ScheduledTaskRunStatus, Ne as ScheduledTasks, Pe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN };
+export { r as DESCRIPTION_MAX_LENGTH, Ee as SCHEDULED_TASKS_CLASS, De as ScheduledTaskCard, Ae as ScheduledTaskCardGrid, ke as ScheduledTaskCardSkeleton, Re as ScheduledTaskCreateForm, Ze as ScheduledTaskDeleteConfirmation, Ye as ScheduledTaskDetailView, Xe as ScheduledTaskDetailsSummary, Je as ScheduledTaskHistorySection, G as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, Ke as ScheduledTaskRunHistoryList, We as ScheduledTaskRunStatus, Ne as ScheduledTasks, Pe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN };