@epam/ai-dial-scheduled-tasks 1.2.0-dev.98 → 1.2.0-rc.0

package/index.js

@@ -1,33 +1,89 @@
 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, buildCssVars as p, mergeClasses as m, useAvailableHeightCap as h, useIsMobile as g } from "@epam/ai-dial-chat-shared";
-import { ButtonAppearance as _, ButtonDropdown as v, ButtonVariant as y, Calendar as b, CalendarMode as x, CardShell as S, DIAL_ICON_SIZE as C, DIAL_KIT_ICON_STROKE as w, ElementSize as T, FolderPath as E, GhostButton as D, GhostIconButton as ee, Highlight as te, Input as ne, Label as O, MenuItemMark as re, NeutralButton as ie, NumberInput as k, Popup as A, PrimaryButton as j, Search as M, Select as ae, Skeleton as N, SkeletonVariant as P, Spinner as oe, Switch as se, Tabs as ce, Textarea as le } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as F, IconArrowNarrowLeft as ue, IconArrowsSort as I, IconCircleCheck as L, IconCircleX as de, IconClipboardX as R, IconPencilMinus as z, IconPlayerPause as B, IconPlus as fe, IconTrashX as pe } from "@tabler/icons-react";
-import { Suspense as V, lazy as me, useCallback as H, useEffect as he, useId as ge, useLayoutEffect as _e, useMemo as U, useRef as ve, useState as ye } from "react";
-import { Fragment as be, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { BuilderFormContainer as xe } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as Se } from "@epam/ai-dial-ui-kit/editors";
+import { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as S } from "@epam/ai-dial-chat-shared";
+import { ButtonAppearance as ee, ButtonDropdown as te, ButtonVariant as ne, Calendar as C, CalendarMode as w, CardShell as T, ConfirmationPopupVariant as E, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as re, FolderPath as ie, GhostButton as k, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as fe, Search as A, Select as pe, Skeleton as j, SkeletonVariant as M, Spinner as me, Switch as he, Tabs as ge, Textarea as _e } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as ve, IconArrowNarrowLeft as ye, IconArrowsSort as N, IconCheck as be, IconCircleCheck as xe, IconCircleX as P, IconClipboardX as Se, IconClockHour3 as F, IconPencilMinus as Ce, IconPlayerPause as I, IconPlayerPlay as L, IconPlus as R, IconTrashX as we } from "@tabler/icons-react";
+import { Suspense as Te, lazy as Ee, useCallback as z, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as Ae, useRef as B, useState as je } from "react";
+import { Fragment as Me, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { BuilderFormContainer as Ne } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as U } from "@epam/ai-dial-ui-kit/editors";
 //#region src/constants/public-class-names.ts
