@epam/ai-dial-scheduled-tasks 1.2.5 → 1.3.0-dev.102

package/index.js

@@ -1,8 +1,8 @@
 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 { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
-import { ButtonAppearance as te, ButtonDropdown as S, 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 k, GhostButton as A, GhostIconButton as ie, Highlight as j, Input as ae, Label as oe, MenuItemMark as se, NeutralButton as ce, NumberInput as le, PrimaryButton as ue, Search as M, Select as de, Skeleton as N, SkeletonVariant as P, Spinner as fe, Switch as pe, Tabs as me, Textarea as he, Tooltip as ge } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as F, IconArrowNarrowLeft as _e, IconArrowsSort as ve, IconCheck as ye, IconCircleCheck as I, IconCircleX as be, IconClipboardX as L, IconClockHour3 as R, IconPencilMinus as xe, IconPlayerPause as z, IconPlayerPlay as B, IconPlus as Se, IconTrashX as Ce } from "@tabler/icons-react";
-import { Suspense as we, lazy as V, useCallback as Te, useEffect as Ee, useId as De, useLayoutEffect as Oe, useMemo as H, useRef as ke, useState as Ae } from "react";
+import { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as P } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as ve, IconArrowNarrowLeft as ye, IconArrowsSort as be, IconCheck as F, IconCircleX as xe, IconClipboardX as I, IconClockHour3 as L, IconPencilMinus as Se, IconPlayerPause as R, IconPlayerPlay as z, IconPlus as Ce, IconTrashX as we } from "@tabler/icons-react";
+import { Suspense as Te, lazy as B, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as V, useRef as H, useState as Ae } from "react";
 import { Fragment as je, jsx as U, jsxs as W } from "react/jsx-runtime";
 import { BuilderFormContainer as Me } from "@epam/ai-dial-builder-form";
 import { LazyMarkdownEditor as G } from "@epam/ai-dial-ui-kit/editors";