-var Ce = {
+var W = {
 	card: "dial-scheduled-tasks-card",
-	cardGrid: "dial-scheduled-tasks-card-grid"
-}, K = /* @__PURE__ */ function(e) {
+	cardGrid: "dial-scheduled-tasks-card-grid",
+	refineFeedback: "dial-scheduled-tasks-refine-feedback"
+}, G = /* @__PURE__ */ function(e) {
+	return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
+}({}), K = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), q = {
-	title: "_title_7q7a6_1",
-	description: "_description_7q7a6_5",
-	schedulePill: "_schedulePill_7q7a6_9",
-	scheduleLabel: "_scheduleLabel_7q7a6_14",
-	locationLabel: "_locationLabel_7q7a6_18",
-	locationLeaf: "_locationLeaf_7q7a6_22",
-	newBadge: "_newBadge_7q7a6_26",
-	pausedPill: "_pausedPill_7q7a6_31",
-	pausedLabel: "_pausedLabel_7q7a6_36",
-	completedPill: "_completedPill_7q7a6_40",
-	completedLabel: "_completedLabel_7q7a6_45",
-	locationDivider: "_locationDivider_7q7a6_49"
-}, we = ({ 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", h = 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", T = e.presentationStatus ?? (e.isActive === !1 ? K.Paused : K.Active), D = p({
-		"--stc-title-text": (T === K.Paused ? l?.pausedTitleText : T === K.Completed ? l?.completedTitleText : void 0) ?? l?.titleText,
+}({}), Pe = (e) => {
+	switch (e.presentationStatus) {
+		case K.Active: return G.Scheduled;
+		case K.Paused: return G.Paused;
+		case K.Completed: return G.Completed;
+	}
+	return e.isCompleted ? G.Completed : e.isActive === !1 ? G.Paused : G.Scheduled;
+}, q = {
+	schedulePill: "_schedulePill_146jw_1",
+	scheduleLabel: "_scheduleLabel_146jw_6",
+	pausedPill: "_pausedPill_146jw_10",
+	pausedLabel: "_pausedLabel_146jw_15",
+	completedPill: "_completedPill_146jw_19",
+	completedLabel: "_completedLabel_146jw_24"
+}, J = {
+	[G.Scheduled]: {
+		pillClassName: "inline-block rounded-lg border px-2 py-1",
+		wrapperClassName: q.schedulePill,
+		labelClassName: q.scheduleLabel
+	},
+	[G.Paused]: {
+		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
+		wrapperClassName: q.pausedPill,
+		labelClassName: q.pausedLabel,
+		renderIcon: () => /* @__PURE__ */ V(I, {
+			size: D.SM,
+			"aria-hidden": !0,
+			stroke: O
+		})
+	},
+	[G.Completed]: {
+		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
+		wrapperClassName: q.completedPill,
+		labelClassName: q.completedLabel,
+		renderIcon: () => /* @__PURE__ */ V(be, {
+			size: D.SM,
+			"aria-hidden": !0,
+			stroke: O
+		})
+	}
+}, Fe = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
+	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = J[e];
+	return /* @__PURE__ */ H("span", {
+		className: v(i, n, a, o, r),
+		children: [s && s(), t]
+	});
+}, Y = {
+	title: "_title_ogabr_1",
+	description: "_description_ogabr_5",
+	locationLabel: "_locationLabel_ogabr_9",
+	locationLeaf: "_locationLeaf_ogabr_13",
+	newBadge: "_newBadge_ogabr_17",
+	locationDivider: "_locationDivider_ogabr_22"
+}, Ie = ({ 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", m = u?.scheduleLabelClassName ?? "dial-tiny-text", h = u?.pausedBadgeClassName ?? "dial-tiny-text", g = u?.completedBadgeClassName ?? "dial-tiny-text", y = u?.locationLabelClassName ?? "dial-tiny-text", b = u?.locationLeafClassName ?? "dial-tiny-semi-text", x = u?.newBadgeClassName ?? "dial-tiny-semi-text", S = Pe(e), { text: ee, textClassName: te } = {
+		[G.Scheduled]: {
+			text: e.scheduleLabel,
+			textClassName: m
+		},
+		[G.Paused]: {
+			text: s,
+			textClassName: h
+		},
+		[G.Completed]: {
+			text: c,
+			textClassName: g
+		}
+	}[S], ne = _({
+		"--stc-title-text": l?.titleText,
 		"--stc-desc-text": l?.descriptionText,
 		"--stc-pill-bg": l?.schedulePillBackground,
 		"--stc-pill-border": l?.schedulePillBorder,
@@ -43,97 +99,88 @@ var Ce = {
 		"--stc-completed-bg": l?.completedBadgeBackground,
 		"--stc-completed-border": l?.completedBadgeBorder,
 		"--stc-completed-text": l?.completedBadgeText
-	}), ee = n ? {
+	}), C = n ? {
 		tabIndex: 0,
 		onClick: () => n(e.id),
 		onKeyDown: (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ G(S, {
+	return /* @__PURE__ */ H(T, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: D,
-		className: m("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, Ce.card),
-		...ee,
+		style: ne,
+		className: v("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, W.card),
+		...C,
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex min-w-0 shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ W(te, {
+				children: [/* @__PURE__ */ V(oe, {
 					text: e.displayName,
 					query: t,
 					maxLines: 1,
-					className: m(d, q.title)
-				}), e.isNew && /* @__PURE__ */ W("span", {
-					className: m("shrink-0 rounded-full px-2 py-0.5", y, q.newBadge),
+					className: v(d, Y.title)
+				}), e.isNew && /* @__PURE__ */ V("span", {
+					className: v("shrink-0 rounded-full px-2 py-0.5", x, Y.newBadge),
 					children: o
 				})]
 			}),
-			e.descriptionPreview && /* @__PURE__ */ W("p", {
-				className: m("line-clamp-4 min-h-0 flex-1 overflow-hidden", h, f, q.description),
+			e.descriptionPreview && /* @__PURE__ */ V("p", {
+				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", p, f, Y.description),
 				children: e.descriptionPreview
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ H("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "flex min-h-[28px] items-center",
-					children: T === K.Paused ? /* @__PURE__ */ G("span", {
-						className: m("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", q.pausedPill, b, q.pausedLabel),
-						children: [/* @__PURE__ */ W(B, {
-							size: C.SM,
-							"aria-hidden": !0,
-							stroke: w
-						}), s]
-					}) : T === K.Completed ? /* @__PURE__ */ W("span", {
-						className: m("inline-flex items-center rounded-full border px-2 py-1", q.completedPill, x, q.completedLabel),
-						children: c
-					}) : /* @__PURE__ */ W("span", {
-						className: m("inline-block rounded-lg border px-2 py-1", q.schedulePill, g, q.scheduleLabel),
-						children: e.scheduleLabel
+					children: /* @__PURE__ */ V(Fe, {
+						status: S,
+						text: ee,
+						textClassName: te
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(E, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(ie, {
 					segments: e.locationSegments,
-					labelClassName: m(_, q.locationLabel),
-					leafClassName: m(v, q.locationLeaf),
-					className: m("pt-3", q.locationDivider)
+					labelClassName: v(y, Y.locationLabel),
+					leafClassName: v(b, Y.locationLeaf),
+					className: v("pt-3", Y.locationDivider)
 				})]
 			})
 		]
 	});
-}, Te = { card: "_card_11bez_1" }, Ee = [
+}, Le = { card: "_card_11bez_1" }, Re = [
 	"100%",
 	"100%",
 	"61%"
-], De = "var(--stcs-skeleton-bg)", Oe = ({ styles: e }) => /* @__PURE__ */ G(S, {
+], ze = "var(--stcs-skeleton-bg)", Be = ({ styles: e }) => /* @__PURE__ */ H(T, {
 	"aria-hidden": !0,
-	style: p({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
-	className: m("h-[var(--st-card-height,232px)]", Te.card),
+	style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
+	className: v("h-[var(--st-card-height,232px)]", Le.card),
 	children: [
-		/* @__PURE__ */ W(N, {
-			variant: P.Rectangular,
+		/* @__PURE__ */ V(j, {
+			variant: M.Rectangular,
 			width: "60%",
 			height: "20px",
-			color: De,
+			color: ze,
 			className: "shrink-0"
 		}),
-		/* @__PURE__ */ W("div", {
+		/* @__PURE__ */ V("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: Ee.map((e, t) => /* @__PURE__ */ W(N, {
-				variant: P.Rectangular,
+			children: Re.map((e, t) => /* @__PURE__ */ V(j, {
+				variant: M.Rectangular,
 				width: e,
 				height: "16px",
-				color: De
+				color: ze
 			}, t))
 		}),
-		/* @__PURE__ */ W(N, {
-			variant: P.Rectangular,
+		/* @__PURE__ */ V(j, {
+			variant: M.Rectangular,
 			width: "110px",
 			height: "28px",
-			color: De,
+			color: ze,
 			className: "shrink-0 rounded-lg"
 		})
 	]
-}), ke = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ G("div", {
+}), Ve = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ H("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -143,197 +190,208 @@ var Ce = {
 		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: m("mx-auto grid w-full min-w-0", Ce.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ W(we, {
+	className: v("mx-auto grid w-full min-w-0", W.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ V(Ie, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Oe, { styles: o }, `skeleton-${t}`))]
-}), J = {
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ V(Be, { styles: o }, `skeleton-${t}`))]
+}), X = {
 	container: "_container_3vz4t_2",
 	subtitle: "_subtitle_3vz4t_6",
 	createButtonLabel: "_createButtonLabel_3vz4t_10",
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, Ae = (e, t, n, r, i, a) => {
+}, He = /* @__PURE__ */ V(F, {
+	size: 48,
+	stroke: 1,
+	"aria-hidden": !0
+}), Ue = (e, t, n, r, i, a) => {
 	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
-}, je = (e) => {
+}, 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 : je(e.parentElement);
-}, Me = ({ 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: h = 6, onLoadMore: g, onCardClick: b, banner: x, styles: S, sortIcon: E, className: ee, gridLayout: te, cardStyles: ne, loadMoreError: O, onRetryLoadMore: ie }) => {
-	let { colors: k, typography: A } = S ?? {}, ae = A?.titleClassName ?? "dial-h1-text", N = A?.subtitleClassName ?? "dial-body-text", P = p({
-		"--st-bg": k?.background,
-		"--st-subtitle-text": k?.subtitleText,
-		"--st-sort-text": k?.sortButtonText
-	}), se = (e) => {
+	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: S, cardStyles: C, loadMoreError: w, onRetryLoadMore: T }) => {
+	let { colors: E, typography: ie } = y ?? {}, ae = ie?.titleClassName ?? "dial-h1-text", oe = ie?.subtitleClassName ?? "dial-body-text", se = _({
+		"--st-bg": E?.background,
+		"--st-subtitle-text": E?.subtitleText,
+		"--st-sort-text": E?.sortButtonText
+	}), ce = (e) => {
 		r(e ?? "");
-	}, [ce, le] = ye(!1), [F, ue] = ye(!1), L = ve(null), de = H(() => {
-		ue(!0);
-	}, []), R = H(() => {
-		ue(!1);
+	}, [ue, de] = je(!1), [pe, j] = je(!1), M = B(null), he = z(() => {
+		j(!0);
+	}, []), ge = z(() => {
+		j(!1);
 	}, []);
-	_e(() => {
-		let e = L.current;
-		F && ce && e != null && e.offsetParent == null && le(!1);
-	}, [F, ce]);
-	let z = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, B = U(() => e.sortOptions.map((e) => ({
+	ke(() => {
+		let e = M.current;
+		pe && ue && e != null && e.offsetParent == null && de(!1);
+	}, [pe, ue]);
+	let _e = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, ve = Ae(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: re.Check,
+		mark: le.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), pe = Ae(s, d, !!c, o.length, n.trim().length > 0, e), V = ve(null);
-	he(() => {
-		let e = V.current;
-		if (!e || !g) return;
-		let t = je(e.parentElement);
+	]), ye = Ue(s, d, !!c, o.length, n.trim().length > 0, e), be = B(null);
+	De(() => {
+		let e = be.current;
+		if (!e || !p) return;
+		let t = We(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (d || s || O || !u) return;
+			if (d || s || w || !u) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-			r.top < n.bottom && r.bottom > n.top && g();
+			r.top < n.bottom && r.bottom > n.top && p();
 		};
 		return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
 	}, [
 		u,
 		d,
 		s,
-		O,
-		g
+		w,
+		p
 	]);
-	let me = () => s ? /* @__PURE__ */ W(oe, {}) : c ? /* @__PURE__ */ G("div", {
+	let xe = () => s ? /* @__PURE__ */ V(me, {}) : c ? /* @__PURE__ */ H("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ W("p", {
-			className: m(N, J.subtitle),
+		children: [/* @__PURE__ */ V("p", {
+			className: v(oe, X.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ W(D, {
+		}), /* @__PURE__ */ V(k, {
 			label: e.retryLabel,
 			onClick: l
 		})]
-	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ W("p", {
-		className: m(N, J.subtitle),
+	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ V("p", {
+		className: v(oe, X.subtitle),
 		children: e.noResultsLabel
-	}) : /* @__PURE__ */ W(f, { label: e.emptyStateLabel }) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ V(m, {
+		label: e.emptyStateLabel,
+		icon: He
+	}) : /* @__PURE__ */ H("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ W(ke, {
+			/* @__PURE__ */ V(Ve, {
 				items: o,
 				searchQuery: n,
-				onCardClick: b,
+				onCardClick: h,
 				labels: e.cardLabels,
-				trailingSkeletonCount: d ? h : 0,
-				skeletonStyles: { colors: { skeletonColor: k?.skeletonColor } },
-				cardStyles: ne,
-				layout: te
+				trailingSkeletonCount: d ? f : 0,
+				skeletonStyles: { colors: { skeletonColor: E?.skeletonColor } },
+				cardStyles: C,
+				layout: S
 			}),
-			O && /* @__PURE__ */ G("div", {
+			w && /* @__PURE__ */ H("div", {
 				role: "alert",
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ W("span", {
-					className: m(N, J.subtitle),
+				children: [/* @__PURE__ */ V("span", {
+					className: v(oe, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
-				}), /* @__PURE__ */ W(D, {
+				}), /* @__PURE__ */ V(k, {
 					label: e.retryLabel,
-					onClick: ie
+					onClick: T
 				})]
 			}),
-			/* @__PURE__ */ W("div", {
-				ref: V,
+			/* @__PURE__ */ V("div", {
+				ref: be,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), ge = s || !!c || o.length === 0;
-	return /* @__PURE__ */ G("div", {
-		style: P,
-		className: m("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", J.container, ee),
+	}), P = s || !!c || o.length === 0;
+	return /* @__PURE__ */ H("div", {
+		style: se,
+		className: v("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", X.container, x),
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "min-w-0 gap-2",
-					children: [/* @__PURE__ */ W("h1", {
-						className: m("truncate", ae),
+					children: [/* @__PURE__ */ V("h1", {
+						className: v("truncate", ae),
 						children: e.title
-					}), /* @__PURE__ */ W("p", {
-						className: m("mt-1", N, J.subtitle),
+					}), /* @__PURE__ */ V("p", {
+						className: v("mt-1", oe, X.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ W(j, {
+				}), /* @__PURE__ */ V(fe, {
 					label: e.createButtonLabel,
-					textClassName: J.createButtonLabel,
+					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ W(fe, {
-						size: C.SM,
+					iconBefore: /* @__PURE__ */ V(R, {
+						size: D.SM,
 						"aria-hidden": !0,
-						stroke: w
+						stroke: O
 					}),
 					onClick: t,
-					className: m("shrink-0", J.createButton)
+					className: v("shrink-0", X.createButton)
 				})]
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ H("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ V("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ W(M, {
+					children: /* @__PURE__ */ V(A, {
 						value: n,
-						onChange: se,
+						onChange: ce,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
-						size: T.Large,
-						onFocus: de,
-						onBlur: R
+						size: re.Large,
+						onFocus: he,
+						onBlur: ge
 					})
-				}), e.sortOptions.length > 0 && /* @__PURE__ */ W("div", {
-					ref: L,
-					className: m(F && J.sortControlHidden),
-					children: /* @__PURE__ */ W(v, {
-						items: B,
-						label: z,
-						variant: y.Primary,
-						appearance: _.Ghost,
-						iconBefore: E === void 0 ? /* @__PURE__ */ W(I, {
-							size: C.SM,
+				}), e.sortOptions.length > 0 && /* @__PURE__ */ V("div", {
+					ref: M,
+					className: v(pe && X.sortControlHidden),
+					children: /* @__PURE__ */ V(te, {
+						items: ve,
+						label: _e,
+						variant: ne.Primary,
+						appearance: ee.Ghost,
+						iconBefore: b === void 0 ? /* @__PURE__ */ V(N, {
+							size: D.SM,
 							"aria-hidden": !0,
-							stroke: w
-						}) : E,
-						className: J.sortButton
+							stroke: O
+						}) : b,
+						className: X.sortButton
 					})
 				})]
 			}),
-			x,
-			/* @__PURE__ */ W("span", {
+			g,
+			/* @__PURE__ */ V("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: pe
+				children: ye
 			}),
-			/* @__PURE__ */ W("div", {
-				className: m("mx-auto flex size-full w-full min-w-0 flex-col", ge && "items-center justify-center"),
-				children: me()
+			/* @__PURE__ */ V("div", {
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", P && "items-center justify-center"),
+				children: xe()
 			})
 		]
 	});
-}, Ne = /* @__PURE__ */ function(e) {
+}, Ke = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), Pe = { error: "_error_v2pfn_4" }, Fe = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
-	let o = U(() => /* @__PURE__ */ new Date(), []);
-	return /* @__PURE__ */ G("div", {
+}({}), 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 = new Set([...Object.keys(e), ...Object.keys(t)]);
+	for (let r of n) if (qe(e[r]) !== qe(t[r])) return !0;
+	return !1;
+}, Ye = { error: "_error_v2pfn_4" }, Xe = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
+	let o = B(/* @__PURE__ */ new Date()).current;
+	return /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W(b, {
+		children: [/* @__PURE__ */ V(C, {
 			id: "scheduled-task-run-at",
-			mode: x.DateTime,
+			mode: w.DateTime,
 			value: s(t),
 			onChange: (e) => r(n(e)),
 			minDate: o,
@@ -342,31 +400,62 @@ var Ce = {
 				required: !0
 			},
 			invalid: !!i
-		}), i && /* @__PURE__ */ W("p", {
-			className: m(a, Pe.error),
+		}), i && /* @__PURE__ */ V("p", {
+			className: v(a, Ye.error),
 			children: i
 		})]
 	});
-}, Y = {
-	formColumn: "_formColumn_1la57_1",
-	detailsColumn: "_detailsColumn_1la57_10",
-	sectionSubtitle: "_sectionSubtitle_1la57_14",
-	instructionsError: "_instructionsError_1la57_18"
-}, Ie = me(async () => ({ default: (await Se()).MarkdownEditor })), Le = ({ labels: n, values: r, errors: s, modelSelector: d, modelLabelId: f, onFieldChange: g, onBack: _, onCancel: v, onSubmit: y, isSubmitting: S = !1, markdownEditorTheme: T, backIcon: E, className: D, styles: ee }) => {
-	let te = ge(), re = h(), [ie, A] = ye(), { colors: j, typography: M, layout: N } = ee ?? {}, P = M?.titleClassName ?? "dial-h1-text", se = M?.sectionTitleClassName ?? "dial-body-semi-text", ce = M?.sectionSubtitleClassName ?? "dial-tiny-text", F = M?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", I = M?.instructionsErrorClassName ?? "dial-small-text", L = p({
-		"--stcf-details-border": j?.detailsColumnBorder,
-		"--stcf-subtitle-text": j?.sectionSubtitleText,
-		"--stcf-error-text": j?.instructionsErrorText
-	}), de = (e) => {
-		A(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), g("time", e.target.value);
-	}, R = (e) => {
-		A(void 0), g("time", typeof e == "string" ? e : "");
-	}, z = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
-	he(() => {
-		z || A(void 0);
-	}, [z]);
-	let B = z ? ie ?? s.time : void 0, fe = (e) => g("runAt", e), pe = S || !r.displayName.trim() || !r.modelId || !r.prompt.trim() || z && !r.time || !!B;
-	return /* @__PURE__ */ W(xe, {
+}, Z = {
+	formColumn: "_formColumn_1253x_1",
+	detailsColumn: "_detailsColumn_1253x_10",
+	sectionSubtitle: "_sectionSubtitle_1253x_14",
+	instructionsError: "_instructionsError_1253x_18",
+	refineFeedback: "_refineFeedback_1253x_22",
+	refineError: "_refineError_1253x_26"
+}, Ze = Ee(async () => ({ default: (await U()).MarkdownEditor })), Qe = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: ee, onCancel: te, onSubmit: ne, isSubmitting: T = !1, onRefineDescription: re, onRefineInstructions: ie, markdownEditorTheme: k, backIcon: ae, className: oe, styles: le }) => {
+	let ue = Oe(), fe = Oe(), A = B(void 0), j = (e) => e ? async (t, n) => {
+		if (A.current && !A.current.aborted) throw new DOMException("Busy", "AbortError");
+		A.current = n;
+		try {
+			return await e(t, n);
+		} finally {
+			A.current === n && (A.current = void 0);
+		}
+	} : void 0, M = x({
+		value: r.description ?? "",
+		onChange: (e) => b("description", e),
+		onRefine: j(re),
+		disabled: T
+	}), he = x({
+		value: r.prompt,
+		onChange: (e) => b("prompt", e),
+		onRefine: j(ie),
+		disabled: T
+	}), ge = M.isPending || he.isPending, ve = () => {
+		M.reset(), he.reset();
+	}, N = S(!!(s && Je(r, s))), be = () => N.guard(() => {
+		ve(), ee();
+	}), xe = () => N.guard(() => {
+		ve(), te();
+	}), P = y(), Se = !r.skillUrls?.length, [F, Ce] = je(), I = B(/* @__PURE__ */ new Date()).current, { colors: L, typography: R, layout: we } = le ?? {}, Ee = R?.titleClassName ?? "dial-h1-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", ke = R?.sectionSubtitleClassName ?? "dial-tiny-text", Ae = R?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = R?.instructionsErrorClassName ?? "dial-small-text", G = _({
+		"--stcf-details-border": L?.detailsColumnBorder,
+		"--stcf-subtitle-text": L?.sectionSubtitleText,
+		"--stcf-error-text": L?.instructionsErrorText,
+		"--stcf-refine-action-text": L?.refineActionText,
+		"--stcf-refine-error-text": L?.refineErrorText
+	}), K = {
+		feedbackClassName: v(L?.refineActionText && Z.refineFeedback, R?.refineFeedbackClassName, W.refineFeedback),
+		errorClassName: Z.refineError
+	}, Pe = (e) => {
+		Ce(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
+	}, q = (e) => {
+		Ce(void 0), b("time", typeof e == "string" ? e : "");
+	}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
+	De(() => {
+		J || Ce(void 0);
+	}, [J]);
+	let Fe = J ? F ?? u.time : void 0, Y = (e) => b("runAt", e), Ie = T || ge || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
+	return /* @__PURE__ */ H(Me, { children: [/* @__PURE__ */ V(Ne, {
 		labels: {
 			title: n.pageTitle,
 			backButtonLabel: n.backButtonLabel,
@@ -374,194 +463,212 @@ var Ce = {
 			submitButtonLabel: n.createButtonLabel,
 			submittingLabel: n.submittingLabel ?? "Saving"
 		},
-		onBack: _,
-		onCancel: v,
-		onSubmit: y,
-		isCancelDisabled: S,
-		isSubmitDisabled: pe,
-		isSubmitting: S,
-		backIcon: E === void 0 ? /* @__PURE__ */ W(ue, {
-			size: C.LG,
-			stroke: w,
+		onBack: be,
+		onCancel: xe,
+		onSubmit: () => {
+			!Ie && (!A.current || A.current.aborted) && ne();
+		},
+		isCancelDisabled: T,
+		isSubmitDisabled: Ie,
+		isSubmitting: T,
+		backIcon: ae === void 0 ? /* @__PURE__ */ V(ye, {
+			size: D.LG,
+			stroke: O,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : E,
+		}) : ae,
 		layout: {
-			sideColumnWidth: N?.detailsWidth,
-			columnGap: N?.columnGap,
+			sideColumnWidth: we?.detailsWidth,
+			columnGap: we?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: D,
+		className: oe,
 		styles: {
-			colors: { background: j?.background },
+			colors: { background: L?.background },
 			header: {
-				colors: { borderColor: j?.headerBorder },
-				typography: { fontClassName: P }
+				colors: { borderColor: L?.headerBorder },
+				typography: { fontClassName: Ee }
 			},
-			cssVars: L
+			cssVars: G
 		},
-		left: /* @__PURE__ */ G("div", {
+		left: /* @__PURE__ */ H("div", {
 			role: "group",
 			"aria-label": n.detailsSectionTitle,
-			className: m("flex flex-1 flex-col gap-5 border-e py-6", Y.detailsColumn, Y.formColumn),
+			className: v("flex flex-1 flex-col gap-5 border-e py-6", Z.detailsColumn, Z.formColumn),
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ W("h2", {
-						className: se,
+					children: [/* @__PURE__ */ V("h2", {
+						className: z,
 						children: n.detailsSectionTitle
-					}), /* @__PURE__ */ W("p", {
-						className: m(ce, Y.sectionSubtitle),
+					}), /* @__PURE__ */ V("p", {
+						className: v(ke, Z.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ W(ne, {
+				/* @__PURE__ */ V(se, {
 					id: "scheduled-task-display-name",
 					value: r.displayName,
-					onChange: (e) => g("displayName", e ?? ""),
+					onChange: (e) => b("displayName", e ?? ""),
 					labelProps: {
 						label: n.displayNameLabel,
 						required: !0
 					},
-					invalid: !!s.displayName,
-					error: s.displayName
+					invalid: !!u.displayName,
+					error: u.displayName
 				}),
-				/* @__PURE__ */ W(le, {
-					id: "scheduled-task-description",
-					value: r.description ?? "",
-					onChange: (e) => g("description", e),
-					labelProps: { label: n.descriptionLabel },
-					maxLength: 500,
-					invalid: !!s.description,
-					error: s.description,
-					caption: r.description ? `${r.description.length}/500` : void 0
+				/* @__PURE__ */ V(g, {
+					isEnabled: !!re,
+					fieldId: ue,
+					label: n.descriptionLabel,
+					labels: n,
+					refinement: M,
+					disabled: T || ge,
+					...K,
+					children: /* @__PURE__ */ V(_e, {
+						id: ue,
+						value: r.description ?? "",
+						onChange: (e) => {
+							M.reset(), b("description", e);
+						},
+						labelProps: re ? void 0 : { label: n.descriptionLabel },
+						maxLength: 500,
+						invalid: !!u.description,
+						error: u.description,
+						caption: r.description ? `${r.description.length}/500` : void 0
+					})
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ W(O, {
-							id: f,
+						/* @__PURE__ */ V(ce, {
+							id: m,
 							label: n.modelOrAgentLabel,
 							required: !0
 						}),
-						d,
-						s.modelId && /* @__PURE__ */ W("p", {
-							className: m(I, Y.instructionsError),
-							children: s.modelId
+						p,
+						u.modelId && /* @__PURE__ */ V("p", {
+							className: v(U, Z.instructionsError),
+							children: u.modelId
 						})
 					]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ H("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ W(ae, {
+						/* @__PURE__ */ V(pe, {
 							labelProps: { label: n.repeatLabel },
 							value: r.repeat,
-							onChange: (e) => g("repeat", e),
+							onChange: (e) => b("repeat", e),
 							options: n.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						r.repeat === t.OneTime && /* @__PURE__ */ W(Fe, {
+						r.repeat === t.OneTime && /* @__PURE__ */ V(Xe, {
 							label: n.runAtLabel,
 							value: r.runAt ?? "",
-							onChange: fe,
-							error: s.runAt,
-							errorClassName: I
+							onChange: Y,
+							error: u.runAt,
+							errorClassName: U
 						}),
-						r.repeat !== t.OneTime && /* @__PURE__ */ G(be, { children: [
-							z && /* @__PURE__ */ G("div", {
+						r.repeat !== t.OneTime && /* @__PURE__ */ H(Me, { children: [
+							J && /* @__PURE__ */ H("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ W(b, {
+								children: [/* @__PURE__ */ V(C, {
 									id: "scheduled-task-time",
-									mode: x.Time,
+									mode: w.Time,
 									value: r.time,
-									onChange: R,
-									onBlur: de,
+									onChange: q,
+									onBlur: Pe,
 									labelProps: {
 										label: n.timeLabel,
 										required: !0
 									},
-									invalid: !!B,
-									disabled: S,
+									invalid: !!Fe,
+									disabled: T,
 									showTimezone: !0
-								}), B && /* @__PURE__ */ W("p", {
-									className: m(I, Y.instructionsError),
-									children: B
+								}), Fe && /* @__PURE__ */ V("p", {
+									className: v(U, Z.instructionsError),
+									children: Fe
 								})]
 							}),
-							r.repeat === t.Weekly && /* @__PURE__ */ G("div", {
+							r.repeat === t.Weekly && /* @__PURE__ */ H("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ W(b, {
+								children: [/* @__PURE__ */ V(C, {
 									id: "scheduled-task-day-of-week",
-									mode: x.Weekday,
+									mode: w.Weekday,
 									value: a(r.dayOfWeek),
-									onChange: (e) => g("dayOfWeek", o(e)),
+									onChange: (e) => b("dayOfWeek", o(e)),
 									labelProps: {
 										label: n.dayOfWeekLabel,
 										required: !0
 									},
-									invalid: !!s.dayOfWeek
-								}), s.dayOfWeek && /* @__PURE__ */ W("p", {
-									className: m(I, Y.instructionsError),
-									children: s.dayOfWeek
+									invalid: !!u.dayOfWeek
+								}), u.dayOfWeek && /* @__PURE__ */ V("p", {
+									className: v(U, Z.instructionsError),
+									children: u.dayOfWeek
 								})]
 							}),
-							r.repeat === t.Monthly && /* @__PURE__ */ W(ne, {
+							r.repeat === t.Monthly && /* @__PURE__ */ V(de, {
 								id: "scheduled-task-day-of-month",
+								integer: !0,
+								min: 1,
+								max: 31,
 								value: r.dayOfMonth ?? "",
-								onChange: (e) => g("dayOfMonth", e ?? ""),
+								onChange: (e) => b("dayOfMonth", e == null ? "" : String(e)),
 								labelProps: {
 									label: n.dayOfMonthLabel,
 									required: !0
 								},
-								invalid: !!s.dayOfMonth,
-								error: s.dayOfMonth
+								invalid: !!u.dayOfMonth,
+								error: u.dayOfMonth
 							}),
-							r.repeat === t.Hourly && /* @__PURE__ */ W(k, {
+							r.repeat === t.Hourly && /* @__PURE__ */ V(de, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
 								max: 59,
 								value: r.minute ?? "",
-								onChange: (e) => g("minute", e == null ? "" : String(e)),
+								onChange: (e) => b("minute", e == null ? "" : String(e)),
 								labelProps: {
 									label: n.minuteLabel,
 									required: !0
 								},
-								invalid: !!s.minute,
-								error: s.minute
+								invalid: !!u.minute,
+								error: u.minute
 							}),
-							/* @__PURE__ */ G("div", {
+							/* @__PURE__ */ H("div", {
 								className: "flex flex-row gap-3",
-								children: [/* @__PURE__ */ G("div", {
+								children: [/* @__PURE__ */ H("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ W(b, {
+									children: [/* @__PURE__ */ V(C, {
 										id: "scheduled-task-start-date",
-										mode: x.Date,
+										mode: w.Date,
 										value: e(r.startDate),
-										onChange: (e) => g("startDate", i(e)),
+										onChange: (e) => b("startDate", i(e)),
+										minDate: I,
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
-										invalid: !!s.startDate
-									}), s.startDate && /* @__PURE__ */ W("p", {
-										className: m(I, Y.instructionsError),
-										children: s.startDate
+										invalid: !!u.startDate
+									}), u.startDate && /* @__PURE__ */ V("p", {
+										className: v(U, Z.instructionsError),
+										children: u.startDate
 									})]
-								}), /* @__PURE__ */ G("div", {
+								}), /* @__PURE__ */ H("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ W(b, {
+									children: [/* @__PURE__ */ V(C, {
 										id: "scheduled-task-end-date",
-										mode: x.Date,
+										mode: w.Date,
 										value: e(r.endDate),
-										onChange: (e) => g("endDate", i(e)),
+										onChange: (e) => b("endDate", i(e)),
+										minDate: I,
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
-										invalid: !!s.endDate
-									}), s.endDate && /* @__PURE__ */ W("p", {
-										className: m(I, Y.instructionsError),
-										children: s.endDate
+										invalid: !!u.endDate
+									}), u.endDate && /* @__PURE__ */ V("p", {
+										className: v(U, Z.instructionsError),
+										children: u.endDate
 									})]
 								})]
 							})
@@ -570,142 +677,211 @@ var Ce = {
 				})
 			]
 		}),
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ H("div", {
 			role: "group",
 			"aria-label": n.configurationSectionTitle,
-			className: m("flex flex-1 flex-col gap-5 py-6", Y.formColumn),
-			children: [/* @__PURE__ */ G("div", {
-				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ W("h2", {
-					className: se,
-					children: n.configurationSectionTitle
-				}), /* @__PURE__ */ W("p", {
-					className: m(ce, Y.sectionSubtitle),
-					children: n.configurationSectionSubtitle
-				})]
-			}), /* @__PURE__ */ G("div", {
-				className: "flex flex-1 flex-col gap-1",
-				children: [
-					/* @__PURE__ */ W("label", {
-						htmlFor: te,
-						className: F,
-						children: n.instructionsLabel
-					}),
-					/* @__PURE__ */ W("div", {
-						ref: re,
-						className: m("w-full max-w-[996px]", l, u),
-						children: /* @__PURE__ */ W(V, {
-							fallback: /* @__PURE__ */ W(oe, {}),
-							children: /* @__PURE__ */ W(Ie, {
-								id: te,
-								value: r.prompt,
-								onChange: (e) => g("prompt", e),
-								height: 480,
-								theme: T,
-								placeholder: n.instructionsPlaceholder
-							})
+			className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
+			children: [
+				/* @__PURE__ */ H("div", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ V("h2", {
+						className: z,
+						children: n.configurationSectionTitle
+					}), /* @__PURE__ */ V("p", {
+						className: v(ke, Z.sectionSubtitle),
+						children: n.configurationSectionSubtitle
+					})]
+				}),
+				h == null ? u.skillUrls && /* @__PURE__ */ V("div", {
+					"aria-live": "polite",
+					children: /* @__PURE__ */ V("p", {
+						className: v(U, Z.instructionsError),
+						children: u.skillUrls
+					})
+				}) : /* @__PURE__ */ V("div", {
+					className: "w-full min-w-0 max-w-[996px]",
+					children: h
+				}),
+				/* @__PURE__ */ V("div", {
+					className: "flex w-full min-w-0 max-w-[996px] flex-col",
+					children: /* @__PURE__ */ V(g, {
+						isEnabled: !!ie,
+						fieldId: fe,
+						labelClassName: Ae,
+						label: n.instructionsLabel,
+						required: Se,
+						labels: n,
+						refinement: he,
+						disabled: T || ge,
+						...K,
+						children: /* @__PURE__ */ H("div", {
+							className: "flex flex-1 flex-col gap-1",
+							children: [
+								!ie && /* @__PURE__ */ V(ce, {
+									htmlFor: fe,
+									className: Ae,
+									label: n.instructionsLabel,
+									required: Se
+								}),
+								/* @__PURE__ */ V("div", {
+									ref: P,
+									className: v("w-full", d, f),
+									children: /* @__PURE__ */ V(Te, {
+										fallback: /* @__PURE__ */ V(me, {}),
+										children: /* @__PURE__ */ V(Ze, {
+											id: fe,
+											value: r.prompt,
+											onChange: (e) => {
+												he.reset(), b("prompt", e);
+											},
+											height: 480,
+											theme: k,
+											placeholder: n.instructionsPlaceholder
+										})
+									})
+								}),
+								u.prompt && /* @__PURE__ */ V("p", {
+									className: v(U, Z.instructionsError),
+									children: u.prompt
+								})
+							]
 						})
-					}),
-					s.prompt && /* @__PURE__ */ W("p", {
-						className: m(I, Y.instructionsError),
-						children: s.prompt
 					})
-				]
-			})]
+				})
+			]
 		})
-	});
-}, X = /* @__PURE__ */ function(e) {
+	}), N.isConfirmOpen && /* @__PURE__ */ V(l, {
+		open: !0,
+		title: n.discardTitle ?? "Discard unsaved changes?",
+		message: n.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
+		confirmLabel: n.discardConfirmLabel ?? "Discard changes",
+		cancelLabel: n.discardCancelLabel ?? "Keep editing",
+		variant: E.Danger,
+		onConfirm: N.confirm,
+		onClose: N.dismiss
+	})] });
+}, $e = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), Re = /* @__PURE__ */ function(e) {
+}({}), et = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), ze = { subtitleText: "_subtitleText_1i4x2_3" }, Be = ({ instructionsLabel: e, instructionsMarkdown: t, renderInstructions: n, fieldLabelClassName: r = "dial-tiny-text" }) => /* @__PURE__ */ G("div", {
-	role: "group",
-	"aria-label": e,
-	className: "flex flex-col gap-1",
-	children: [/* @__PURE__ */ W("span", {
-		className: m(r, ze.subtitleText),
-		children: e
-	}), t && (n ? n(t) : /* @__PURE__ */ W(d, { content: t }))]
-}), Ve = { subtitleText: "_subtitleText_1i4x2_3" }, He = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: a = "dial-tiny-text", fieldValueClassName: o = "dial-small-text" }) => /* @__PURE__ */ G(be, { children: [
-	t && /* @__PURE__ */ G("div", {
+}({}), tt = { subtitleText: "_subtitleText_1i4x2_3" }, nt = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ H("div", {
+	className: "flex min-w-0 flex-col gap-5",
+	children: [!!t?.length && /* @__PURE__ */ H("div", {
+		role: "group",
+		"aria-label": e,
+		className: "flex min-w-0 flex-col gap-1",
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, tt.subtitleText),
+			children: e
+		}), /* @__PURE__ */ V("p", {
+			className: "whitespace-normal break-all",
+			children: t?.map((e, t) => /* @__PURE__ */ V("span", {
+				className: "block",
+				children: e
+			}, `${t}:${e}`))
+		})]
+	}), r && /* @__PURE__ */ H("div", {
+		role: "group",
+		"aria-label": n,
+		className: "flex min-w-0 flex-col gap-1",
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, tt.subtitleText),
+			children: n
+		}), i ? i(r) : /* @__PURE__ */ V(p, {
+			content: r,
+			...a
+		})]
+	})]
+}), rt = { subtitleText: "_subtitleText_1i4x2_3" }, it = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ H(Me, { children: [
+	t && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: m(a, Ve.subtitleText),
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, rt.subtitleText),
 			children: e.descriptionLabel
-		}), /* @__PURE__ */ W("p", {
-			className: o,
+		}), /* @__PURE__ */ V("p", {
+			className: s,
 			children: t
 		})]
 	}),
-	n && /* @__PURE__ */ G("div", {
+	a && /* @__PURE__ */ H("div", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, rt.subtitleText),
+			children: e.completedFieldLabel
+		}), /* @__PURE__ */ V("p", {
+			className: s,
+			children: a
+		})]
+	}),
+	n && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: m(a, Ve.subtitleText),
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, rt.subtitleText),
 			children: e.modelLabel
-		}), /* @__PURE__ */ W("p", {
-			className: o,
+		}), /* @__PURE__ */ V("p", {
+			className: s,
 			children: n
 		})]
 	}),
-	r && /* @__PURE__ */ G("div", {
+	r && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: m(a, Ve.subtitleText),
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, rt.subtitleText),
 			children: e.repeatsLabel
-		}), /* @__PURE__ */ W("p", {
-			className: o,
+		}), /* @__PURE__ */ V("p", {
+			className: s,
 			children: r
 		})]
 	}),
-	i && /* @__PURE__ */ G("div", {
+	i && /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: m(a, Ve.subtitleText),
+		children: [/* @__PURE__ */ V("span", {
+			className: v(o, rt.subtitleText),
 			children: e.activeWindowLabel
-		}), /* @__PURE__ */ W("p", {
-			className: o,
+		}), /* @__PURE__ */ V("p", {
+			className: s,
 			children: i
 		})]
 	})
-] }), Ue = /* @__PURE__ */ function(e) {
+] }), at = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
-}({}), Z = {
-	subtitleText: "_subtitleText_1naww_1",
-	successIcon: "_successIcon_1naww_5",
-	errorIcon: "_errorIcon_1naww_9",
-	missedIcon: "_missedIcon_1naww_13",
-	currentRun: "_currentRun_1naww_17",
-	interactiveRow: "_interactiveRow_1naww_21",
-	unreadDot: "_unreadDot_1naww_29",
-	rowLayout: "_rowLayout_1naww_33"
-}, We = ({ status: e }) => {
+}({}), Q = {
+	subtitleText: "_subtitleText_1d5p9_1",
+	successIcon: "_successIcon_1d5p9_5",
+	errorIcon: "_errorIcon_1d5p9_9",
+	missedIcon: "_missedIcon_1d5p9_13",
+	currentRun: "_currentRun_1d5p9_17",
+	interactiveRow: "_interactiveRow_1d5p9_22",
+	unreadDot: "_unreadDot_1d5p9_33",
+	rowLayout: "_rowLayout_1d5p9_37"
+}, ot = ({ status: e }) => {
 	switch (e) {
-		case Ue.Success: return /* @__PURE__ */ W(L, {
-			size: C.SM,
-			className: Z.successIcon,
+		case at.Success: return /* @__PURE__ */ V(xe, {
+			size: D.SM,
+			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: w
+			stroke: O
 		});
-		case Ue.Error: return /* @__PURE__ */ W(de, {
-			size: C.SM,
-			className: Z.errorIcon,
+		case at.Error: return /* @__PURE__ */ V(P, {
+			size: D.SM,
+			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: w
+			stroke: O
 		});
-		case Ue.InProgress: return /* @__PURE__ */ W("span", {
+		case at.InProgress: return /* @__PURE__ */ V("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ W(oe, { size: C.SM })
+			children: /* @__PURE__ */ V(me, { size: D.SM })
 		});
-		case Ue.Missed: return /* @__PURE__ */ W(F, {
-			size: C.SM,
-			className: Z.missedIcon,
+		case at.Missed: return /* @__PURE__ */ V(ve, {
+			size: D.SM,
+			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: w
+			stroke: O
 		});
 		default: return null;
 	}
-}, Ge = ({ 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 ?? {}, h = f?.runTimestampClassName ?? "dial-small-text", g = f?.subtitleClassName ?? "dial-body-text", _ = c.unreadIndicatorLabel ?? "Unread", v = p({
+}, st = ({ 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", m = f?.subtitleClassName ?? "dial-body-text", h = c.unreadIndicatorLabel ?? "Unread", g = _({
 		"--strhl-success-icon": d?.successIconColor,
 		"--strhl-error-icon": d?.errorIconColor,
 		"--strhl-missed-icon": d?.missedIconColor,
@@ -713,10 +889,11 @@ var Ce = {
 		"--strhl-current-run-bg": d?.currentRunBackground,
 		"--strhl-unread-dot": d?.unreadDotColor,
 		"--strhl-row-hover-bg": u?.rowHoverBackground,
-		"--strhl-row-focus-bg": u?.rowFocusBackground
+		"--strhl-row-focus-bg": u?.rowFocusBackground,
+		"--strhl-row-focus-outline": u?.rowFocusOutline
 	}), 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__ */ G("li", {
+		let t = c.runStatusLabels[e.status], n = e.id === o, r = [e.isUnread ? h : void 0, n ? c.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), a = !!e.conversationId && !!s;
+		return /* @__PURE__ */ H("li", {
 			...a ? {
 				role: "button",
 				tabIndex: 0,
@@ -727,73 +904,73 @@ var Ce = {
 			} : {},
 			"aria-label": i,
 			"aria-current": n ? "true" : void 0,
-			className: m("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full pe-2", Z.rowLayout, n && Z.currentRun, a && "cursor-pointer", a && Z.interactiveRow),
-			children: [/* @__PURE__ */ G("span", {
+			className: v("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__ */ H("span", {
 				className: "flex items-center gap-2 truncate",
-				children: [/* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ V("span", {
 					className: "relative flex size-3 shrink-0 items-center justify-center",
-					children: e.isUnread && /* @__PURE__ */ W("span", {
-						className: m("size-[5.33px] rounded-full", Z.unreadDot),
+					children: e.isUnread && /* @__PURE__ */ V("span", {
+						className: v("size-[5.33px] rounded-full", Q.unreadDot),
 						"aria-hidden": !0
 					})
-				}), /* @__PURE__ */ W("span", {
-					className: m(h, "truncate"),
+				}), /* @__PURE__ */ V("span", {
+					className: v(p, "truncate"),
 					children: e.timestampLabel
 				})]
-			}), /* @__PURE__ */ W("span", {
+			}), /* @__PURE__ */ V("span", {
 				className: "flex min-h-[var(--strhl-row-min-height,32px)] w-14 shrink-0 items-center justify-end",
-				children: /* @__PURE__ */ W(We, { status: e.status })
+				children: /* @__PURE__ */ V(ot, { status: e.status })
 			})]
 		}, e.id);
-	}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ G("li", {
+	}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ H("li", {
 		"aria-hidden": "true",
-		className: m("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 pe-2", Z.rowLayout),
-		children: [/* @__PURE__ */ W(N, {
-			variant: P.Rectangular,
+		className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 pe-2", Q.rowLayout),
+		children: [/* @__PURE__ */ V(j, {
+			variant: M.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ W(N, {
-			variant: P.Rectangular,
+		}), /* @__PURE__ */ V(j, {
+			variant: M.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
 		})]
 	}, `history-skeleton-${t}`));
-	return t && e.length === 0 ? /* @__PURE__ */ W("ul", {
+	return t && e.length === 0 ? /* @__PURE__ */ V("ul", {
 		style: {
-			...v,
+			...g,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: b(r)
-	}) : i && e.length === 0 ? /* @__PURE__ */ G("div", {
-		style: v,
+	}) : i && e.length === 0 ? /* @__PURE__ */ H("div", {
+		style: g,
 		className: "flex flex-col items-start gap-3",
-		children: [/* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ V("p", {
 			role: "alert",
-			className: m(g, Z.subtitleText),
+			className: v(m, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ W(D, {
+		}), /* @__PURE__ */ V(k, {
 			label: c.retryLabel,
 			onClick: a
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ G("div", {
-		style: v,
+	}) : e.length === 0 ? /* @__PURE__ */ H("div", {
+		style: g,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ W(R, {
+		children: [/* @__PURE__ */ V(Se, {
 			size: 44,
-			stroke: w,
-			className: Z.subtitleText,
+			stroke: O,
+			className: Q.subtitleText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ V("p", {
 			role: "status",
-			className: h,
+			className: p,
 			children: c.emptyLabel
 		})]
-	}) : /* @__PURE__ */ G("ul", {
+	}) : /* @__PURE__ */ H("ul", {
 		style: {
-			...v,
+			...g,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
@@ -801,50 +978,50 @@ var Ce = {
 		children: [
 			e.map(y),
 			n && b(r),
-			i ? /* @__PURE__ */ G("li", {
+			i ? /* @__PURE__ */ H("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
-				children: [/* @__PURE__ */ W("p", {
+				children: [/* @__PURE__ */ V("p", {
 					role: "alert",
-					className: m(g, Z.subtitleText),
+					className: v(m, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ W(D, {
+				}), /* @__PURE__ */ V(k, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
 	});
-}, Q = {
+}, ct = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, Ke = ({ 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: h = "dial-small-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: v }) => {
-	let y = e === Re.Card, b = y ? m("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", Q.historyCard) : "pt-2", x = l ? /* @__PURE__ */ G("li", {
+}, lt = ({ 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: h = "dial-body-semi-text", colors: g, styles: _ }) => {
+	let y = e === et.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", ct.historyCard) : "pt-2", x = l ? /* @__PURE__ */ H("li", {
 		className: b,
-		children: [/* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ V("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ W(D, {
+		}), u && /* @__PURE__ */ V(k, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
-	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ W("li", {
+	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ V("li", {
 		className: b,
-		children: /* @__PURE__ */ W(D, {
+		children: /* @__PURE__ */ V(k, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, S = n ? /* @__PURE__ */ W("p", {
-		className: m(h, Q.subtitleText),
+	}) : void 0, S = n ? /* @__PURE__ */ V("p", {
+		className: v(m, ct.subtitleText),
 		children: n
-	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ W("span", {
+	}) : void 0, ee = t.historyLoadingMoreLabel ? /* @__PURE__ */ V("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, w = /* @__PURE__ */ W(Ge, {
+	}) : void 0, te = /* @__PURE__ */ V(st, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -862,85 +1039,98 @@ var Ce = {
 		},
 		footer: x,
 		styles: {
-			typography: { runTimestampClassName: h },
-			colors: v?.colors ?? _,
-			rowMinHeight: v?.rowMinHeight,
-			rowHoverBackground: v?.rowHoverBackground,
-			rowFocusBackground: v?.rowFocusBackground
+			typography: { runTimestampClassName: m },
+			colors: _?.colors ?? g,
+			rowMinHeight: _?.rowMinHeight,
+			rowHoverBackground: _?.rowHoverBackground,
+			rowFocusBackground: _?.rowFocusBackground,
+			rowFocusOutline: _?.rowFocusOutline
 		}
 	});
-	return y ? /* @__PURE__ */ G("div", {
-		className: m("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", Q.historyCard, Q.cardLayout),
-		style: { "--st-history-max-height": v?.maxHeight },
-		children: [/* @__PURE__ */ G("div", {
-			className: m("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", Q.historyCard),
+	return y ? /* @__PURE__ */ H("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", ct.historyCard, ct.cardLayout),
+		style: { "--st-history-max-height": _?.maxHeight },
+		children: [/* @__PURE__ */ H("div", {
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", ct.historyCard),
 			children: [
-				/* @__PURE__ */ W("h2", {
-					className: g,
+				/* @__PURE__ */ V("h2", {
+					className: h,
 					children: t.historyTitle
 				}),
 				S,
-				C
+				ee
 			]
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
-			children: w
+			children: te
 		})]
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-4",
 		children: [
 			S,
-			C,
-			w
+			ee,
+			te
 		]
 	});
 }, $ = {
-	container: "_container_1v896_1",
-	header: "_header_1v896_8",
-	detailsColumn: "_detailsColumn_1v896_22",
-	subtitleText: "_subtitleText_1v896_26",
-	desktopTitle: "_desktopTitle_1v896_31",
-	desktopBadge: "_desktopBadge_1v896_32",
-	mobileTitleRow: "_mobileTitleRow_1v896_36"
-}, qe = ({ 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: h, description: _, modelLabel: v, repeatsLabel: b, activeWindowLabel: x, nextRunLabel: S, instructionsMarkdown: T, renderInstructions: E, runs: te, runsIsLoading: ne = !1, runsIsLoadingMore: O = !1, runsSkeletonCount: re = 6, runsError: k, onRunsRetry: A, runsLoadMoreError: j, onRunsRetryLoadMore: M, runsHasMore: ae = !1, onRunsLoadMore: N, onRunClick: P, styles: le, className: F, backIcon: I, layout: L, historyStyles: de }) => {
-	let { colors: R, typography: B } = le ?? {}, fe = B?.titleClassName ?? "dial-h2-text", V = B?.sectionTitleClassName ?? "dial-body-semi-text", me = B?.fieldLabelClassName ?? "dial-tiny-text", H = B?.fieldValueClassName ?? "dial-small-text", he = B?.runTimestampClassName ?? "dial-small-text", ge = p({
-		"--stdv-bg": R?.background,
-		"--stdv-header-border": R?.headerBorder,
-		"--stdv-details-border": R?.detailsColumnBorder,
-		"--stdv-subtitle-text": R?.subtitleText,
-		"--stdv-history-bg": R?.historyCardBackground
-	}), _e = g(), [U, ve] = ye(X.Details), be = [
+	container: "_container_1w44s_1",
+	header: "_header_1w44s_8",
+	headerActions: "_headerActions_1w44s_24",
+	detailsColumn: "_detailsColumn_1w44s_30",
+	subtitleText: "_subtitleText_1w44s_34",
+	desktopTitle: "_desktopTitle_1w44s_39",
+	desktopBadge: "_desktopBadge_1w44s_40",
+	mobileTitleRow: "_mobileTitleRow_1w44s_44"
+}, ut = ({ 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: S, description: ee, modelLabel: te, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: ie, renderInstructions: oe, runs: se, runsIsLoading: ce = !1, runsIsLoadingMore: le = !1, runsSkeletonCount: de = 6, runsError: fe, onRunsRetry: A, runsLoadMoreError: pe, onRunsRetryLoadMore: j, runsHasMore: M = !1, onRunsLoadMore: _e, onRunClick: ve, styles: N, className: be, backIcon: xe, layout: P, historyStyles: Se }) => {
+	let { colors: F, typography: I } = N ?? {}, R = I?.titleClassName ?? "dial-h2-text", Te = I?.sectionTitleClassName ?? "dial-body-semi-text", Ee = I?.fieldLabelClassName ?? "dial-tiny-text", z = I?.fieldValueClassName ?? "dial-small-text", De = I?.runTimestampClassName ?? "dial-small-text", ke = _({
+		"--stdv-bg": F?.background,
+		"--stdv-header-border": F?.headerBorder,
+		"--stdv-details-border": F?.detailsColumnBorder,
+		"--stdv-subtitle-text": F?.subtitleText,
+		"--stdv-history-bg": F?.historyCardBackground
+	}), Ae = b(), [B, Ne] = je($e.Details), U = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, G = [
 		{
-			id: X.Details,
+			id: $e.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: X.Configuration,
+			id: $e.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: X.History,
+			id: $e.History,
 			label: e.historyTitle
 		}
-	], xe = be.find((e) => e.id === U)?.label ?? e.detailsTitle, Se = /* @__PURE__ */ W(He, {
+	], K = G.find((e) => e.id === B)?.label ?? e.detailsTitle, Pe = /* @__PURE__ */ V(it, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
 			repeatsLabel: e.repeatsLabel,
-			activeWindowLabel: e.activeWindowLabel
+			activeWindowLabel: e.activeWindowLabel,
+			completedFieldLabel: e.completedFieldLabel
 		},
-		description: _,
-		modelLabel: v,
-		repeatsLabel: b,
-		activeWindowLabel: x,
-		fieldLabelClassName: me,
-		fieldValueClassName: H
-	}), Ce = /* @__PURE__ */ W(Be, {
+		description: ee,
+		modelLabel: te,
+		repeatsLabel: C,
+		activeWindowLabel: w,
+		completedLabel: T,
+		fieldLabelClassName: Ee,
+		fieldValueClassName: z
+	}), q = /* @__PURE__ */ V(nt, {
 		instructionsLabel: e.instructionsLabel,
-		instructionsMarkdown: T,
-		renderInstructions: E,
-		fieldLabelClassName: me
-	}), K = (t) => /* @__PURE__ */ W(Ke, {
+		skillLabel: e.skillLabel,
+		skillDisplayNames: ie,
+		instructionsMarkdown: re,
+		renderInstructions: oe,
+		markdownLabels: {
+			codeBlockCopyLabel: e.codeBlockCopyLabel,
+			codeBlockCopiedLabel: e.codeBlockCopiedLabel,
+			codeBlockDownloadLabel: e.codeBlockDownloadLabel,
+			tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
+			mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
+		},
+		fieldLabelClassName: Ee
+	}), J = (t) => /* @__PURE__ */ V(lt, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -953,255 +1143,261 @@ var Ce = {
 			runStatusLabels: e.runStatusLabels,
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
-		nextRunLabel: S,
-		items: te,
-		isLoading: ne,
-		isLoadingMore: O,
-		skeletonCount: re,
-		error: k,
+		nextRunLabel: E,
+		items: se,
+		isLoading: ce,
+		isLoadingMore: le,
+		skeletonCount: de,
+		error: fe,
 		onRetry: A,
-		loadMoreError: j,
-		onRetryLoadMore: M,
-		hasMore: ae,
-		onLoadMore: N,
-		onRunClick: P,
-		runTimestampClassName: he,
-		sectionTitleClassName: V,
-		colors: R,
-		styles: de
+		loadMoreError: pe,
+		onRetryLoadMore: j,
+		hasMore: M,
+		onLoadMore: _e,
+		onRunClick: ve,
+		runTimestampClassName: De,
+		sectionTitleClassName: Te,
+		colors: F,
+		styles: Se
 	});
-	return /* @__PURE__ */ G("div", {
-		style: ge,
-		className: m("flex h-full w-full flex-col overflow-y-auto", $.container, F),
+	return /* @__PURE__ */ H("div", {
+		style: ke,
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, be),
 		children: [
-			/* @__PURE__ */ G("div", {
-				className: m("flex h-16 shrink-0 items-center justify-between gap-2 px-8", $.header),
-				children: [/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ H("div", {
+				className: v("flex min-h-16 shrink-0 items-center justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:px-8 desktop:py-0", $.header),
+				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ W(ee, {
-							icon: I === void 0 ? /* @__PURE__ */ W(ue, {
-								size: C.LG,
+						/* @__PURE__ */ V(ae, {
+							icon: xe === void 0 ? /* @__PURE__ */ V(ye, {
+								size: D.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: w
-							}) : I,
+								stroke: O
+							}) : xe,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
-						/* @__PURE__ */ W("h1", {
-							className: m("truncate", $.desktopTitle, fe),
-							children: u
+						/* @__PURE__ */ V("h1", {
+							className: v("truncate", $.desktopTitle, R),
+							children: g
 						}),
-						a && /* @__PURE__ */ W("span", {
-							className: m("shrink-0", $.desktopBadge, H, $.subtitleText),
+						l && /* @__PURE__ */ V("span", {
+							className: v("shrink-0", $.desktopBadge, z, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
-				}), /* @__PURE__ */ G("div", {
-					className: "flex shrink-0 items-center gap-2",
+				}), /* @__PURE__ */ H("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: [
-						!a && o !== void 0 && /* @__PURE__ */ W(se, {
+						!l && !u && d !== void 0 && /* @__PURE__ */ H(Me, { children: [/* @__PURE__ */ V(he, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
-							isOn: o,
-							disabled: s || c || i,
-							onChange: (e) => l?.(e)
-						}),
-						!a && r && /* @__PURE__ */ W(D, {
-							variant: y.Danger,
+							isOn: d,
+							disabled: f || p || c,
+							onChange: (e) => h?.(e)
+						}), p && m && /* @__PURE__ */ V("span", {
+							className: v(z, $.subtitleText),
+							children: m
+						})] }),
+						!l && s && /* @__PURE__ */ V(k, {
+							variant: ne.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ W(pe, {
-								size: C.SM,
+							iconBefore: /* @__PURE__ */ V(we, {
+								size: D.SM,
 								"aria-hidden": !0,
-								stroke: w
+								stroke: O
 							}),
-							onClick: r,
-							disabled: i,
-							className: "shrink-0"
+							onClick: s,
+							disabled: c,
+							className: "min-h-11 shrink-0"
 						}),
-						!a && n && /* @__PURE__ */ W(ie, {
+						!l && n && /* @__PURE__ */ V(ue, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ W(z, {
-								size: C.SM,
+							iconBefore: /* @__PURE__ */ V(Ce, {
+								size: D.SM,
 								"aria-hidden": !0,
-								stroke: w
+								stroke: O
 							}),
 							onClick: n,
-							disabled: i,
-							className: "shrink-0"
+							disabled: c,
+							className: "min-h-11 shrink-0"
+						}),
+						!l && r && e.startNowButtonLabel && /* @__PURE__ */ H("div", {
+							"aria-busy": i,
+							children: [W && /* @__PURE__ */ V("span", {
+								id: U,
+								className: "sr-only",
+								children: W
+							}), /* @__PURE__ */ V(ue, {
+								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
+								iconBefore: /* @__PURE__ */ V(L, {
+									size: D.SM,
+									"aria-hidden": !0,
+									stroke: O
+								}),
+								onClick: r,
+								disabled: c || i || a || o,
+								"aria-describedby": W ? U : void 0,
+								tooltipProps: W ? { tooltip: W } : void 0,
+								className: "min-h-11 shrink-0"
+							})]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ G("div", {
-				className: m("min-w-0 items-center gap-2 px-8 py-3", $.mobileTitleRow),
-				children: [/* @__PURE__ */ W("h1", {
-					className: m("truncate", fe),
-					children: u
-				}), a && /* @__PURE__ */ W("span", {
-					className: m("shrink-0", H, $.subtitleText),
+			/* @__PURE__ */ H("div", {
+				className: v("min-w-0 items-center gap-2 px-8 py-3", $.mobileTitleRow),
+				children: [/* @__PURE__ */ V("h1", {
+					className: v("truncate", R),
+					children: g
+				}), l && /* @__PURE__ */ V("span", {
+					className: v("shrink-0", z, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
-			e.activeStatusAnnouncement != null && /* @__PURE__ */ W("span", {
+			e.activeStatusAnnouncement != null && /* @__PURE__ */ V("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.activeStatusAnnouncement
 			}),
-			d && /* @__PURE__ */ W("div", {
+			e.startStatusAnnouncement != null && /* @__PURE__ */ V("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: e.startStatusAnnouncement
+			}),
+			y && /* @__PURE__ */ V("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ W(oe, {})
+				children: /* @__PURE__ */ V(me, {})
 			}),
-			!d && f && /* @__PURE__ */ G("div", {
+			!y && x && /* @__PURE__ */ H("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
-				children: [/* @__PURE__ */ W("p", {
-					className: m(H, $.subtitleText),
+				children: [/* @__PURE__ */ V("p", {
+					className: v(z, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ W(D, {
+				}), /* @__PURE__ */ V(k, {
 					label: e.retryLabel,
-					onClick: h
+					onClick: S
 				})]
 			}),
-			!d && !f && (_e ? /* @__PURE__ */ G("div", {
-				className: "flex flex-1 flex-col",
-				children: [/* @__PURE__ */ W(ce, {
+			!y && !x && (Ae ? /* @__PURE__ */ H("div", {
+				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+				children: [/* @__PURE__ */ V(ge, {
 					ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 					className: "px-8",
-					tabs: be,
-					activeTabId: U,
-					onTabChange: ve
-				}), /* @__PURE__ */ W("div", {
+					tabs: G,
+					activeTabId: B,
+					onTabChange: Ne
+				}), /* @__PURE__ */ V("div", {
 					role: "tabpanel",
-					"aria-label": xe,
+					"aria-label": K,
 					className: "flex flex-1 flex-col gap-5 px-8 py-6",
-					children: U === X.Configuration ? Ce : U === X.History ? K(Re.Flow) : Se
+					children: B === $e.Configuration ? q : B === $e.History ? J(et.Flow) : Pe
 				})]
-			}) : /* @__PURE__ */ G("div", {
+			}) : /* @__PURE__ */ H("div", {
 				style: {
 					flexDirection: "row",
-					flexWrap: "wrap",
-					"--st-details-width": L?.detailsWidth,
-					"--st-history-width": L?.historyWidth,
-					"--st-history-max-height": L?.historyMaxHeight,
-					"--st-configuration-min-width": L?.configurationMinWidth
+					"--st-details-width": P?.detailsWidth,
+					"--st-history-width": P?.historyWidth,
+					"--st-history-max-height": P?.historyMaxHeight,
+					"--st-configuration-min-width": P?.configurationMinWidth
 				},
-				className: "flex flex-1",
+				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ H("div", {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${L?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${P?.detailsWidth ?? "360px"}`,
 							maxWidth: "100%"
 						},
-						className: m("flex w-full flex-col gap-5 border-e px-8 py-6", $.detailsColumn),
-						children: [/* @__PURE__ */ W("h2", {
-							className: V,
+						className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
+						children: [/* @__PURE__ */ V("h2", {
+							className: Te,
 							children: e.detailsTitle
-						}), Se]
+						}), Pe]
 					}),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ H("div", {
 						style: {
-							flex: `1 1 ${L?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${P?.configurationMinWidth ?? "320px"}`,
 							minWidth: 0
 						},
-						className: "flex w-full min-w-0 flex-col gap-5 px-8 py-6",
-						children: [/* @__PURE__ */ W("h2", {
-							className: V,
+						className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
+						children: [/* @__PURE__ */ V("h2", {
+							className: Te,
 							children: e.configurationTitle
-						}), Ce]
+						}), q]
 					}),
-					/* @__PURE__ */ W("div", {
+					/* @__PURE__ */ V("div", {
 						style: {
-							flex: `0 1 calc(${L?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${P?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
-						className: "flex w-full items-start justify-center p-6",
-						children: K(Re.Card)
+						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
+						children: J(et.Card)
 					})
 				]
 			}))
 		]
 	});
-}, Je = ({ modelLabel: e, instructionsLabel: t, modelDisplayName: n, instructionsMarkdown: r, renderInstructions: i, styles: a }) => {
-	let o = a?.typography?.fieldLabelClassName ?? "dial-tiny-text", s = a?.typography?.fieldValueClassName ?? "dial-body-text";
-	return /* @__PURE__ */ G("div", {
+}, dt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, markdownLabels: s, styles: c }) => {
+	let l = c?.typography?.fieldLabelClassName ?? "dial-tiny-text", u = c?.typography?.fieldValueClassName ?? "dial-body-text";
+	return /* @__PURE__ */ H("div", {
 		className: "flex flex-col gap-3",
-		children: [n && /* @__PURE__ */ G("div", {
-			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ W("span", {
-				className: o,
-				children: e
-			}), /* @__PURE__ */ W("p", {
-				className: s,
-				children: n
-			})]
-		}), r && /* @__PURE__ */ G("div", {
-			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ W("span", {
-				className: o,
-				children: t
-			}), ((e) => i ? i(e) : /* @__PURE__ */ W(d, { content: e }))(r)]
-		})]
-	});
-}, Ye = ({ open: e, taskName: t, title: n, body: r, consequences: i = [], cancelLabel: a, cancelAppearance: o = _.Ghost, confirmLabel: s, pendingLabel: c, isDeleting: l = !1, onConfirm: u, onClose: d, styles: f }) => {
-	let p = () => {
-		l || d();
-	};
-	return /* @__PURE__ */ W(A, {
-		open: e,
-		className: f?.popupClassName,
-		header: /* @__PURE__ */ W("span", {
-			className: f?.titleClassName,
-			children: n
-		}),
-		onClose: p,
-		mainButtons: [{
-			label: a,
-			onClick: p,
-			disabled: l,
-			appearance: o
-		}, {
-			label: l ? c ?? s : s,
-			onClick: () => {
-				l || u();
-			},
-			disabled: l,
-			variant: y.Danger,
-			className: f?.actionClassName
-		}],
-		children: /* @__PURE__ */ G("div", {
-			className: "flex flex-col gap-4 px-6 pb-4 pt-2",
-			children: [
-				/* @__PURE__ */ W("div", {
-					className: "flex h-11 items-center rounded-lg border border-error-alpha bg-error px-3",
-					children: /* @__PURE__ */ W("span", {
-						className: "dial-small-semi-text truncate",
-						children: t
-					})
-				}),
-				/* @__PURE__ */ W("div", {
-					className: "dial-body-paragraph-text break-words",
-					children: r
-				}),
-				i.length > 0 && /* @__PURE__ */ W("ul", {
-					className: "flex flex-col gap-2 ps-[18px]",
-					children: i.map((e, t) => /* @__PURE__ */ W("li", {
-						className: "dial-body-paragraph-text list-disc text-secondary marker:text-secondary",
+		children: [
+			i && /* @__PURE__ */ H("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ V("span", {
+					className: l,
+					children: e
+				}), /* @__PURE__ */ V("p", {
+					className: u,
+					children: i
+				})]
+			}),
+			!!n?.length && /* @__PURE__ */ H("div", {
+				className: "flex min-w-0 flex-col gap-2",
+				children: [/* @__PURE__ */ V("span", {
+					className: l,
+					children: t
+				}), /* @__PURE__ */ V("p", {
+					className: `${u} whitespace-normal break-all`,
+					children: n?.map((e, t) => /* @__PURE__ */ V("span", {
+						className: "block",
 						children: e
-					}, t))
-				}),
-				l && /* @__PURE__ */ W("span", {
-					role: "status",
-					"aria-live": "polite",
-					className: "sr-only",
-					children: c ?? s
-				})
-			]
-		})
+					}, `${t}:${e}`))
+				})]
+			}),
+			a && /* @__PURE__ */ H("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ V("span", {
+					className: l,
+					children: r
+				}), ((e) => o ? o(e) : /* @__PURE__ */ V(p, {
+					content: e,
+					...s
+				}))(a)]
+			})
+		]
 	});
-};
+}, ft = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ V(l, {
+	...s,
+	variant: E.Danger,
+	popupClassName: o?.popupClassName,
+	titleClassName: o?.titleClassName,
+	messageClassName: o?.messageClassName ?? "dial-body-paragraph-text",
+	message: r,
+	isLoading: a,
+	loadingStatusLabel: i,
+	identity: /* @__PURE__ */ V(h, { children: /* @__PURE__ */ V(u, {
+		icon: t,
+		typeLabel: n,
+		name: e,
+		styles: { colors: o?.colors }
+	}) })
+});
 //#endregion
-export { r as DESCRIPTION_MAX_LENGTH, Ce as SCHEDULED_TASKS_CLASS, we as ScheduledTaskCard, ke as ScheduledTaskCardGrid, Oe as ScheduledTaskCardSkeleton, Le as ScheduledTaskCreateForm, Ye as ScheduledTaskDeleteConfirmation, qe as ScheduledTaskDetailView, Je as ScheduledTaskDetailsSummary, Ke as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, Ge as ScheduledTaskRunHistoryList, Ue as ScheduledTaskRunStatus, Me as ScheduledTasks, Ne as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN };
+export { r as DESCRIPTION_MAX_LENGTH, W as SCHEDULED_TASKS_CLASS, Ie as ScheduledTaskCard, Ve as ScheduledTaskCardGrid, Be as ScheduledTaskCardSkeleton, Qe as ScheduledTaskCreateForm, ft as ScheduledTaskDeleteConfirmation, ut as ScheduledTaskDetailView, dt as ScheduledTaskDetailsSummary, lt as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, st as ScheduledTaskRunHistoryList, at as ScheduledTaskRunStatus, G as ScheduledTaskStatus, Ge as ScheduledTasks, Ke as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Je as hasScheduledTaskFormChanges };