@@ -23,12 +23,12 @@ var Ne = {
 	}
 	return e.isCompleted ? K.Completed : e.isActive === !1 ? K.Paused : K.Scheduled;
 }, J = {
-	schedulePill: "_schedulePill_146jw_1",
-	scheduleLabel: "_scheduleLabel_146jw_6",
-	pausedPill: "_pausedPill_146jw_10",
-	pausedLabel: "_pausedLabel_146jw_15",
-	completedPill: "_completedPill_146jw_19",
-	completedLabel: "_completedLabel_146jw_24"
+	schedulePill: "_schedulePill_1cwco_1",
+	scheduleLabel: "_scheduleLabel_1cwco_6",
+	pausedPill: "_pausedPill_1cwco_10",
+	pausedLabel: "_pausedLabel_1cwco_15",
+	completedPill: "_completedPill_1cwco_19",
+	completedLabel: "_completedLabel_1cwco_24"
 }, Fe = {
 	[K.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
@@ -39,20 +39,20 @@ var Ne = {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
 		wrapperClassName: J.pausedPill,
 		labelClassName: J.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ U(z, {
-			size: D.SM,
+		renderIcon: () => /* @__PURE__ */ U(R, {
+			size: O.SM,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		})
 	},
 	[K.Completed]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
 		wrapperClassName: J.completedPill,
 		labelClassName: J.completedLabel,
-		renderIcon: () => /* @__PURE__ */ U(ye, {
-			size: D.SM,
+		renderIcon: () => /* @__PURE__ */ U(F, {
+			size: O.SM,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		})
 	}
 }, Ie = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
@@ -70,7 +70,7 @@ var Ne = {
 	locationDivider: "_locationDivider_hmbo0_23",
 	card: "_card_hmbo0_34"
 }, Le = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
-	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", te = d?.newBadgeClassName ?? "dial-tiny-semi-text", S = Pe(e), { text: ne, textClassName: C } = {
+	let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Pe(e), { text: te, textClassName: w } = {
 		[K.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: h
@@ -83,7 +83,7 @@ var Ne = {
 			text: l,
 			textClassName: y
 		}
-	}[S], w = _({
+	}[C], T = _({
 		"--stc-title-text": u?.titleText,
 		"--stc-desc-text": u?.descriptionText,
 		"--stc-pill-bg": u?.schedulePillBackground,
@@ -107,22 +107,22 @@ var Ne = {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ W(T, {
+	return /* @__PURE__ */ W(D, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: w,
+		style: T,
 		className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Ne.card),
 		...E,
 		children: [
 			/* @__PURE__ */ W("div", {
 				className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
-				children: [/* @__PURE__ */ U(j, {
+				children: [/* @__PURE__ */ U(oe, {
 					text: e.displayName,
 					query: t,
 					maxLines: o ? 2 : 1,
 					className: v(f, Y.title)
 				}), e.isNew && /* @__PURE__ */ U("span", {
-					className: v("shrink-0 rounded-full px-2 py-0.5", te, Y.newBadge),
+					className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
 					children: s
 				})]
 			}),
@@ -135,11 +135,11 @@ var Ne = {
 				children: [/* @__PURE__ */ U("div", {
 					className: "flex min-h-[28px] items-center",
 					children: /* @__PURE__ */ U(Ie, {
-						status: S,
-						text: ne,
-						textClassName: C
+						status: C,
+						text: te,
+						textClassName: w
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ U(k, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ U(ie, {
 					segments: e.locationSegments,
 					labelClassName: v(x, Y.locationLabel),
 					leafClassName: v(ee, Y.locationLeaf),
@@ -152,13 +152,13 @@ var Ne = {
 	"100%",
 	"100%",
 	"61%"
-], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => /* @__PURE__ */ W(T, {
+], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => /* @__PURE__ */ W(D, {
 	"aria-hidden": !0,
 	style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
 	className: v("h-[var(--st-card-height,232px)]", Re.card),
 	children: [
-		/* @__PURE__ */ U(N, {
-			variant: P.Rectangular,
+		/* @__PURE__ */ U(M, {
+			variant: N.Rectangular,
 			width: "60%",
 			height: "20px",
 			color: Be,
@@ -166,15 +166,15 @@ var Ne = {
 		}),
 		/* @__PURE__ */ U("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: ze.map((e, t) => /* @__PURE__ */ U(N, {
-				variant: P.Rectangular,
+			children: ze.map((e, t) => /* @__PURE__ */ U(M, {
+				variant: N.Rectangular,
 				width: e,
 				height: "16px",
 				color: Be
 			}, t))
 		}),
-		/* @__PURE__ */ U(N, {
-			variant: P.Rectangular,
+		/* @__PURE__ */ U(M, {
+			variant: N.Rectangular,
 			width: "110px",
 			height: "28px",
 			color: Be,
@@ -206,7 +206,7 @@ var Ne = {
 	sortButton: "_sortButton_3vz4t_19",
 	createButton: "_createButton_3vz4t_10",
 	sortControlHidden: "_sortControlHidden_3vz4t_49"
-}, Ue = /* @__PURE__ */ U(R, {
+}, Ue = /* @__PURE__ */ U(L, {
 	size: 48,
 	stroke: 1,
 	"aria-hidden": !0
@@ -216,40 +216,40 @@ var Ne = {
 	if (!e || e === document.body) return null;
 	let { overflow: t, overflowY: n } = getComputedStyle(e);
 	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ge(e.parentElement);
-}, Ke = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: C, loadMoreError: w, onRetryLoadMore: T }) => {
-	let { colors: E, typography: k } = y ?? {}, ie = k?.titleClassName ?? "dial-h1-text", j = k?.subtitleClassName ?? "dial-body-text", ae = _({
-		"--st-bg": E?.background,
-		"--st-subtitle-text": E?.subtitleText,
-		"--st-sort-text": E?.sortButtonText
-	}), oe = (e) => {
+}, Ke = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: T, onRetryLoadMore: E }) => {
+	let { colors: D, typography: ne } = y ?? {}, ie = ne?.titleClassName ?? "dial-h1-text", ae = ne?.subtitleClassName ?? "dial-body-text", oe = _({
+		"--st-bg": D?.background,
+		"--st-subtitle-text": D?.subtitleText,
+		"--st-sort-text": D?.sortButtonText
+	}), se = (e) => {
 		r(e ?? "");
-	}, [ce, le] = Ae(!1), [de, N] = Ae(!1), P = ke(null), pe = Te(() => {
-		N(!0);
-	}, []), me = Te(() => {
-		N(!1);
+	}, [ce, ue] = Ae(!1), [de, pe] = Ae(!1), M = H(null), N = Ee(() => {
+		pe(!0);
+	}, []), he = Ee(() => {
+		pe(!1);
 	}, []);
-	Oe(() => {
-		let e = P.current;
-		de && ce && e != null && e.offsetParent == null && le(!1);
+	ke(() => {
+		let e = M.current;
+		de && ce && e != null && e.offsetParent == null && ue(!1);
 	}, [de, ce]);
-	let he = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, ge = H(() => e.sortOptions.map((e) => ({
+	let ge = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, _e = V(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: se.Check,
+		mark: le.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), F = We(s, d, !!c, o.length, n.trim().length > 0, e), _e = ke(null);
-	Ee(() => {
-		let e = _e.current;
+	]), P = We(s, d, !!c, o.length, n.trim().length > 0, e), ve = H(null);
+	De(() => {
+		let e = ve.current;
 		if (!e || !p) return;
 		let t = Ge(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (d || s || w || !u) return;
+			if (d || s || T || !u) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
 			r.top < n.bottom && r.bottom > n.top && p();
 		};
@@ -258,20 +258,20 @@ var Ne = {
 		u,
 		d,
 		s,
-		w,
+		T,
 		p
 	]);
-	let ye = () => s ? /* @__PURE__ */ U(fe, {}) : c ? /* @__PURE__ */ W("div", {
+	let ye = () => s ? /* @__PURE__ */ U(me, {}) : c ? /* @__PURE__ */ W("div", {
 		className: "flex flex-col items-center gap-3",
 		children: [/* @__PURE__ */ U("p", {
-			className: v(j, X.subtitle),
+			className: v(ae, X.subtitle),
 			children: e.errorLabel
 		}), /* @__PURE__ */ U(A, {
 			label: e.retryLabel,
 			onClick: l
 		})]
 	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ U("p", {
-		className: v(j, X.subtitle),
+		className: v(ae, X.subtitle),
 		children: e.noResultsLabel
 	}) : /* @__PURE__ */ U(m, {
 		label: e.emptyStateLabel,
@@ -285,30 +285,30 @@ var Ne = {
 				onCardClick: h,
 				labels: e.cardLabels,
 				trailingSkeletonCount: d ? f : 0,
-				skeletonStyles: { colors: { skeletonColor: E?.skeletonColor } },
-				cardStyles: C,
+				skeletonStyles: { colors: { skeletonColor: D?.skeletonColor } },
+				cardStyles: S,
 				layout: ee
 			}),
-			w && /* @__PURE__ */ W("div", {
+			T && /* @__PURE__ */ W("div", {
 				role: "alert",
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ U("span", {
-					className: v(j, X.subtitle),
+					className: v(ae, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
 				}), /* @__PURE__ */ U(A, {
 					label: e.retryLabel,
-					onClick: T
+					onClick: E
 				})]
 			}),
 			/* @__PURE__ */ U("div", {
-				ref: _e,
+				ref: ve,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), I = s || !!c || o.length === 0;
+	}), F = s || !!c || o.length === 0;
 	return /* @__PURE__ */ W("div", {
-		style: ae,
+		style: oe,
 		className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", X.container, x),
 		children: [
 			/* @__PURE__ */ W("div", {
@@ -319,17 +319,17 @@ var Ne = {
 						className: v("truncate", ie),
 						children: e.title
 					}), /* @__PURE__ */ U("p", {
-						className: v("mt-1", j, X.subtitle),
+						className: v("mt-1", ae, X.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ U(ue, {
+				}), /* @__PURE__ */ U(j, {
 					label: e.createButtonLabel,
 					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ U(Se, {
-						size: D.SM,
+					iconBefore: /* @__PURE__ */ U(Ce, {
+						size: O.SM,
 						"aria-hidden": !0,
-						stroke: O
+						stroke: k
 					}),
 					onClick: t,
 					className: v("shrink-0", X.createButton)
@@ -340,28 +340,28 @@ var Ne = {
 				children: [/* @__PURE__ */ U("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ U(M, {
+					children: /* @__PURE__ */ U(fe, {
 						value: n,
-						onChange: oe,
+						onChange: se,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
 						size: re.Large,
-						onFocus: pe,
-						onBlur: me
+						onFocus: N,
+						onBlur: he
 					})
 				}), e.sortOptions.length > 0 && /* @__PURE__ */ U("div", {
-					ref: P,
+					ref: M,
 					className: v(de && X.sortControlHidden),
-					children: /* @__PURE__ */ U(S, {
-						items: ge,
-						label: he,
-						variant: ne.Primary,
-						appearance: te.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ U(ve, {
-							size: D.SM,
+					children: /* @__PURE__ */ U(te, {
+						items: _e,
+						label: ge,
+						variant: w.Primary,
+						appearance: C.Ghost,
+						iconBefore: b === void 0 ? /* @__PURE__ */ U(be, {
+							size: O.SM,
 							"aria-hidden": !0,
-							stroke: O
+							stroke: k
 						}) : b,
 						className: X.sortButton
 					})
@@ -372,10 +372,10 @@ var Ne = {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: F
+				children: P
 			}),
 			/* @__PURE__ */ U("div", {
-				className: v("mx-auto flex size-full w-full min-w-0 flex-col", I && "items-center justify-center"),
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", F && "items-center justify-center"),
 				children: ye()
 			})
 		]
@@ -387,12 +387,12 @@ var Ne = {
 	for (let r of n) if (Je(e[r]) !== Je(t[r])) return !0;
 	return !1;
 }, Xe = { error: "_error_v2pfn_4" }, Ze = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
-	let o = ke(/* @__PURE__ */ new Date()).current;
+	let o = H(/* @__PURE__ */ new Date()).current;
 	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ U(C, {
+		children: [/* @__PURE__ */ U(T, {
 			id: "scheduled-task-run-at",
-			mode: w.DateTime,
+			mode: E.DateTime,
 			value: s(t),
 			onChange: (e) => r(n(e)),
 			minDate: o,
@@ -413,49 +413,49 @@ var Ne = {
 	instructionsError: "_instructionsError_1253x_18",
 	refineFeedback: "_refineFeedback_1253x_22",
 	refineError: "_refineError_1253x_26"
-}, Qe = V(async () => ({ default: (await G()).MarkdownEditor })), $e = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: te, onCancel: S, onSubmit: ne, isSubmitting: T = !1, onRefineDescription: re, onRefineInstructions: k, markdownEditorTheme: A, backIcon: ie, className: j, styles: se }) => {
-	let ce = De(), ue = De(), M = ke(void 0), N = (e) => e ? async (t, n) => {
-		if (M.current && !M.current.aborted) throw new DOMException("Busy", "AbortError");
-		M.current = n;
+}, Qe = B(async () => ({ default: (await G()).MarkdownEditor })), $e = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: S, onCancel: C, onSubmit: te, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: re, markdownEditorTheme: ie, backIcon: A, className: ae, styles: oe }) => {
+	let le = Oe(), ue = Oe(), j = H(void 0), fe = (e) => e ? async (t, n) => {
+		if (j.current && !j.current.aborted) throw new DOMException("Busy", "AbortError");
+		j.current = n;
 		try {
 			return await e(t, n);
 		} finally {
-			M.current === n && (M.current = void 0);
+			j.current === n && (j.current = void 0);
 		}
-	} : void 0, P = x({
+	} : void 0, M = x({
 		value: r.description ?? "",
 		onChange: (e) => b("description", e),
-		onRefine: N(re),
-		disabled: T
-	}), pe = x({
+		onRefine: fe(D),
+		disabled: w
+	}), N = x({
 		value: r.prompt,
 		onChange: (e) => b("prompt", e),
-		onRefine: N(k),
-		disabled: T
-	}), me = P.isPending || pe.isPending, ge = () => {
-		P.reset(), pe.reset();
-	}, F = ee(!!(s && Ye(r, s))), ve = () => F.guard(() => {
-		ge(), te();
-	}), ye = () => F.guard(() => {
+		onRefine: fe(re),
+		disabled: w
+	}), he = M.isPending || N.isPending, ge = () => {
+		M.reset(), N.reset();
+	}, P = ee(!!(s && Ye(r, s))), ve = () => P.guard(() => {
 		ge(), S();
-	}), I = y(), be = !r.skillUrls?.length, [L, R] = Ae(), xe = ke(/* @__PURE__ */ new Date()).current, { colors: z, typography: B, layout: Se } = se ?? {}, Ce = B?.titleClassName ?? "dial-h1-text", V = B?.sectionTitleClassName ?? "dial-body-semi-text", Te = B?.sectionSubtitleClassName ?? "dial-tiny-text", Oe = B?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", H = B?.instructionsErrorClassName ?? "dial-small-text", G = _({
-		"--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
+	}), be = () => P.guard(() => {
+		ge(), C();
+	}), F = y(), xe = !r.skillUrls?.length, [I, L] = Ae(), Se = H(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: Ce } = oe ?? {}, we = z?.titleClassName ?? "dial-h1-text", B = z?.sectionTitleClassName ?? "dial-body-semi-text", Ee = z?.sectionSubtitleClassName ?? "dial-tiny-text", ke = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", V = z?.instructionsErrorClassName ?? "dial-small-text", G = _({
+		"--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: v(z?.refineActionText && Z.refineFeedback, B?.refineFeedbackClassName, Ne.refineFeedback),
+		feedbackClassName: v(R?.refineActionText && Z.refineFeedback, z?.refineFeedbackClassName, Ne.refineFeedback),
 		errorClassName: Z.refineError
 	}, q = (e) => {
-		R(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
+		L(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
 	}, Pe = (e) => {
-		R(void 0), b("time", typeof e == "string" ? e : "");
+		L(void 0), b("time", typeof e == "string" ? e : "");
 	}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
-	Ee(() => {
-		J || R(void 0);
+	De(() => {
+		J || L(void 0);
 	}, [J]);
-	let Fe = J ? L ?? u.time : void 0, Ie = (e) => b("runAt", e), Y = T || me || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
+	let Fe = J ? I ?? u.time : void 0, Ie = (e) => b("runAt", e), Y = w || he || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
 	return /* @__PURE__ */ W(je, { children: [/* @__PURE__ */ U(Me, {
 		labels: {
 			title: n.pageTitle,
@@ -465,30 +465,30 @@ var Ne = {
 			submittingLabel: n.submittingLabel ?? "Saving"
 		},
 		onBack: ve,
-		onCancel: ye,
+		onCancel: be,
 		onSubmit: () => {
-			!Y && (!M.current || M.current.aborted) && ne();
+			!Y && (!j.current || j.current.aborted) && te();
 		},
-		isCancelDisabled: T,
+		isCancelDisabled: w,
 		isSubmitDisabled: Y,
-		isSubmitting: T,
-		backIcon: ie === void 0 ? /* @__PURE__ */ U(_e, {
-			size: D.LG,
-			stroke: O,
+		isSubmitting: w,
+		backIcon: A === void 0 ? /* @__PURE__ */ U(ye, {
+			size: O.LG,
+			stroke: k,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : ie,
+		}) : A,
 		layout: {
-			sideColumnWidth: Se?.detailsWidth,
-			columnGap: Se?.columnGap,
+			sideColumnWidth: Ce?.detailsWidth,
+			columnGap: Ce?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: j,
+		className: ae,
 		styles: {
-			colors: { background: z?.background },
+			colors: { background: R?.background },
 			header: {
-				colors: { borderColor: z?.headerBorder },
-				typography: { fontClassName: Ce }
+				colors: { borderColor: R?.headerBorder },
+				typography: { fontClassName: we }
 			},
 			cssVars: G
 		},
@@ -500,14 +500,14 @@ var Ne = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ U("h2", {
-						className: V,
+						className: B,
 						children: n.detailsSectionTitle
 					}), /* @__PURE__ */ U("p", {
-						className: v(Te, Z.sectionSubtitle),
+						className: v(Ee, Z.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ U(ae, {
+				/* @__PURE__ */ U(se, {
 					id: "scheduled-task-display-name",
 					value: r.displayName,
 					onChange: (e) => b("displayName", e ?? ""),
@@ -519,37 +519,37 @@ var Ne = {
 					error: u.displayName
 				}),
 				/* @__PURE__ */ U(g, {
-					isEnabled: !!re,
-					fieldId: ce,
+					isEnabled: !!D,
+					fieldId: le,
 					label: n.descriptionLabel,
 					labels: n,
-					refinement: P,
-					disabled: T || me,
+					refinement: M,
+					disabled: w || he,
+					caption: `${(r.description ?? "").length}/500`,
 					...K,
-					children: /* @__PURE__ */ U(he, {
-						id: ce,
+					children: /* @__PURE__ */ U(_e, {
+						id: le,
 						value: r.description ?? "",
 						onChange: (e) => {
-							P.reset(), b("description", e);
+							M.reset(), b("description", e);
 						},
-						labelProps: re ? void 0 : { label: n.descriptionLabel },
+						labelProps: D ? void 0 : { label: n.descriptionLabel },
 						maxLength: 500,
 						invalid: !!u.description,
-						error: u.description,
-						caption: r.description ? `${r.description.length}/500` : void 0
+						error: u.description
 					})
 				}),
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ U(oe, {
+						/* @__PURE__ */ U(ce, {
 							id: m,
 							label: n.modelOrAgentLabel,
 							required: !0
 						}),
 						p,
 						u.modelId && /* @__PURE__ */ U("p", {
-							className: v(H, Z.instructionsError),
+							className: v(V, Z.instructionsError),
 							children: u.modelId
 						})
 					]
@@ -557,7 +557,7 @@ var Ne = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ U(de, {
+						/* @__PURE__ */ U(pe, {
 							labelProps: { label: n.repeatLabel },
 							value: r.repeat,
 							onChange: (e) => b("repeat", e),
@@ -571,14 +571,14 @@ var Ne = {
 							value: r.runAt ?? "",
 							onChange: Ie,
 							error: u.runAt,
-							errorClassName: H
+							errorClassName: V
 						}),
 						r.repeat !== t.OneTime && /* @__PURE__ */ W(je, { children: [
 							J && /* @__PURE__ */ W("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ U(C, {
+								children: [/* @__PURE__ */ U(T, {
 									id: "scheduled-task-time",
-									mode: w.Time,
+									mode: E.Time,
 									value: r.time,
 									onChange: Pe,
 									onBlur: q,
@@ -587,18 +587,18 @@ var Ne = {
 										required: !0
 									},
 									invalid: !!Fe,
-									disabled: T,
+									disabled: w,
 									showTimezone: !0
 								}), Fe && /* @__PURE__ */ U("p", {
-									className: v(H, Z.instructionsError),
+									className: v(V, Z.instructionsError),
 									children: Fe
 								})]
 							}),
 							r.repeat === t.Weekly && /* @__PURE__ */ W("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ U(C, {
+								children: [/* @__PURE__ */ U(T, {
 									id: "scheduled-task-day-of-week",
-									mode: w.Weekday,
+									mode: E.Weekday,
 									value: a(r.dayOfWeek),
 									onChange: (e) => b("dayOfWeek", o(e)),
 									labelProps: {
@@ -607,11 +607,11 @@ var Ne = {
 									},
 									invalid: !!u.dayOfWeek
 								}), u.dayOfWeek && /* @__PURE__ */ U("p", {
-									className: v(H, Z.instructionsError),
+									className: v(V, Z.instructionsError),
 									children: u.dayOfWeek
 								})]
 							}),
-							r.repeat === t.Monthly && /* @__PURE__ */ U(le, {
+							r.repeat === t.Monthly && /* @__PURE__ */ U(de, {
 								id: "scheduled-task-day-of-month",
 								integer: !0,
 								min: 1,
@@ -625,7 +625,7 @@ var Ne = {
 								invalid: !!u.dayOfMonth,
 								error: u.dayOfMonth
 							}),
-							r.repeat === t.Hourly && /* @__PURE__ */ U(le, {
+							r.repeat === t.Hourly && /* @__PURE__ */ U(de, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
@@ -643,32 +643,32 @@ var Ne = {
 								className: "flex flex-row gap-3",
 								children: [/* @__PURE__ */ W("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ U(C, {
+									children: [/* @__PURE__ */ U(T, {
 										id: "scheduled-task-start-date",
-										mode: w.Date,
+										mode: E.Date,
 										value: e(r.startDate),
 										onChange: (e) => b("startDate", i(e)),
-										minDate: xe,
+										minDate: Se,
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!u.startDate
 									}), u.startDate && /* @__PURE__ */ U("p", {
-										className: v(H, Z.instructionsError),
+										className: v(V, Z.instructionsError),
 										children: u.startDate
 									})]
 								}), /* @__PURE__ */ W("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ U(C, {
+									children: [/* @__PURE__ */ U(T, {
 										id: "scheduled-task-end-date",
-										mode: w.Date,
+										mode: E.Date,
 										value: e(r.endDate),
 										onChange: (e) => b("endDate", i(e)),
-										minDate: xe,
+										minDate: Se,
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!u.endDate
 									}), u.endDate && /* @__PURE__ */ U("p", {
-										className: v(H, Z.instructionsError),
+										className: v(V, Z.instructionsError),
 										children: u.endDate
 									})]
 								})]
@@ -686,63 +686,63 @@ var Ne = {
 				/* @__PURE__ */ W("div", {
 					className: "flex flex-col gap-1",
 					children: [/* @__PURE__ */ U("h2", {
-						className: V,
+						className: B,
 						children: n.configurationSectionTitle
 					}), /* @__PURE__ */ U("p", {
-						className: v(Te, Z.sectionSubtitle),
+						className: v(Ee, Z.sectionSubtitle),
 						children: n.configurationSectionSubtitle
 					})]
 				}),
 				h == null ? u.skillUrls && /* @__PURE__ */ U("div", {
 					"aria-live": "polite",
 					children: /* @__PURE__ */ U("p", {
-						className: v(H, Z.instructionsError),
+						className: v(V, Z.instructionsError),
 						children: u.skillUrls
 					})
 				}) : /* @__PURE__ */ U("div", {
-					className: "w-full min-w-0 max-w-[996px]",
+					className: "w-full max-w-[996px] min-w-0",
 					children: h
 				}),
 				/* @__PURE__ */ U("div", {
-					className: "flex w-full min-w-0 max-w-[996px] flex-col",
+					className: "flex w-full max-w-[996px] min-w-0 flex-col",
 					children: /* @__PURE__ */ U(g, {
-						isEnabled: !!k,
+						isEnabled: !!re,
 						fieldId: ue,
-						labelClassName: Oe,
+						labelClassName: ke,
 						label: n.instructionsLabel,
-						required: be,
+						required: xe,
 						labels: n,
-						refinement: pe,
-						disabled: T || me,
+						refinement: N,
+						disabled: w || he,
 						...K,
 						children: /* @__PURE__ */ W("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!k && /* @__PURE__ */ U(oe, {
+								!re && /* @__PURE__ */ U(ce, {
 									htmlFor: ue,
-									className: Oe,
+									className: ke,
 									label: n.instructionsLabel,
-									required: be
+									required: xe
 								}),
 								/* @__PURE__ */ U("div", {
-									ref: I,
+									ref: F,
 									className: v("w-full", d, f),
-									children: /* @__PURE__ */ U(we, {
-										fallback: /* @__PURE__ */ U(fe, {}),
+									children: /* @__PURE__ */ U(Te, {
+										fallback: /* @__PURE__ */ U(me, {}),
 										children: /* @__PURE__ */ U(Qe, {
 											id: ue,
 											value: r.prompt,
 											onChange: (e) => {
-												pe.reset(), b("prompt", e);
+												N.reset(), b("prompt", e);
 											},
 											height: 480,
-											theme: A,
+											theme: ie,
 											placeholder: n.instructionsPlaceholder
 										})
 									})
 								}),
 								u.prompt && /* @__PURE__ */ U("p", {
-									className: v(H, Z.instructionsError),
+									className: v(V, Z.instructionsError),
 									children: u.prompt
 								})
 							]
@@ -751,15 +751,15 @@ var Ne = {
 				})
 			]
 		})
-	}), F.isConfirmOpen && /* @__PURE__ */ U(l, {
+	}), P.isConfirmOpen && /* @__PURE__ */ U(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: F.confirm,
-		onClose: F.dismiss
+		variant: ne.Danger,
+		onConfirm: P.confirm,
+		onClose: P.dismiss
 	})] });
 }, et = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
@@ -775,7 +775,7 @@ var Ne = {
 			className: v(o, nt.subtitleText),
 			children: e
 		}), /* @__PURE__ */ U("p", {
-			className: "whitespace-normal break-all",
+			className: "break-all whitespace-normal",
 			children: t?.map((e, t) => /* @__PURE__ */ U("span", {
 				className: "block",
 				children: e
@@ -847,42 +847,41 @@ var Ne = {
 ] }), ot = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", 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"
+	subtitleText: "_subtitleText_6i141_1",
+	successIcon: "_successIcon_6i141_5",
+	errorIcon: "_errorIcon_6i141_9",
+	missedIcon: "_missedIcon_6i141_13",
+	currentRun: "_currentRun_6i141_17",
+	interactiveRow: "_interactiveRow_6i141_22",
+	unreadDot: "_unreadDot_6i141_33"
 }, st = ({ status: e }) => {
 	switch (e) {
-		case ot.Success: return /* @__PURE__ */ U(I, {
-			size: D.SM,
+		case ot.Success: return /* @__PURE__ */ U(F, {
+			size: O.MD,
 			className: Q.successIcon,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		});
-		case ot.Error: return /* @__PURE__ */ U(be, {
-			size: D.SM,
+		case ot.Error: return /* @__PURE__ */ U(xe, {
+			size: O.MD,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		});
 		case ot.InProgress: return /* @__PURE__ */ U("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ U(fe, { size: D.SM })
+			children: /* @__PURE__ */ U(me, { size: O.MD })
 		});
-		case ot.Missed: return /* @__PURE__ */ U(F, {
-			size: D.SM,
+		case ot.Missed: return /* @__PURE__ */ U(ve, {
+			size: O.MD,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
-			stroke: O
+			stroke: k
 		});
 		default: return null;
 	}
 }, ct = ({ 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 = _({
+	let { colors: d, typography: f } = u ?? {}, p = f?.runTimestampClassName ?? "dial-small-paragraph-text", m = f?.runTimestampUnreadClassName ?? "dial-small-paragraph-semi-text", h = f?.subtitleClassName ?? "dial-body-text", g = c.unreadIndicatorLabel ?? "Unread", y = _({
 		"--strhl-success-icon": d?.successIconColor,
 		"--strhl-error-icon": d?.errorIconColor,
 		"--strhl-missed-icon": d?.missedIconColor,
@@ -892,12 +891,16 @@ var Ne = {
 		"--strhl-row-hover-bg": u?.rowHoverBackground,
 		"--strhl-row-focus-bg": u?.rowFocusBackground,
 		"--strhl-row-focus-outline": u?.rowFocusOutline
-	}), y = (e) => {
+	}), b = (e) => {
 		let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ot.Error && e.errorText ? e.errorText : void 0, i = [
 			r,
-			e.isUnread ? h : void 0,
+			e.isUnread ? g : void 0,
 			n ? c.currentRunLabel : void 0
-		].filter((e) => !!e), a = [`${t} ${e.timestampLabel}`, ...i].join(" — "), l = !!e.conversationId && !!s;
+		].filter((e) => !!e), a = [[
+			t,
+			e.timestampLabel,
+			e.durationLabel
+		].filter(Boolean).join(" "), ...i].join(" — "), l = !!e.conversationId && !!s;
 		return /* @__PURE__ */ W("li", {
 			...l ? {
 				role: "button",
@@ -909,22 +912,10 @@ var Ne = {
 			} : {},
 			"aria-label": a,
 			"aria-current": n ? "true" : void 0,
-			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, l && "cursor-pointer", l && Q.interactiveRow),
+			className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full px-3", n && Q.currentRun, l && "cursor-pointer", l && Q.interactiveRow),
 			children: [/* @__PURE__ */ W("span", {
-				className: "flex items-center gap-2 truncate",
-				children: [/* @__PURE__ */ U("span", {
-					className: "relative flex size-3 shrink-0 items-center justify-center",
-					children: e.isUnread && /* @__PURE__ */ U("span", {
-						className: v("size-[5.33px] rounded-full", Q.unreadDot),
-						"aria-hidden": !0
-					})
-				}), /* @__PURE__ */ U("span", {
-					className: v(p, "truncate"),
-					children: e.timestampLabel
-				})]
-			}), /* @__PURE__ */ U("span", {
-				className: "flex min-h-[var(--strhl-row-min-height,32px)] w-14 shrink-0 items-center justify-end",
-				children: r ? /* @__PURE__ */ U(ge, {
+				className: "flex min-w-0 items-center gap-2",
+				children: [r ? /* @__PURE__ */ U(P, {
 					tooltip: r,
 					asChild: !0,
 					contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
@@ -933,18 +924,33 @@ var Ne = {
 						tabIndex: l ? void 0 : 0,
 						children: /* @__PURE__ */ U(st, { status: e.status })
 					})
-				}) : /* @__PURE__ */ U(st, { status: e.status })
+				}) : /* @__PURE__ */ U(st, { status: e.status }), /* @__PURE__ */ W("span", {
+					className: "flex min-w-0 items-center gap-1",
+					children: [/* @__PURE__ */ U("span", {
+						className: v(e.isUnread ? m : p, "truncate"),
+						children: e.timestampLabel
+					}), e.durationLabel && /* @__PURE__ */ U("span", {
+						className: v(p, Q.subtitleText, "shrink-0"),
+						children: e.durationLabel
+					})]
+				})]
+			}), /* @__PURE__ */ U("span", {
+				className: "relative flex size-3 shrink-0 items-center justify-center",
+				children: e.isUnread && /* @__PURE__ */ U("span", {
+					className: v("size-[5.33px] rounded-full", Q.unreadDot),
+					"aria-hidden": !0
+				})
 			})]
 		}, e.id);
-	}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ W("li", {
+	}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ W("li", {
 		"aria-hidden": "true",
-		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__ */ U(N, {
-			variant: P.Rectangular,
+		className: "flex min-h-(--strhl-row-min-height,32px) max-w-[328px] items-center justify-between gap-2 px-3",
+		children: [/* @__PURE__ */ U(M, {
+			variant: N.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ U(N, {
-			variant: P.Rectangular,
+		}), /* @__PURE__ */ U(M, {
+			variant: N.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
@@ -952,29 +958,29 @@ var Ne = {
 	}, `history-skeleton-${t}`));
 	return t && e.length === 0 ? /* @__PURE__ */ U("ul", {
 		style: {
-			...g,
+			...y,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
-		children: b(r)
+		children: x(r)
 	}) : i && e.length === 0 ? /* @__PURE__ */ W("div", {
-		style: g,
+		style: y,
 		className: "flex flex-col items-start gap-3",
 		children: [/* @__PURE__ */ U("p", {
 			role: "alert",
-			className: v(m, Q.subtitleText),
+			className: v(h, Q.subtitleText),
 			children: c.errorLabel
 		}), /* @__PURE__ */ U(A, {
 			label: c.retryLabel,
 			onClick: a
 		})]
 	}) : e.length === 0 ? /* @__PURE__ */ W("div", {
-		style: g,
+		style: y,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ U(L, {
+		children: [/* @__PURE__ */ U(I, {
 			size: 44,
-			stroke: O,
+			stroke: k,
 			className: Q.subtitleText,
 			"aria-hidden": !0
 		}), /* @__PURE__ */ U("p", {
@@ -984,19 +990,19 @@ var Ne = {
 		})]
 	}) : /* @__PURE__ */ W("ul", {
 		style: {
-			...g,
+			...y,
 			"--strhl-row-min-height": u?.rowMinHeight
 		},
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: [
-			e.map(y),
-			n && b(r),
+			e.map(b),
+			n && x(r),
 			i ? /* @__PURE__ */ W("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
 				children: [/* @__PURE__ */ U("p", {
 					role: "alert",
-					className: v(m, Q.subtitleText),
+					className: v(h, Q.subtitleText),
 					children: c.errorLabel
 				}), /* @__PURE__ */ U(A, {
 					label: c.retryLabel,
@@ -1009,9 +1015,9 @@ var Ne = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, ut = ({ 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 === tt.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", x = l ? /* @__PURE__ */ W("li", {
-		className: b,
+}, ut = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
+	let b = e === tt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ W("li", {
+		className: x,
 		children: [/* @__PURE__ */ U("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
@@ -1021,21 +1027,21 @@ var Ne = {
 			disabled: a
 		})]
 	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ U("li", {
-		className: b,
+		className: x,
 		children: /* @__PURE__ */ U(A, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, ee = n ? /* @__PURE__ */ U("p", {
+	}) : void 0, S = n ? /* @__PURE__ */ U("p", {
 		className: v(m, lt.subtitleText),
 		children: n
-	}) : void 0, te = t.historyLoadingMoreLabel ? /* @__PURE__ */ U("span", {
+	}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ U("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, S = /* @__PURE__ */ U(ct, {
+	}) : void 0, te = /* @__PURE__ */ U(ct, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1051,39 +1057,42 @@ var Ne = {
 			runStatusLabels: t.runStatusLabels,
 			unreadIndicatorLabel: t.unreadIndicatorLabel
 		},
-		footer: x,
+		footer: ee,
 		styles: {
-			typography: { runTimestampClassName: m },
-			colors: _?.colors ?? g,
-			rowMinHeight: _?.rowMinHeight,
-			rowHoverBackground: _?.rowHoverBackground,
-			rowFocusBackground: _?.rowFocusBackground,
-			rowFocusOutline: _?.rowFocusOutline
+			typography: {
+				runTimestampClassName: m,
+				runTimestampUnreadClassName: h
+			},
+			colors: y?.colors ?? _,
+			rowMinHeight: y?.rowMinHeight,
+			rowHoverBackground: y?.rowHoverBackground,
+			rowFocusBackground: y?.rowFocusBackground,
+			rowFocusOutline: y?.rowFocusOutline
 		}
 	});
-	return y ? /* @__PURE__ */ W("div", {
+	return b ? /* @__PURE__ */ W("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", lt.historyCard, lt.cardLayout),
-		style: { "--st-history-max-height": _?.maxHeight },
+		style: { "--st-history-max-height": y?.maxHeight },
 		children: [/* @__PURE__ */ W("div", {
-			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", lt.historyCard),
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", lt.historyCard),
 			children: [
 				/* @__PURE__ */ U("h2", {
-					className: h,
+					className: g,
 					children: t.historyTitle
 				}),
-				ee,
-				te
+				S,
+				C
 			]
 		}), /* @__PURE__ */ U("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
-			children: S
+			children: te
 		})]
 	}) : /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-4",
 		children: [
-			ee,
-			te,
-			S
+			S,
+			C,
+			te
 		]
 	});
 }, $ = {
@@ -1099,14 +1108,14 @@ var Ne = {
 	actionButton: "_actionButton_hdn5b_75",
 	roundActionButton: "_roundActionButton_hdn5b_82",
 	stickyTabs: "_stickyTabs_hdn5b_88"
-}, dt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: te, modelLabel: S, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: k, renderInstructions: j, runs: ae, runsIsLoading: oe = !1, runsIsLoadingMore: se = !1, runsSkeletonCount: le = 6, runsError: ue, onRunsRetry: M, runsLoadMoreError: de, onRunsRetryLoadMore: N, runsHasMore: P = !1, onRunsLoadMore: he, onRunClick: ge, styles: F, className: ve, backIcon: ye, layout: I, historyStyles: be }) => {
-	let { colors: L, typography: R } = F ?? {}, z = R?.titleClassName ?? "dial-h2-text", Se = R?.sectionTitleClassName ?? "dial-body-semi-text", we = R?.fieldLabelClassName ?? "dial-tiny-text", V = R?.fieldValueClassName ?? "dial-small-text", Te = R?.runTimestampClassName ?? "dial-small-text", Ee = _({
-		"--stdv-bg": L?.background,
-		"--stdv-header-border": L?.headerBorder,
-		"--stdv-details-border": L?.detailsColumnBorder,
-		"--stdv-subtitle-text": L?.subtitleText,
-		"--stdv-history-bg": L?.historyCardBackground
-	}), Oe = b(), [H, ke] = Ae(et.Details), Me = De(), G = o && !i ? e.startNowBusyLabel : void 0, Ne = [
+}, dt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: S, modelLabel: C, repeatsLabel: te, activeWindowLabel: T, completedLabel: E, nextRunLabel: D, instructionsMarkdown: ne, skillDisplayNames: re, renderInstructions: ie, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: de, onRunsRetry: j, runsLoadMoreError: fe, onRunsRetryLoadMore: pe, runsHasMore: M = !1, onRunsLoadMore: N, onRunClick: _e, styles: P, className: ve, backIcon: be, layout: F, historyStyles: xe }) => {
+	let { colors: I, typography: L } = P ?? {}, R = L?.titleClassName ?? "dial-h2-text", Ce = L?.sectionTitleClassName ?? "dial-body-semi-text", Te = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", Ee = L?.runTimestampClassName ?? "dial-small-text", De = _({
+		"--stdv-bg": I?.background,
+		"--stdv-header-border": I?.headerBorder,
+		"--stdv-details-border": I?.detailsColumnBorder,
+		"--stdv-subtitle-text": I?.subtitleText,
+		"--stdv-history-bg": I?.historyCardBackground
+	}), ke = b(), [V, H] = Ae(et.Details), Me = Oe(), G = o && !i ? e.startNowBusyLabel : void 0, Ne = [
 		{
 			id: et.Details,
 			label: e.detailsTitle
@@ -1119,7 +1128,7 @@ var Ne = {
 			id: et.History,
 			label: e.historyTitle
 		}
-	], K = Ne.find((e) => e.id === H)?.label ?? e.detailsTitle, q = /* @__PURE__ */ U(at, {
+	], K = Ne.find((e) => e.id === V)?.label ?? e.detailsTitle, q = /* @__PURE__ */ U(at, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1127,19 +1136,19 @@ var Ne = {
 			activeWindowLabel: e.activeWindowLabel,
 			completedFieldLabel: e.completedFieldLabel
 		},
-		description: te,
-		modelLabel: S,
-		repeatsLabel: C,
-		activeWindowLabel: w,
-		completedLabel: T,
-		fieldLabelClassName: we,
-		fieldValueClassName: V
+		description: S,
+		modelLabel: C,
+		repeatsLabel: te,
+		activeWindowLabel: T,
+		completedLabel: E,
+		fieldLabelClassName: Te,
+		fieldValueClassName: B
 	}), Pe = /* @__PURE__ */ U(rt, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayNames: k,
-		instructionsMarkdown: re,
-		renderInstructions: j,
+		skillDisplayNames: re,
+		instructionsMarkdown: ne,
+		renderInstructions: ie,
 		markdownLabels: {
 			codeBlockCopyLabel: e.codeBlockCopyLabel,
 			codeBlockCopiedLabel: e.codeBlockCopiedLabel,
@@ -1147,7 +1156,7 @@ var Ne = {
 			tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
 			mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
 		},
-		fieldLabelClassName: we
+		fieldLabelClassName: Te
 	}), J = (t) => /* @__PURE__ */ U(ut, {
 		variant: t,
 		labels: {
@@ -1161,25 +1170,25 @@ var Ne = {
 			runStatusLabels: e.runStatusLabels,
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
-		nextRunLabel: E,
-		items: ae,
-		isLoading: oe,
-		isLoadingMore: se,
+		nextRunLabel: D,
+		items: oe,
+		isLoading: se,
+		isLoadingMore: ce,
 		skeletonCount: le,
-		error: ue,
-		onRetry: M,
-		loadMoreError: de,
-		onRetryLoadMore: N,
-		hasMore: P,
-		onLoadMore: he,
-		onRunClick: ge,
-		runTimestampClassName: Te,
-		sectionTitleClassName: Se,
-		colors: L,
-		styles: be
+		error: de,
+		onRetry: j,
+		loadMoreError: fe,
+		onRetryLoadMore: pe,
+		hasMore: M,
+		onLoadMore: N,
+		onRunClick: _e,
+		runTimestampClassName: Ee,
+		sectionTitleClassName: Ce,
+		colors: I,
+		styles: xe
 	});
 	return /* @__PURE__ */ W("div", {
-		style: Ee,
+		style: De,
 		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, ve),
 		children: [
 			/* @__PURE__ */ W("div", {
@@ -1187,57 +1196,57 @@ var Ne = {
 				children: [/* @__PURE__ */ W("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ U(ie, {
-							icon: ye === void 0 ? /* @__PURE__ */ U(_e, {
-								size: D.LG,
+						/* @__PURE__ */ U(ae, {
+							icon: be === void 0 ? /* @__PURE__ */ U(ye, {
+								size: O.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
-								stroke: O
-							}) : ye,
+								stroke: k
+							}) : be,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
 						/* @__PURE__ */ U("h1", {
-							className: v("truncate", $.desktopTitle, z),
+							className: v("truncate", $.desktopTitle, R),
 							children: g
 						}),
 						l && /* @__PURE__ */ U("span", {
-							className: v("shrink-0", $.desktopBadge, V, $.subtitleText),
+							className: v("shrink-0", $.desktopBadge, B, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
 				}), /* @__PURE__ */ W("div", {
 					className: v("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
 					children: [
-						!l && !u && d !== void 0 && /* @__PURE__ */ W(je, { children: [/* @__PURE__ */ U(pe, {
+						!l && !u && d !== void 0 && /* @__PURE__ */ W(je, { children: [/* @__PURE__ */ U(he, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: d,
 							disabled: f || p || c,
 							onChange: (e) => h?.(e)
 						}), p && m && /* @__PURE__ */ U("span", {
-							className: v(V, $.subtitleText),
+							className: v(B, $.subtitleText),
 							children: m
 						})] }),
 						!l && s && /* @__PURE__ */ U(A, {
-							variant: ne.Danger,
+							variant: w.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ U(Ce, {
-								size: D.SM,
+							iconBefore: /* @__PURE__ */ U(we, {
+								size: O.SM,
 								"aria-hidden": !0,
-								stroke: O
+								stroke: k
 							}),
 							onClick: s,
 							disabled: c,
 							textClassName: $.actionLabel,
 							className: v("min-h-11 shrink-0", $.actionButton)
 						}),
-						!l && n && /* @__PURE__ */ U(ce, {
+						!l && n && /* @__PURE__ */ U(ue, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ U(xe, {
-								size: D.SM,
+							iconBefore: /* @__PURE__ */ U(Se, {
+								size: O.SM,
 								"aria-hidden": !0,
-								stroke: O
+								stroke: k
 							}),
 							onClick: n,
 							disabled: c,
@@ -1250,12 +1259,12 @@ var Ne = {
 								id: Me,
 								className: "sr-only",
 								children: G
-							}), /* @__PURE__ */ U(ce, {
+							}), /* @__PURE__ */ U(ue, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ U(B, {
-									size: D.SM,
+								iconBefore: /* @__PURE__ */ U(z, {
+									size: O.SM,
 									"aria-hidden": !0,
-									stroke: O
+									stroke: k
 								}),
 								onClick: r,
 								disabled: c || i || a || o,
@@ -1271,10 +1280,10 @@ var Ne = {
 			/* @__PURE__ */ W("div", {
 				className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
 				children: [/* @__PURE__ */ U("h1", {
-					className: v("truncate", z),
+					className: v("truncate", R),
 					children: g
 				}), l && /* @__PURE__ */ U("span", {
-					className: v("shrink-0", V, $.subtitleText),
+					className: v("shrink-0", B, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
@@ -1292,42 +1301,42 @@ var Ne = {
 			}),
 			y && /* @__PURE__ */ U("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ U(fe, {})
+				children: /* @__PURE__ */ U(me, {})
 			}),
 			!y && x && /* @__PURE__ */ W("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
 				children: [/* @__PURE__ */ U("p", {
-					className: v(V, $.subtitleText),
+					className: v(B, $.subtitleText),
 					children: e.errorLabel
 				}), /* @__PURE__ */ U(A, {
 					label: e.retryLabel,
 					onClick: ee
 				})]
 			}),
-			!y && !x && (Oe ? /* @__PURE__ */ W("div", {
+			!y && !x && (ke ? /* @__PURE__ */ W("div", {
 				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
 				children: [/* @__PURE__ */ U("div", {
 					className: v("sticky top-0 z-10", $.stickyTabs),
-					children: /* @__PURE__ */ U(me, {
+					children: /* @__PURE__ */ U(ge, {
 						ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 						className: "px-4",
 						tabs: Ne,
-						activeTabId: H,
-						onTabChange: ke
+						activeTabId: V,
+						onTabChange: H
 					})
 				}), /* @__PURE__ */ U("div", {
 					role: "tabpanel",
 					"aria-label": K,
 					className: "flex flex-1 flex-col gap-5 px-4 py-6",
-					children: H === et.Configuration ? Pe : H === et.History ? J(tt.Flow) : q
+					children: V === et.Configuration ? Pe : V === et.History ? J(tt.Flow) : q
 				})]
 			}) : /* @__PURE__ */ W("div", {
 				style: {
 					flexDirection: "row",
-					"--st-details-width": I?.detailsWidth,
-					"--st-history-width": I?.historyWidth,
-					"--st-history-max-height": I?.historyMaxHeight,
-					"--st-configuration-min-width": I?.configurationMinWidth
+					"--st-details-width": F?.detailsWidth,
+					"--st-history-width": F?.historyWidth,
+					"--st-history-max-height": F?.historyMaxHeight,
+					"--st-configuration-min-width": F?.configurationMinWidth
 				},
 				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
@@ -1335,29 +1344,29 @@ var Ne = {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${I?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${F?.detailsWidth ?? "360px"}`,
 							maxWidth: "100%"
 						},
 						className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
 						children: [/* @__PURE__ */ U("h2", {
-							className: Se,
+							className: Ce,
 							children: e.detailsTitle
 						}), q]
 					}),
 					/* @__PURE__ */ W("div", {
 						style: {
-							flex: `1 1 ${I?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${F?.configurationMinWidth ?? "320px"}`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
 						children: [/* @__PURE__ */ U("h2", {
-							className: Se,
+							className: Ce,
 							children: e.configurationTitle
 						}), Pe]
 					}),
 					/* @__PURE__ */ U("div", {
 						style: {
-							flex: `0 1 calc(${I?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${F?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
 						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
@@ -1367,28 +1376,43 @@ var Ne = {
 			}))
 		]
 	});
-}, ft = ({ 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";
+}, ft = {
+	h1: "dial-small-semi-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
+	h2: "dial-small-semi-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
+	h3: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
+	h4: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
+	h5: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
+	h6: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
+	p: "dial-small-text mb-3 break-words [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0",
+	ul: "dial-small-text mb-3 space-y-1",
+	ol: "dial-small-text mb-3 space-y-1",
+	codeInline: "mx-0.5 px-1.5 break-words [overflow-wrap:anywhere]",
+	blockquote: "my-4",
+	link: "break-words [overflow-wrap:anywhere]",
+	tableWrapper: "my-4",
+	mathBlock: "my-4"
+}, pt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = ft, markdownLabels: c, styles: l }) => {
+	let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
 	return /* @__PURE__ */ W("div", {
 		className: "flex flex-col gap-3",
 		children: [
 			i && /* @__PURE__ */ W("div", {
 				className: "flex flex-col gap-2",
 				children: [/* @__PURE__ */ U("span", {
-					className: l,
+					className: u,
 					children: e
 				}), /* @__PURE__ */ U("p", {
-					className: u,
+					className: d,
 					children: i
 				})]
 			}),
 			!!n?.length && /* @__PURE__ */ W("div", {
 				className: "flex min-w-0 flex-col gap-2",
 				children: [/* @__PURE__ */ U("span", {
-					className: l,
+					className: u,
 					children: t
 				}), /* @__PURE__ */ U("p", {
-					className: `${u} whitespace-normal break-all`,
+					className: v(d, "break-all whitespace-normal"),
 					children: n?.map((e, t) => /* @__PURE__ */ U("span", {
 						className: "block",
 						children: e
@@ -1398,18 +1422,103 @@ var Ne = {
 			a && /* @__PURE__ */ W("div", {
 				className: "flex flex-col gap-2",
 				children: [/* @__PURE__ */ U("span", {
-					className: l,
+					className: u,
 					children: r
 				}), ((e) => o ? o(e) : /* @__PURE__ */ U(p, {
 					content: e,
-					...s
+					classNames: s,
+					...c
 				}))(a)]
 			})
 		]
 	});
-}, pt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ U(l, {
+}, mt = ({ className: e, children: t }) => /* @__PURE__ */ U("span", {
+	className: v(e, "block truncate py-1"),
+	children: t
+}), ht = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o, hasMore: s = !1, onLoadMore: c, currentRunId: l, onRunClick: u, labels: d, titleClassName: f = "dial-tiny-semi-text", contentClassName: p = "ps-3" }) => {
+	let [m, h] = Ae(!0);
+	De(() => {
+		h(!0);
+	}, [e]);
+	let g = s && !n && c && d.showMoreLabel ? /* @__PURE__ */ U("li", {
+		className: "pt-2",
+		children: /* @__PURE__ */ U(A, {
+			variant: w.Primary,
+			label: d.showMoreLabel,
+			onClick: c,
+			disabled: r
+		})
+	}) : void 0;
+	return /* @__PURE__ */ U(S, {
+		title: /* @__PURE__ */ U(mt, {
+			className: f,
+			children: d.title
+		}),
+		expanded: m,
+		onToggle: h,
+		contentClassName: p,
+		children: /* @__PURE__ */ U(ct, {
+			items: t,
+			isLoading: n,
+			isLoadingMore: r,
+			skeletonCount: i,
+			error: a,
+			onRetry: o,
+			currentRunId: l,
+			onRunClick: u,
+			footer: g,
+			labels: {
+				historyTitle: d.title,
+				emptyLabel: d.emptyLabel,
+				errorLabel: d.errorLabel,
+				retryLabel: d.retryLabel,
+				runStatusLabels: d.runStatusLabels,
+				currentRunLabel: d.currentRunLabel,
+				unreadIndicatorLabel: d.unreadIndicatorLabel
+			}
+		})
+	});
+}, gt = /* @__PURE__ */ function(e) {
+	return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
+}({}), _t = ({ scheduleId: e, state: t, onRetry: n, modelDisplayName: r, skillDisplayNames: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s, markdownLabels: c, summaryStyles: l, labels: u, titleClassName: d = "dial-tiny-semi-text", unavailableTextClassName: f = "dial-body-text text-secondary" }) => {
+	let [p, m] = Ae(!1);
+	De(() => {
+		m(!1);
+	}, [e]);
+	let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ W("div", {
+		className: "flex flex-col items-start gap-2",
+		children: [/* @__PURE__ */ U("p", {
+			role: "alert",
+			className: f,
+			children: u.unavailableLabel
+		}), t === "error" && n && /* @__PURE__ */ U(A, {
+			label: u.retryLabel,
+			onClick: n
+		})]
+	}) : /* @__PURE__ */ U(pt, {
+		modelLabel: u.modelLabel,
+		instructionsLabel: u.instructionsLabel,
+		skillLabel: u.skillLabel,
+		skillDisplayNames: i,
+		modelDisplayName: r,
+		instructionsMarkdown: a,
+		renderInstructions: o,
+		instructionsClassNames: s,
+		markdownLabels: c,
+		styles: l
+	});
+	return /* @__PURE__ */ U(S, {
+		title: /* @__PURE__ */ U(mt, {
+			className: d,
+			children: u.title
+		}),
+		expanded: p,
+		onToggle: m,
+		children: h
+	});
+}, vt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ U(l, {
 	...s,
-	variant: E.Danger,
+	variant: ne.Danger,
 	popupClassName: o?.popupClassName,
 	titleClassName: o?.titleClassName,
 	messageClassName: o?.messageClassName ?? "dial-body-paragraph-text",
@@ -1424,4 +1533,4 @@ var Ne = {
 	}) })
 });
 //#endregion
-export { r as DESCRIPTION_MAX_LENGTH, Ne as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, $e as ScheduledTaskCreateForm, pt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, ft as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, ot as ScheduledTaskRunStatus, K as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };
+export { r as DESCRIPTION_MAX_LENGTH, Ne as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, _t as ScheduledTaskConversationDetailsSection, gt as ScheduledTaskConversationDetailsState, ht as ScheduledTaskConversationHistorySection, $e as ScheduledTaskCreateForm, vt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, pt as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, ot as ScheduledTaskRunStatus, K as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };