@epam/ai-dial-scheduled-tasks 1.2.0-dev.273 → 1.2.0-dev.276

package/index.js

@@ -1,28 +1,28 @@
 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, ConfirmationIdentityCard as u, ConfirmationIdentityRow as d, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as f, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as p, MDMessageViewer as m, PanelEmptyState as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as ee } from "@epam/ai-dial-chat-shared";
-import { ButtonAppearance as x, ButtonDropdown as te, ButtonVariant as S, 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 ne, FolderPath as k, GhostButton as A, GhostIconButton as re, Highlight as ie, Input as j, Label as ae, MenuItemMark as oe, NeutralButton as M, NumberInput as se, PrimaryButton as N, Search as ce, Select as le, Skeleton as P, SkeletonVariant as F, Spinner as ue, Switch as de, Tabs as fe, Textarea as pe } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as me, IconArrowNarrowLeft as he, IconArrowsSort as ge, IconCheck as _e, IconCircleCheck as I, IconCircleX as L, IconClipboardX as R, IconPencilMinus as ve, IconPlayerPause as z, IconPlayerPlay as ye, IconPlus as B, IconTrashX as be } from "@tabler/icons-react";
-import { Suspense as xe, lazy as V, useCallback as Se, useEffect as H, useId as Ce, useLayoutEffect as we, useMemo as Te, useRef as U, useState as Ee } from "react";
-import { Fragment as De, jsx as W, jsxs as G } from "react/jsx-runtime";
-import { BuilderFormContainer as Oe } from "@epam/ai-dial-builder-form";
-import { LazyMarkdownEditor as ke } from "@epam/ai-dial-ui-kit/editors";
+import { ButtonAppearance as x, ButtonDropdown as S, ButtonVariant as C, Calendar as w, CalendarMode as T, CardShell as E, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as ne, FolderPath as k, GhostButton as A, GhostIconButton as re, Highlight as j, Input as M, Label as ie, MenuItemMark as N, NeutralButton as ae, NumberInput as oe, PrimaryButton as P, Search as F, Select as se, Skeleton as I, SkeletonVariant as L, Spinner as ce, Switch as le, Tabs as ue, Textarea as de } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as fe, IconArrowNarrowLeft as pe, IconArrowsSort as me, IconCheck as R, IconCircleCheck as z, IconCircleX as B, IconClipboardX as he, IconClockHour3 as V, IconPencilMinus as ge, IconPlayerPause as H, IconPlayerPlay as U, IconPlus as _e, IconTrashX as ve } from "@tabler/icons-react";
+import { Suspense as ye, lazy as be, useCallback as W, useEffect as xe, useId as Se, useLayoutEffect as G, useMemo as K, useRef as Ce, useState as we } from "react";
+import { Fragment as Te, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { BuilderFormContainer as Ee } from "@epam/ai-dial-builder-form";
+import { LazyMarkdownEditor as De } from "@epam/ai-dial-ui-kit/editors";
 //#region src/constants/public-class-names.ts
-var Ae = {
+var Oe = {
 	card: "dial-scheduled-tasks-card",
 	cardGrid: "dial-scheduled-tasks-card-grid",
 	refineFeedback: "dial-scheduled-tasks-refine-feedback"
-}, K = /* @__PURE__ */ function(e) {
+}, Y = /* @__PURE__ */ function(e) {
 	return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
-}({}), q = /* @__PURE__ */ function(e) {
+}({}), ke = /* @__PURE__ */ function(e) {
 	return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
-}({}), je = (e) => {
+}({}), Ae = (e) => {
 	switch (e.presentationStatus) {
-		case q.Active: return K.Scheduled;
-		case q.Paused: return K.Paused;
-		case q.Completed: return K.Completed;
+		case ke.Active: return Y.Scheduled;
+		case ke.Paused: return Y.Paused;
+		case ke.Completed: return Y.Completed;
 	}
-	return e.isCompleted ? K.Completed : e.isActive === !1 ? K.Paused : K.Scheduled;
-}, J = {
+	return e.isCompleted ? Y.Completed : e.isActive === !1 ? Y.Paused : Y.Scheduled;
+}, je = {
 	schedulePill: "_schedulePill_146jw_1",
 	scheduleLabel: "_scheduleLabel_146jw_6",
 	pausedPill: "_pausedPill_146jw_10",
@@ -30,26 +30,26 @@ var Ae = {
 	completedPill: "_completedPill_146jw_19",
 	completedLabel: "_completedLabel_146jw_24"
 }, Me = {
-	[K.Scheduled]: {
+	[Y.Scheduled]: {
 		pillClassName: "inline-block rounded-lg border px-2 py-1",
-		wrapperClassName: J.schedulePill,
-		labelClassName: J.scheduleLabel
+		wrapperClassName: je.schedulePill,
+		labelClassName: je.scheduleLabel
 	},
-	[K.Paused]: {
+	[Y.Paused]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: J.pausedPill,
-		labelClassName: J.pausedLabel,
-		renderIcon: () => /* @__PURE__ */ W(z, {
+		wrapperClassName: je.pausedPill,
+		labelClassName: je.pausedLabel,
+		renderIcon: () => /* @__PURE__ */ q(H, {
 			size: D.SM,
 			"aria-hidden": !0,
 			stroke: O
 		})
 	},
-	[K.Completed]: {
+	[Y.Completed]: {
 		pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
-		wrapperClassName: J.completedPill,
-		labelClassName: J.completedLabel,
-		renderIcon: () => /* @__PURE__ */ W(_e, {
+		wrapperClassName: je.completedPill,
+		labelClassName: je.completedLabel,
+		renderIcon: () => /* @__PURE__ */ q(R, {
 			size: D.SM,
 			"aria-hidden": !0,
 			stroke: O
@@ -57,7 +57,7 @@ var Ae = {
 	}
 }, Ne = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
 	let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Me[e];
-	return /* @__PURE__ */ G("span", {
+	return /* @__PURE__ */ J("span", {
 		className: v(i, n, a, o, r),
 		children: [s && s(), t]
 	});
@@ -69,20 +69,20 @@ var Ae = {
 	newBadge: "_newBadge_ogabr_17",
 	locationDivider: "_locationDivider_ogabr_22"
 }, Fe = ({ 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", ee = u?.newBadgeClassName ?? "dial-tiny-semi-text", x = je(e), { text: te, textClassName: S } = {
-		[K.Scheduled]: {
+	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", ee = u?.newBadgeClassName ?? "dial-tiny-semi-text", x = Ae(e), { text: S, textClassName: C } = {
+		[Y.Scheduled]: {
 			text: e.scheduleLabel,
 			textClassName: m
 		},
-		[K.Paused]: {
+		[Y.Paused]: {
 			text: s,
 			textClassName: h
 		},
-		[K.Completed]: {
+		[Y.Completed]: {
 			text: c,
 			textClassName: g
 		}
-	}[x], C = _({
+	}[x], w = _({
 		"--stc-title-text": l?.titleText,
 		"--stc-desc-text": l?.descriptionText,
 		"--stc-pill-bg": l?.schedulePillBackground,
@@ -99,46 +99,46 @@ var Ae = {
 		"--stc-completed-bg": l?.completedBadgeBackground,
 		"--stc-completed-border": l?.completedBadgeBorder,
 		"--stc-completed-text": l?.completedBadgeText
-	}), w = n ? {
+	}), T = n ? {
 		tabIndex: 0,
 		onClick: () => n(e.id),
 		onKeyDown: (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
 		}
 	} : {};
-	return /* @__PURE__ */ G(T, {
+	return /* @__PURE__ */ J(E, {
 		role: n ? "button" : "group",
 		"aria-label": e.displayName,
-		style: C,
-		className: v("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, Ae.card),
-		...w,
+		style: w,
+		className: v("h-[var(--st-card-height,232px)]", n && "cursor-pointer", a, Oe.card),
+		...T,
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex min-w-0 shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ W(ie, {
+				children: [/* @__PURE__ */ q(j, {
 					text: e.displayName,
 					query: t,
 					maxLines: 1,
 					className: v(d, Pe.title)
-				}), e.isNew && /* @__PURE__ */ W("span", {
+				}), e.isNew && /* @__PURE__ */ q("span", {
 					className: v("shrink-0 rounded-full px-2 py-0.5", ee, Pe.newBadge),
 					children: o
 				})]
 			}),
-			e.descriptionPreview && /* @__PURE__ */ W("p", {
+			e.descriptionPreview && /* @__PURE__ */ q("p", {
 				className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", p, f, Pe.description),
 				children: e.descriptionPreview
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "mt-auto flex shrink-0 flex-col gap-3",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ q("div", {
 					className: "flex min-h-[28px] items-center",
-					children: /* @__PURE__ */ W(Ne, {
+					children: /* @__PURE__ */ q(Ne, {
 						status: x,
-						text: te,
-						textClassName: S
+						text: S,
+						textClassName: C
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(k, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ q(k, {
 					segments: e.locationSegments,
 					labelClassName: v(y, Pe.locationLabel),
 					leafClassName: v(b, Pe.locationLeaf),
@@ -151,36 +151,36 @@ var Ae = {
 	"100%",
 	"100%",
 	"61%"
-], Re = "var(--stcs-skeleton-bg)", ze = ({ styles: e }) => /* @__PURE__ */ G(T, {
+], Re = "var(--stcs-skeleton-bg)", ze = ({ styles: e }) => /* @__PURE__ */ J(E, {
 	"aria-hidden": !0,
 	style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
 	className: v("h-[var(--st-card-height,232px)]", Ie.card),
 	children: [
-		/* @__PURE__ */ W(P, {
-			variant: F.Rectangular,
+		/* @__PURE__ */ q(I, {
+			variant: L.Rectangular,
 			width: "60%",
 			height: "20px",
 			color: Re,
 			className: "shrink-0"
 		}),
-		/* @__PURE__ */ W("div", {
+		/* @__PURE__ */ q("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: Le.map((e, t) => /* @__PURE__ */ W(P, {
-				variant: F.Rectangular,
+			children: Le.map((e, t) => /* @__PURE__ */ q(I, {
+				variant: L.Rectangular,
 				width: e,
 				height: "16px",
 				color: Re
 			}, t))
 		}),
-		/* @__PURE__ */ W(P, {
-			variant: F.Rectangular,
+		/* @__PURE__ */ q(I, {
+			variant: L.Rectangular,
 			width: "110px",
 			height: "28px",
 			color: Re,
 			className: "shrink-0 rounded-lg"
 		})
 	]
-}), Be = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ G("div", {
+}), Be = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ J("div", {
 	style: {
 		"--st-grid-min-card-width": s?.minCardWidth,
 		"--st-grid-gap": s?.gap,
@@ -190,61 +190,65 @@ var Ae = {
 		gap: "var(--st-grid-gap, 20px)",
 		gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, max(var(--st-grid-min-card-width, 320px), calc((100% - (var(--st-grid-columns) - 1) * var(--st-grid-gap, 20px)) / var(--st-grid-columns)))), 1fr))"
 	},
-	className: v("mx-auto grid w-full min-w-0", Ae.cardGrid),
-	children: [e.map((e) => /* @__PURE__ */ W(Fe, {
+	className: v("mx-auto grid w-full min-w-0", Oe.cardGrid),
+	children: [e.map((e) => /* @__PURE__ */ q(Fe, {
 		item: e,
 		searchQuery: t,
 		onCardClick: n,
 		labels: r,
 		styles: i
-	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(ze, { styles: o }, `skeleton-${t}`))]
-}), Y = {
+	}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ q(ze, { 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"
-}, Ve = (e, t, n, r, i, a) => {
+}, Ve = /* @__PURE__ */ q(V, {
+	size: 48,
+	stroke: 1,
+	"aria-hidden": !0
+}), He = (e, t, n, r, i, a) => {
 	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
-}, He = (e) => {
+}, Ue = (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 : He(e.parentElement);
-}, Ue = ({ 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: m, banner: g, styles: y, sortIcon: b, className: ee, gridLayout: C, cardStyles: w, loadMoreError: T, onRetryLoadMore: E }) => {
-	let { colors: k, typography: re } = y ?? {}, ie = re?.titleClassName ?? "dial-h1-text", j = re?.subtitleClassName ?? "dial-body-text", ae = _({
+	return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ue(e.parentElement);
+}, We = ({ 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: m, banner: g, styles: y, sortIcon: b, className: ee, gridLayout: w, cardStyles: T, loadMoreError: E, onRetryLoadMore: te }) => {
+	let { colors: k, typography: re } = y ?? {}, j = re?.titleClassName ?? "dial-h1-text", M = re?.subtitleClassName ?? "dial-body-text", ie = _({
 		"--st-bg": k?.background,
 		"--st-subtitle-text": k?.subtitleText,
 		"--st-sort-text": k?.sortButtonText
-	}), M = (e) => {
+	}), ae = (e) => {
 		r(e ?? "");
-	}, [se, le] = Ee(!1), [P, F] = Ee(!1), de = U(null), fe = Se(() => {
-		F(!0);
-	}, []), pe = Se(() => {
-		F(!1);
+	}, [oe, se] = we(!1), [I, L] = we(!1), le = Ce(null), ue = W(() => {
+		L(!0);
+	}, []), de = W(() => {
+		L(!1);
 	}, []);
-	we(() => {
-		let e = de.current;
-		P && se && e != null && e.offsetParent == null && le(!1);
-	}, [P, se]);
-	let me = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, he = Te(() => e.sortOptions.map((e) => ({
+	G(() => {
+		let e = le.current;
+		I && oe && e != null && e.offsetParent == null && se(!1);
+	}, [I, oe]);
+	let fe = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, pe = K(() => e.sortOptions.map((e) => ({
 		key: e.value,
 		label: e.label,
-		mark: oe.Check,
+		mark: N.Check,
 		checked: e.value === i,
 		onClick: () => a(e.value)
 	})), [
 		e.sortOptions,
 		i,
 		a
-	]), _e = Ve(s, d, !!c, o.length, n.trim().length > 0, e), I = U(null);
-	H(() => {
-		let e = I.current;
+	]), R = He(s, d, !!c, o.length, n.trim().length > 0, e), z = Ce(null);
+	xe(() => {
+		let e = z.current;
 		if (!e || !p) return;
-		let t = He(e.parentElement);
+		let t = Ue(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (d || s || T || !u) return;
+			if (d || s || E || !u) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
 			r.top < n.bottom && r.bottom > n.top && p();
 		};
@@ -253,134 +257,137 @@ var Ae = {
 		u,
 		d,
 		s,
-		T,
+		E,
 		p
 	]);
-	let L = () => s ? /* @__PURE__ */ W(ue, {}) : c ? /* @__PURE__ */ G("div", {
+	let B = () => s ? /* @__PURE__ */ q(ce, {}) : c ? /* @__PURE__ */ J("div", {
 		className: "flex flex-col items-center gap-3",
-		children: [/* @__PURE__ */ W("p", {
-			className: v(j, Y.subtitle),
+		children: [/* @__PURE__ */ q("p", {
+			className: v(M, X.subtitle),
 			children: e.errorLabel
-		}), /* @__PURE__ */ W(A, {
+		}), /* @__PURE__ */ q(A, {
 			label: e.retryLabel,
 			onClick: l
 		})]
-	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ W("p", {
-		className: v(j, Y.subtitle),
+	}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ q("p", {
+		className: v(M, X.subtitle),
 		children: e.noResultsLabel
-	}) : /* @__PURE__ */ W(h, { label: e.emptyStateLabel }) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ q(h, {
+		label: e.emptyStateLabel,
+		icon: Ve
+	}) : /* @__PURE__ */ J("div", {
 		className: "flex w-full flex-col gap-6",
 		children: [
-			/* @__PURE__ */ W(Be, {
+			/* @__PURE__ */ q(Be, {
 				items: o,
 				searchQuery: n,
 				onCardClick: m,
 				labels: e.cardLabels,
 				trailingSkeletonCount: d ? f : 0,
 				skeletonStyles: { colors: { skeletonColor: k?.skeletonColor } },
-				cardStyles: w,
-				layout: C
+				cardStyles: T,
+				layout: w
 			}),
-			T && /* @__PURE__ */ G("div", {
+			E && /* @__PURE__ */ J("div", {
 				role: "alert",
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ W("span", {
-					className: v(j, Y.subtitle),
+				children: [/* @__PURE__ */ q("span", {
+					className: v(M, X.subtitle),
 					children: e.loadMoreErrorLabel ?? e.errorLabel
-				}), /* @__PURE__ */ W(A, {
+				}), /* @__PURE__ */ q(A, {
 					label: e.retryLabel,
-					onClick: E
+					onClick: te
 				})]
 			}),
-			/* @__PURE__ */ W("div", {
-				ref: I,
+			/* @__PURE__ */ q("div", {
+				ref: z,
 				"aria-hidden": !0,
 				className: "h-px w-full"
 			})
 		]
-	}), R = s || !!c || o.length === 0;
-	return /* @__PURE__ */ G("div", {
-		style: ae,
-		className: v("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", Y.container, ee),
+	}), he = s || !!c || o.length === 0;
+	return /* @__PURE__ */ J("div", {
+		style: ie,
+		className: v("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", X.container, ee),
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-start justify-between gap-4",
-				children: [/* @__PURE__ */ G("div", {
+				children: [/* @__PURE__ */ J("div", {
 					className: "min-w-0 gap-2",
-					children: [/* @__PURE__ */ W("h1", {
-						className: v("truncate", ie),
+					children: [/* @__PURE__ */ q("h1", {
+						className: v("truncate", j),
 						children: e.title
-					}), /* @__PURE__ */ W("p", {
-						className: v("mt-1", j, Y.subtitle),
+					}), /* @__PURE__ */ q("p", {
+						className: v("mt-1", M, X.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ W(N, {
+				}), /* @__PURE__ */ q(P, {
 					label: e.createButtonLabel,
-					textClassName: Y.createButtonLabel,
+					textClassName: X.createButtonLabel,
 					"aria-label": e.createButtonLabel,
-					iconBefore: /* @__PURE__ */ W(B, {
+					iconBefore: /* @__PURE__ */ q(_e, {
 						size: D.SM,
 						"aria-hidden": !0,
 						stroke: O
 					}),
 					onClick: t,
-					className: v("shrink-0", Y.createButton)
+					className: v("shrink-0", X.createButton)
 				})]
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ W("div", {
+				children: [/* @__PURE__ */ q("div", {
 					role: "search",
 					className: "flex-1",
-					children: /* @__PURE__ */ W(ce, {
+					children: /* @__PURE__ */ q(F, {
 						value: n,
-						onChange: M,
+						onChange: ae,
 						placeholder: e.searchPlaceholder,
 						clearLabel: e.clearSearchLabel,
 						"aria-label": e.searchAriaLabel,
 						size: ne.Large,
-						onFocus: fe,
-						onBlur: pe
+						onFocus: ue,
+						onBlur: de
 					})
-				}), e.sortOptions.length > 0 && /* @__PURE__ */ W("div", {
-					ref: de,
-					className: v(P && Y.sortControlHidden),
-					children: /* @__PURE__ */ W(te, {
-						items: he,
-						label: me,
-						variant: S.Primary,
+				}), e.sortOptions.length > 0 && /* @__PURE__ */ q("div", {
+					ref: le,
+					className: v(I && X.sortControlHidden),
+					children: /* @__PURE__ */ q(S, {
+						items: pe,
+						label: fe,
+						variant: C.Primary,
 						appearance: x.Ghost,
-						iconBefore: b === void 0 ? /* @__PURE__ */ W(ge, {
+						iconBefore: b === void 0 ? /* @__PURE__ */ q(me, {
 							size: D.SM,
 							"aria-hidden": !0,
 							stroke: O
 						}) : b,
-						className: Y.sortButton
+						className: X.sortButton
 					})
 				})]
 			}),
 			g,
-			/* @__PURE__ */ W("span", {
+			/* @__PURE__ */ q("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: _e
+				children: R
 			}),
-			/* @__PURE__ */ W("div", {
-				className: v("mx-auto flex size-full w-full min-w-0 flex-col", R && "items-center justify-center"),
-				children: L()
+			/* @__PURE__ */ q("div", {
+				className: v("mx-auto flex size-full w-full min-w-0 flex-col", he && "items-center justify-center"),
+				children: B()
 			})
 		]
 	});
-}, We = /* @__PURE__ */ function(e) {
+}, Ge = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
-}({}), Ge = { error: "_error_v2pfn_4" }, Ke = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
-	let o = U(/* @__PURE__ */ new Date()).current;
-	return /* @__PURE__ */ G("div", {
+}({}), Ke = { error: "_error_v2pfn_4" }, qe = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
+	let o = Ce(/* @__PURE__ */ new Date()).current;
+	return /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W(C, {
+		children: [/* @__PURE__ */ q(w, {
 			id: "scheduled-task-run-at",
-			mode: w.DateTime,
+			mode: T.DateTime,
 			value: s(t),
 			onChange: (e) => r(n(e)),
 			minDate: o,
@@ -389,20 +396,20 @@ var Ae = {
 				required: !0
 			},
 			invalid: !!i
-		}), i && /* @__PURE__ */ W("p", {
-			className: v(a, Ge.error),
+		}), i && /* @__PURE__ */ q("p", {
+			className: v(a, Ke.error),
 			children: i
 		})]
 	});
-}, X = {
+}, Z = {
 	formColumn: "_formColumn_1gu82_1",
 	detailsColumn: "_detailsColumn_1gu82_10",
 	sectionSubtitle: "_sectionSubtitle_1gu82_14",
 	instructionsError: "_instructionsError_1gu82_18",
 	refineFeedback: "_refineFeedback_1gu82_22",
 	refineError: "_refineError_1gu82_26"
-}, qe = V(async () => ({ default: (await ke()).MarkdownEditor })), Je = ({ labels: n, values: r, errors: s, modelSelector: l, modelLabelId: u, skillSelector: d, skillLabelId: m, skillErrorId: h, onFieldChange: b, onBack: x, onCancel: te, onSubmit: S, isSubmitting: T = !1, onRefineDescription: E, onRefineInstructions: ne, markdownEditorTheme: k, backIcon: A, className: re, styles: ie }) => {
-	let oe = Ce(), M = Ce(), N = U(void 0), ce = (e) => e ? async (t, n) => {
+}, Je = be(async () => ({ default: (await De()).MarkdownEditor })), Ye = ({ labels: n, values: r, errors: s, modelSelector: l, modelLabelId: u, skillSelector: d, onFieldChange: m, onBack: h, onCancel: b, onSubmit: x, isSubmitting: S = !1, onRefineDescription: C, onRefineInstructions: E, markdownEditorTheme: te, backIcon: ne, className: k, styles: A }) => {
+	let re = Se(), j = Se(), N = Ce(void 0), ae = (e) => e ? async (t, n) => {
 		if (N.current && !N.current.aborted) throw new DOMException("Busy", "AbortError");
 		N.current = n;
 		try {
@@ -412,35 +419,35 @@ var Ae = {
 		}
 	} : void 0, P = ee({
 		value: r.description ?? "",
-		onChange: (e) => b("description", e),
-		onRefine: ce(E),
-		disabled: T
+		onChange: (e) => m("description", e),
+		onRefine: ae(C),
+		disabled: S
 	}), F = ee({
 		value: r.prompt,
-		onChange: (e) => b("prompt", e),
-		onRefine: ce(ne),
-		disabled: T
-	}), de = P.isPending || F.isPending, fe = () => {
+		onChange: (e) => m("prompt", e),
+		onRefine: ae(E),
+		disabled: S
+	}), I = P.isPending || F.isPending, L = () => {
 		P.reset(), F.reset();
-	}, me = y(), [ge, _e] = Ee(), I = U(/* @__PURE__ */ new Date()).current, { colors: L, typography: R, layout: ve } = ie ?? {}, z = R?.titleClassName ?? "dial-h1-text", ye = R?.sectionTitleClassName ?? "dial-body-semi-text", B = R?.sectionSubtitleClassName ?? "dial-tiny-text", be = R?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", V = R?.instructionsErrorClassName ?? "dial-small-text", Se = _({
-		"--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
-	}), we = {
-		feedbackClassName: v(X.refineFeedback, R?.refineFeedbackClassName ?? "dial-small-text", Ae.refineFeedback),
-		errorClassName: X.refineError
-	}, Te = (e) => {
-		_e(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
-	}, ke = (e) => {
-		_e(void 0), b("time", typeof e == "string" ? e : "");
-	}, K = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
-	H(() => {
-		K || _e(void 0);
-	}, [K]);
-	let q = K ? ge ?? s.time : void 0, je = (e) => b("runAt", e), J = T || de || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrl?.trim() || !!s.skillUrl || K && !r.time || !!q;
-	return /* @__PURE__ */ W(Oe, {
+	}, le = y(), [ue, fe] = we(), me = Ce(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: B } = A ?? {}, he = z?.titleClassName ?? "dial-h1-text", V = z?.sectionTitleClassName ?? "dial-body-semi-text", ge = z?.sectionSubtitleClassName ?? "dial-tiny-text", H = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = z?.instructionsErrorClassName ?? "dial-small-text", _e = _({
+		"--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
+	}), ve = {
+		feedbackClassName: v(Z.refineFeedback, z?.refineFeedbackClassName ?? "dial-small-text", Oe.refineFeedback),
+		errorClassName: Z.refineError
+	}, be = (e) => {
+		fe(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), m("time", e.target.value);
+	}, W = (e) => {
+		fe(void 0), m("time", typeof e == "string" ? e : "");
+	}, G = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
+	xe(() => {
+		G || fe(void 0);
+	}, [G]);
+	let K = G ? ue ?? s.time : void 0, De = (e) => m("runAt", e), Y = S || I || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!s.skillUrls || G && !r.time || !!K;
+	return /* @__PURE__ */ q(Ee, {
 		labels: {
 			title: n.pageTitle,
 			backButtonLabel: n.backButtonLabel,
@@ -449,56 +456,56 @@ var Ae = {
 			submittingLabel: n.submittingLabel ?? "Saving"
 		},
 		onBack: () => {
-			fe(), x();
+			L(), h();
 		},
 		onCancel: () => {
-			fe(), te();
+			L(), b();
 		},
 		onSubmit: () => {
-			!J && (!N.current || N.current.aborted) && S();
+			!Y && (!N.current || N.current.aborted) && x();
 		},
-		isCancelDisabled: T,
-		isSubmitDisabled: J,
-		isSubmitting: T,
-		backIcon: A === void 0 ? /* @__PURE__ */ W(he, {
+		isCancelDisabled: S,
+		isSubmitDisabled: Y,
+		isSubmitting: S,
+		backIcon: ne === void 0 ? /* @__PURE__ */ q(pe, {
 			size: D.LG,
 			stroke: O,
 			"aria-hidden": !0,
 			className: "rtl:scale-x-[-1]"
-		}) : A,
+		}) : ne,
 		layout: {
-			sideColumnWidth: ve?.detailsWidth,
-			columnGap: ve?.columnGap,
+			sideColumnWidth: B?.detailsWidth,
+			columnGap: B?.columnGap,
 			reserveEndColumn: !1
 		},
-		className: re,
+		className: k,
 		styles: {
-			colors: { background: L?.background },
+			colors: { background: R?.background },
 			header: {
-				colors: { borderColor: L?.headerBorder },
-				typography: { fontClassName: z }
+				colors: { borderColor: R?.headerBorder },
+				typography: { fontClassName: he }
 			},
-			cssVars: Se
+			cssVars: _e
 		},
-		left: /* @__PURE__ */ G("div", {
+		left: /* @__PURE__ */ J("div", {
 			role: "group",
 			"aria-label": n.detailsSectionTitle,
-			className: v("flex flex-1 flex-col gap-5 border-e py-6", X.detailsColumn, X.formColumn),
+			className: v("flex flex-1 flex-col gap-5 border-e py-6", Z.detailsColumn, Z.formColumn),
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ W("h2", {
-						className: ye,
+					children: [/* @__PURE__ */ q("h2", {
+						className: V,
 						children: n.detailsSectionTitle
-					}), /* @__PURE__ */ W("p", {
-						className: v(B, X.sectionSubtitle),
+					}), /* @__PURE__ */ q("p", {
+						className: v(ge, Z.sectionSubtitle),
 						children: n.detailsSectionSubtitle
 					})]
 				}),
-				/* @__PURE__ */ W(j, {
+				/* @__PURE__ */ q(M, {
 					id: "scheduled-task-display-name",
 					value: r.displayName,
-					onChange: (e) => b("displayName", e ?? ""),
+					onChange: (e) => m("displayName", e ?? ""),
 					labelProps: {
 						label: n.displayNameLabel,
 						required: !0
@@ -506,103 +513,103 @@ var Ae = {
 					invalid: !!s.displayName,
 					error: s.displayName
 				}),
-				/* @__PURE__ */ W(g, {
-					isEnabled: !!E,
-					fieldId: oe,
+				/* @__PURE__ */ q(g, {
+					isEnabled: !!C,
+					fieldId: re,
 					label: n.descriptionLabel,
 					labels: n,
 					refinement: P,
-					disabled: T || de,
-					...we,
-					children: /* @__PURE__ */ W(pe, {
-						id: oe,
+					disabled: S || I,
+					...ve,
+					children: /* @__PURE__ */ q(de, {
+						id: re,
 						value: r.description ?? "",
 						onChange: (e) => {
-							P.reset(), b("description", e);
+							P.reset(), m("description", e);
 						},
-						labelProps: E ? void 0 : { label: n.descriptionLabel },
+						labelProps: C ? void 0 : { label: n.descriptionLabel },
 						maxLength: 500,
 						invalid: !!s.description,
 						error: s.description,
 						caption: r.description ? `${r.description.length}/500` : void 0
 					})
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-1",
 					children: [
-						/* @__PURE__ */ W(ae, {
+						/* @__PURE__ */ q(ie, {
 							id: u,
 							label: n.modelOrAgentLabel,
 							required: !0
 						}),
 						l,
-						s.modelId && /* @__PURE__ */ W("p", {
-							className: v(V, X.instructionsError),
+						s.modelId && /* @__PURE__ */ q("p", {
+							className: v(U, Z.instructionsError),
 							children: s.modelId
 						})
 					]
 				}),
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-3",
 					children: [
-						/* @__PURE__ */ W(le, {
+						/* @__PURE__ */ q(se, {
 							labelProps: { label: n.repeatLabel },
 							value: r.repeat,
-							onChange: (e) => b("repeat", e),
+							onChange: (e) => m("repeat", e),
 							options: n.repeatOptions.map((e) => ({
 								value: e.key,
 								label: e.label
 							}))
 						}),
-						r.repeat === t.OneTime && /* @__PURE__ */ W(Ke, {
+						r.repeat === t.OneTime && /* @__PURE__ */ q(qe, {
 							label: n.runAtLabel,
 							value: r.runAt ?? "",
-							onChange: je,
+							onChange: De,
 							error: s.runAt,
-							errorClassName: V
+							errorClassName: U
 						}),
-						r.repeat !== t.OneTime && /* @__PURE__ */ G(De, { children: [
-							K && /* @__PURE__ */ G("div", {
+						r.repeat !== t.OneTime && /* @__PURE__ */ J(Te, { children: [
+							G && /* @__PURE__ */ J("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ W(C, {
+								children: [/* @__PURE__ */ q(w, {
 									id: "scheduled-task-time",
-									mode: w.Time,
+									mode: T.Time,
 									value: r.time,
-									onChange: ke,
-									onBlur: Te,
+									onChange: W,
+									onBlur: be,
 									labelProps: {
 										label: n.timeLabel,
 										required: !0
 									},
-									invalid: !!q,
-									disabled: T,
+									invalid: !!K,
+									disabled: S,
 									showTimezone: !0
-								}), q && /* @__PURE__ */ W("p", {
-									className: v(V, X.instructionsError),
-									children: q
+								}), K && /* @__PURE__ */ q("p", {
+									className: v(U, Z.instructionsError),
+									children: K
 								})]
 							}),
-							r.repeat === t.Weekly && /* @__PURE__ */ G("div", {
+							r.repeat === t.Weekly && /* @__PURE__ */ J("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ W(C, {
+								children: [/* @__PURE__ */ q(w, {
 									id: "scheduled-task-day-of-week",
-									mode: w.Weekday,
+									mode: T.Weekday,
 									value: a(r.dayOfWeek),
-									onChange: (e) => b("dayOfWeek", o(e)),
+									onChange: (e) => m("dayOfWeek", o(e)),
 									labelProps: {
 										label: n.dayOfWeekLabel,
 										required: !0
 									},
 									invalid: !!s.dayOfWeek
-								}), s.dayOfWeek && /* @__PURE__ */ W("p", {
-									className: v(V, X.instructionsError),
+								}), s.dayOfWeek && /* @__PURE__ */ q("p", {
+									className: v(U, Z.instructionsError),
 									children: s.dayOfWeek
 								})]
 							}),
-							r.repeat === t.Monthly && /* @__PURE__ */ W(j, {
+							r.repeat === t.Monthly && /* @__PURE__ */ q(M, {
 								id: "scheduled-task-day-of-month",
 								value: r.dayOfMonth ?? "",
-								onChange: (e) => b("dayOfMonth", e ?? ""),
+								onChange: (e) => m("dayOfMonth", e ?? ""),
 								labelProps: {
 									label: n.dayOfMonthLabel,
 									required: !0
@@ -610,13 +617,13 @@ var Ae = {
 								invalid: !!s.dayOfMonth,
 								error: s.dayOfMonth
 							}),
-							r.repeat === t.Hourly && /* @__PURE__ */ W(se, {
+							r.repeat === t.Hourly && /* @__PURE__ */ q(oe, {
 								id: "scheduled-task-minute",
 								integer: !0,
 								min: 0,
 								max: 59,
 								value: r.minute ?? "",
-								onChange: (e) => b("minute", e == null ? "" : String(e)),
+								onChange: (e) => m("minute", e == null ? "" : String(e)),
 								labelProps: {
 									label: n.minuteLabel,
 									required: !0
@@ -624,36 +631,36 @@ var Ae = {
 								invalid: !!s.minute,
 								error: s.minute
 							}),
-							/* @__PURE__ */ G("div", {
+							/* @__PURE__ */ J("div", {
 								className: "flex flex-row gap-3",
-								children: [/* @__PURE__ */ G("div", {
+								children: [/* @__PURE__ */ J("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ W(C, {
+									children: [/* @__PURE__ */ q(w, {
 										id: "scheduled-task-start-date",
-										mode: w.Date,
+										mode: T.Date,
 										value: e(r.startDate),
-										onChange: (e) => b("startDate", i(e)),
-										minDate: I,
+										onChange: (e) => m("startDate", i(e)),
+										minDate: me,
 										labelProps: { label: n.startDateLabel },
 										placeholder: n.startDatePlaceholder,
 										invalid: !!s.startDate
-									}), s.startDate && /* @__PURE__ */ W("p", {
-										className: v(V, X.instructionsError),
+									}), s.startDate && /* @__PURE__ */ q("p", {
+										className: v(U, Z.instructionsError),
 										children: s.startDate
 									})]
-								}), /* @__PURE__ */ G("div", {
+								}), /* @__PURE__ */ J("div", {
 									className: "flex flex-1 flex-col gap-1",
-									children: [/* @__PURE__ */ W(C, {
+									children: [/* @__PURE__ */ q(w, {
 										id: "scheduled-task-end-date",
-										mode: w.Date,
+										mode: T.Date,
 										value: e(r.endDate),
-										onChange: (e) => b("endDate", i(e)),
-										minDate: I,
+										onChange: (e) => m("endDate", i(e)),
+										minDate: me,
 										labelProps: { label: n.endDateLabel },
 										placeholder: n.endDatePlaceholder,
 										invalid: !!s.endDate
-									}), s.endDate && /* @__PURE__ */ W("p", {
-										className: v(V, X.instructionsError),
+									}), s.endDate && /* @__PURE__ */ q("p", {
+										className: v(U, Z.instructionsError),
 										children: s.endDate
 									})]
 								})]
@@ -663,76 +670,69 @@ var Ae = {
 				})
 			]
 		}),
-		children: /* @__PURE__ */ G("div", {
+		children: /* @__PURE__ */ J("div", {
 			role: "group",
 			"aria-label": n.configurationSectionTitle,
-			className: v("flex flex-1 flex-col gap-5 py-6", X.formColumn),
+			className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
 			children: [
-				/* @__PURE__ */ G("div", {
+				/* @__PURE__ */ J("div", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ W("h2", {
-						className: ye,
+					children: [/* @__PURE__ */ q("h2", {
+						className: V,
 						children: n.configurationSectionTitle
-					}), /* @__PURE__ */ W("p", {
-						className: v(B, X.sectionSubtitle),
+					}), /* @__PURE__ */ q("p", {
+						className: v(ge, Z.sectionSubtitle),
 						children: n.configurationSectionSubtitle
 					})]
 				}),
-				d != null && /* @__PURE__ */ G("div", {
-					className: "flex w-full min-w-0 max-w-[996px] flex-col gap-1",
-					children: [/* @__PURE__ */ W("span", {
-						id: m,
-						className: be,
-						children: n.skillLabel
-					}), d]
-				}),
-				/* @__PURE__ */ W("div", {
-					id: h,
+				d == null ? s.skillUrls && /* @__PURE__ */ q("div", {
 					"aria-live": "polite",
-					className: s.skillUrl ? void 0 : "sr-only",
-					children: s.skillUrl && /* @__PURE__ */ W("p", {
-						className: v(V, X.instructionsError),
-						children: s.skillUrl
+					children: /* @__PURE__ */ q("p", {
+						className: v(U, Z.instructionsError),
+						children: s.skillUrls
 					})
+				}) : /* @__PURE__ */ q("div", {
+					className: "w-full min-w-0 max-w-[996px]",
+					children: d
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					className: "flex w-full min-w-0 max-w-[996px] flex-col",
-					children: /* @__PURE__ */ W(g, {
-						isEnabled: !!ne,
-						fieldId: M,
-						labelClassName: be,
+					children: /* @__PURE__ */ q(g, {
+						isEnabled: !!E,
+						fieldId: j,
+						labelClassName: H,
 						label: n.instructionsLabel,
 						labels: n,
 						refinement: F,
-						disabled: T || de,
-						...we,
-						children: /* @__PURE__ */ G("div", {
+						disabled: S || I,
+						...ve,
+						children: /* @__PURE__ */ J("div", {
 							className: "flex flex-1 flex-col gap-1",
 							children: [
-								!ne && /* @__PURE__ */ W("label", {
-									htmlFor: M,
-									className: be,
+								!E && /* @__PURE__ */ q("label", {
+									htmlFor: j,
+									className: H,
 									children: n.instructionsLabel
 								}),
-								/* @__PURE__ */ W("div", {
-									ref: me,
+								/* @__PURE__ */ q("div", {
+									ref: le,
 									className: v("w-full", f, p),
-									children: /* @__PURE__ */ W(xe, {
-										fallback: /* @__PURE__ */ W(ue, {}),
-										children: /* @__PURE__ */ W(qe, {
-											id: M,
+									children: /* @__PURE__ */ q(ye, {
+										fallback: /* @__PURE__ */ q(ce, {}),
+										children: /* @__PURE__ */ q(Je, {
+											id: j,
 											value: r.prompt,
 											onChange: (e) => {
-												F.reset(), b("prompt", e);
+												F.reset(), m("prompt", e);
 											},
 											height: 480,
-											theme: k,
+											theme: te,
 											placeholder: n.instructionsPlaceholder
 										})
 									})
 								}),
-								s.prompt && /* @__PURE__ */ W("p", {
-									className: v(V, X.instructionsError),
+								s.prompt && /* @__PURE__ */ q("p", {
+									className: v(U, Z.instructionsError),
 									children: s.prompt
 								})
 							]
@@ -742,84 +742,87 @@ var Ae = {
 			]
 		})
 	});
-}, Z = /* @__PURE__ */ function(e) {
+}, Xe = /* @__PURE__ */ function(e) {
 	return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
-}({}), Ye = /* @__PURE__ */ function(e) {
+}({}), Ze = /* @__PURE__ */ function(e) {
 	return e.Card = "card", e.Flow = "flow", e;
-}({}), Xe = { subtitleText: "_subtitleText_1i4x2_3" }, Ze = ({ skillLabel: e, skillDisplayName: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, fieldLabelClassName: a = "dial-tiny-text" }) => /* @__PURE__ */ G("div", {
+}({}), Qe = { subtitleText: "_subtitleText_1i4x2_3" }, $e = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, fieldLabelClassName: a = "dial-tiny-text" }) => /* @__PURE__ */ J("div", {
 	className: "flex min-w-0 flex-col gap-5",
-	children: [t && /* @__PURE__ */ G("div", {
+	children: [!!t?.length && /* @__PURE__ */ J("div", {
 		role: "group",
 		"aria-label": e,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(a, Xe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(a, Qe.subtitleText),
 			children: e
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: "whitespace-normal break-all",
-			children: t
+			children: t?.map((e, t) => /* @__PURE__ */ q("span", {
+				className: "block",
+				children: e
+			}, `${t}:${e}`))
 		})]
-	}), r && /* @__PURE__ */ G("div", {
+	}), r && /* @__PURE__ */ J("div", {
 		role: "group",
 		"aria-label": n,
 		className: "flex min-w-0 flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(a, Xe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(a, Qe.subtitleText),
 			children: n
-		}), i ? i(r) : /* @__PURE__ */ W(m, { content: r })]
+		}), i ? i(r) : /* @__PURE__ */ q(m, { content: r })]
 	})]
-}), Qe = { subtitleText: "_subtitleText_1i4x2_3" }, $e = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ G(De, { children: [
-	t && /* @__PURE__ */ G("div", {
+}), et = { subtitleText: "_subtitleText_1i4x2_3" }, tt = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ J(Te, { children: [
+	t && /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(o, Qe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(o, et.subtitleText),
 			children: e.descriptionLabel
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: s,
 			children: t
 		})]
 	}),
-	a && /* @__PURE__ */ G("div", {
+	a && /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(o, Qe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(o, et.subtitleText),
 			children: e.completedFieldLabel
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: s,
 			children: a
 		})]
 	}),
-	n && /* @__PURE__ */ G("div", {
+	n && /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(o, Qe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(o, et.subtitleText),
 			children: e.modelLabel
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: s,
 			children: n
 		})]
 	}),
-	r && /* @__PURE__ */ G("div", {
+	r && /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(o, Qe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(o, et.subtitleText),
 			children: e.repeatsLabel
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: s,
 			children: r
 		})]
 	}),
-	i && /* @__PURE__ */ G("div", {
+	i && /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-1",
-		children: [/* @__PURE__ */ W("span", {
-			className: v(o, Qe.subtitleText),
+		children: [/* @__PURE__ */ q("span", {
+			className: v(o, et.subtitleText),
 			children: e.activeWindowLabel
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: s,
 			children: i
 		})]
 	})
-] }), et = /* @__PURE__ */ function(e) {
+] }), nt = /* @__PURE__ */ function(e) {
 	return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
 }({}), Q = {
 	subtitleText: "_subtitleText_1d5p9_1",
@@ -830,25 +833,25 @@ var Ae = {
 	interactiveRow: "_interactiveRow_1d5p9_22",
 	unreadDot: "_unreadDot_1d5p9_33",
 	rowLayout: "_rowLayout_1d5p9_37"
-}, tt = ({ status: e }) => {
+}, rt = ({ status: e }) => {
 	switch (e) {
-		case et.Success: return /* @__PURE__ */ W(I, {
+		case nt.Success: return /* @__PURE__ */ q(z, {
 			size: D.SM,
 			className: Q.successIcon,
 			"aria-hidden": !0,
 			stroke: O
 		});
-		case et.Error: return /* @__PURE__ */ W(L, {
+		case nt.Error: return /* @__PURE__ */ q(B, {
 			size: D.SM,
 			className: Q.errorIcon,
 			"aria-hidden": !0,
 			stroke: O
 		});
-		case et.InProgress: return /* @__PURE__ */ W("span", {
+		case nt.InProgress: return /* @__PURE__ */ q("span", {
 			"aria-hidden": !0,
-			children: /* @__PURE__ */ W(ue, { size: D.SM })
+			children: /* @__PURE__ */ q(ce, { size: D.SM })
 		});
-		case et.Missed: return /* @__PURE__ */ W(me, {
+		case nt.Missed: return /* @__PURE__ */ q(fe, {
 			size: D.SM,
 			className: Q.missedIcon,
 			"aria-hidden": !0,
@@ -856,7 +859,7 @@ var Ae = {
 		});
 		default: return null;
 	}
-}, nt = ({ 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 }) => {
+}, it = ({ 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,
@@ -869,7 +872,7 @@ var Ae = {
 		"--strhl-row-focus-outline": u?.rowFocusOutline
 	}), y = (e) => {
 		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__ */ G("li", {
+		return /* @__PURE__ */ J("li", {
 			...a ? {
 				role: "button",
 				tabIndex: 0,
@@ -881,38 +884,38 @@ var Ae = {
 			"aria-label": i,
 			"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, a && "cursor-pointer", a && Q.interactiveRow),
-			children: [/* @__PURE__ */ G("span", {
+			children: [/* @__PURE__ */ J("span", {
 				className: "flex items-center gap-2 truncate",
-				children: [/* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ q("span", {
 					className: "relative flex size-3 shrink-0 items-center justify-center",
-					children: e.isUnread && /* @__PURE__ */ W("span", {
+					children: e.isUnread && /* @__PURE__ */ q("span", {
 						className: v("size-[5.33px] rounded-full", Q.unreadDot),
 						"aria-hidden": !0
 					})
-				}), /* @__PURE__ */ W("span", {
+				}), /* @__PURE__ */ q("span", {
 					className: v(p, "truncate"),
 					children: e.timestampLabel
 				})]
-			}), /* @__PURE__ */ W("span", {
+			}), /* @__PURE__ */ q("span", {
 				className: "flex min-h-[var(--strhl-row-min-height,32px)] w-14 shrink-0 items-center justify-end",
-				children: /* @__PURE__ */ W(tt, { status: e.status })
+				children: /* @__PURE__ */ q(rt, { 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__ */ J("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__ */ W(P, {
-			variant: F.Rectangular,
+		children: [/* @__PURE__ */ q(I, {
+			variant: L.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ W(P, {
-			variant: F.Rectangular,
+		}), /* @__PURE__ */ q(I, {
+			variant: L.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__ */ q("ul", {
 		style: {
 			...g,
 			"--strhl-row-min-height": u?.rowMinHeight
@@ -920,31 +923,31 @@ var Ae = {
 		"aria-label": c.historyTitle,
 		className: "flex flex-col gap-0.5",
 		children: b(r)
-	}) : i && e.length === 0 ? /* @__PURE__ */ G("div", {
+	}) : i && e.length === 0 ? /* @__PURE__ */ J("div", {
 		style: g,
 		className: "flex flex-col items-start gap-3",
-		children: [/* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ q("p", {
 			role: "alert",
 			className: v(m, Q.subtitleText),
 			children: c.errorLabel
-		}), /* @__PURE__ */ W(A, {
+		}), /* @__PURE__ */ q(A, {
 			label: c.retryLabel,
 			onClick: a
 		})]
-	}) : e.length === 0 ? /* @__PURE__ */ G("div", {
+	}) : e.length === 0 ? /* @__PURE__ */ J("div", {
 		style: g,
 		className: "flex w-full flex-col items-center justify-center gap-2 py-4",
-		children: [/* @__PURE__ */ W(R, {
+		children: [/* @__PURE__ */ q(he, {
 			size: 44,
 			stroke: O,
 			className: Q.subtitleText,
 			"aria-hidden": !0
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			role: "status",
 			className: p,
 			children: c.emptyLabel
 		})]
-	}) : /* @__PURE__ */ G("ul", {
+	}) : /* @__PURE__ */ J("ul", {
 		style: {
 			...g,
 			"--strhl-row-min-height": u?.rowMinHeight
@@ -954,50 +957,50 @@ var Ae = {
 		children: [
 			e.map(y),
 			n && b(r),
-			i ? /* @__PURE__ */ G("li", {
+			i ? /* @__PURE__ */ J("li", {
 				className: "flex flex-col items-start gap-3 px-5 py-2",
-				children: [/* @__PURE__ */ W("p", {
+				children: [/* @__PURE__ */ q("p", {
 					role: "alert",
 					className: v(m, Q.subtitleText),
 					children: c.errorLabel
-				}), /* @__PURE__ */ W(A, {
+				}), /* @__PURE__ */ q(A, {
 					label: c.retryLabel,
 					onClick: a
 				})]
 			}) : l
 		]
 	});
-}, rt = {
+}, at = {
 	historyCard: "_historyCard_153p9_4",
 	subtitleText: "_subtitleText_153p9_8",
 	cardLayout: "_cardLayout_153p9_13"
-}, it = ({ 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 === Ye.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", rt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ G("li", {
+}, ot = ({ 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 === Ze.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", at.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ J("li", {
 		className: b,
-		children: [/* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ q("p", {
 			role: "alert",
 			children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
-		}), u && /* @__PURE__ */ W(A, {
+		}), u && /* @__PURE__ */ q(A, {
 			label: t.historyRetryLabel,
 			onClick: u,
 			disabled: a
 		})]
-	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ W("li", {
+	}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ q("li", {
 		className: b,
-		children: /* @__PURE__ */ W(A, {
+		children: /* @__PURE__ */ q(A, {
 			label: t.historyShowMoreLabel,
 			onClick: f,
 			disabled: a
 		})
-	}) : void 0, x = n ? /* @__PURE__ */ W("p", {
-		className: v(m, rt.subtitleText),
+	}) : void 0, x = n ? /* @__PURE__ */ q("p", {
+		className: v(m, at.subtitleText),
 		children: n
-	}) : void 0, te = t.historyLoadingMoreLabel ? /* @__PURE__ */ W("span", {
+	}) : void 0, S = t.historyLoadingMoreLabel ? /* @__PURE__ */ q("span", {
 		role: "status",
 		"aria-live": "polite",
 		className: "sr-only",
 		children: a ? t.historyLoadingMoreLabel : ""
-	}) : void 0, S = /* @__PURE__ */ W(nt, {
+	}) : void 0, C = /* @__PURE__ */ q(it, {
 		items: r,
 		isLoading: i,
 		isLoadingMore: a,
@@ -1023,29 +1026,29 @@ var Ae = {
 			rowFocusOutline: _?.rowFocusOutline
 		}
 	});
-	return y ? /* @__PURE__ */ G("div", {
-		className: v("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", rt.historyCard, rt.cardLayout),
+	return y ? /* @__PURE__ */ J("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", at.historyCard, at.cardLayout),
 		style: { "--st-history-max-height": _?.maxHeight },
-		children: [/* @__PURE__ */ G("div", {
-			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", rt.historyCard),
+		children: [/* @__PURE__ */ J("div", {
+			className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", at.historyCard),
 			children: [
-				/* @__PURE__ */ W("h2", {
+				/* @__PURE__ */ q("h2", {
 					className: h,
 					children: t.historyTitle
 				}),
 				x,
-				te
+				S
 			]
-		}), /* @__PURE__ */ W("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "flex flex-1 flex-col gap-4 px-6 pb-2",
-			children: S
+			children: C
 		})]
-	}) : /* @__PURE__ */ G("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-4",
 		children: [
 			x,
-			te,
-			S
+			S,
+			C
 		]
 	});
 }, $ = {
@@ -1057,27 +1060,27 @@ var Ae = {
 	desktopTitle: "_desktopTitle_1w44s_39",
 	desktopBadge: "_desktopBadge_1w44s_40",
 	mobileTitleRow: "_mobileTitleRow_1w44s_44"
-}, at = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, onDelete: o, isDeleting: s = !1, isDeleted: c = !1, isCompleted: l = !1, isActive: u, isActiveUpdating: d = !1, isActiveDisabled: f = !1, activeDisabledReason: p, onActiveChange: m, displayName: h, isLoading: g = !1, error: y, onRetry: ee, description: x, modelLabel: te, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: ne, skillDisplayName: k, renderInstructions: ie, runs: j, runsIsLoading: ae = !1, runsIsLoadingMore: oe = !1, runsSkeletonCount: se = 6, runsError: N, onRunsRetry: ce, runsLoadMoreError: le, onRunsRetryLoadMore: P, runsHasMore: F = !1, onRunsLoadMore: pe, onRunClick: me, styles: ge, className: _e, backIcon: I, layout: L, historyStyles: R }) => {
-	let { colors: z, typography: B } = ge ?? {}, xe = B?.titleClassName ?? "dial-h2-text", V = B?.sectionTitleClassName ?? "dial-body-semi-text", Se = B?.fieldLabelClassName ?? "dial-tiny-text", H = B?.fieldValueClassName ?? "dial-small-text", Ce = B?.runTimestampClassName ?? "dial-small-text", we = _({
-		"--stdv-bg": z?.background,
-		"--stdv-header-border": z?.headerBorder,
-		"--stdv-details-border": z?.detailsColumnBorder,
-		"--stdv-subtitle-text": z?.subtitleText,
-		"--stdv-history-bg": z?.historyCardBackground
-	}), Te = b(), [U, Oe] = Ee(Z.Details), ke = [
+}, st = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, onDelete: o, isDeleting: s = !1, isDeleted: c = !1, isCompleted: l = !1, isActive: u, isActiveUpdating: d = !1, isActiveDisabled: f = !1, activeDisabledReason: p, onActiveChange: m, displayName: h, isLoading: g = !1, error: y, onRetry: ee, description: x, modelLabel: S, repeatsLabel: w, activeWindowLabel: T, completedLabel: E, nextRunLabel: te, instructionsMarkdown: ne, skillDisplayNames: k, renderInstructions: j, runs: M, runsIsLoading: ie = !1, runsIsLoadingMore: N = !1, runsSkeletonCount: oe = 6, runsError: P, onRunsRetry: F, runsLoadMoreError: se, onRunsRetryLoadMore: I, runsHasMore: L = !1, onRunsLoadMore: de, onRunClick: fe, styles: me, className: R, backIcon: z, layout: B, historyStyles: he }) => {
+	let { colors: V, typography: H } = me ?? {}, _e = H?.titleClassName ?? "dial-h2-text", ye = H?.sectionTitleClassName ?? "dial-body-semi-text", be = H?.fieldLabelClassName ?? "dial-tiny-text", W = H?.fieldValueClassName ?? "dial-small-text", xe = H?.runTimestampClassName ?? "dial-small-text", Se = _({
+		"--stdv-bg": V?.background,
+		"--stdv-header-border": V?.headerBorder,
+		"--stdv-details-border": V?.detailsColumnBorder,
+		"--stdv-subtitle-text": V?.subtitleText,
+		"--stdv-history-bg": V?.historyCardBackground
+	}), G = b(), [K, Ce] = we(Xe.Details), Ee = [
 		{
-			id: Z.Details,
+			id: Xe.Details,
 			label: e.detailsTitle
 		},
 		{
-			id: Z.Configuration,
+			id: Xe.Configuration,
 			label: e.configurationTitle
 		},
 		{
-			id: Z.History,
+			id: Xe.History,
 			label: e.historyTitle
 		}
-	], Ae = ke.find((e) => e.id === U)?.label ?? e.detailsTitle, K = /* @__PURE__ */ W($e, {
+	], De = Ee.find((e) => e.id === K)?.label ?? e.detailsTitle, Oe = /* @__PURE__ */ q(tt, {
 		labels: {
 			descriptionLabel: e.descriptionLabel,
 			modelLabel: e.modelLabel,
@@ -1086,20 +1089,20 @@ var Ae = {
 			completedFieldLabel: e.completedFieldLabel
 		},
 		description: x,
-		modelLabel: te,
-		repeatsLabel: C,
-		activeWindowLabel: w,
-		completedLabel: T,
-		fieldLabelClassName: Se,
-		fieldValueClassName: H
-	}), q = /* @__PURE__ */ W(Ze, {
+		modelLabel: S,
+		repeatsLabel: w,
+		activeWindowLabel: T,
+		completedLabel: E,
+		fieldLabelClassName: be,
+		fieldValueClassName: W
+	}), Y = /* @__PURE__ */ q($e, {
 		instructionsLabel: e.instructionsLabel,
 		skillLabel: e.skillLabel,
-		skillDisplayName: k,
+		skillDisplayNames: k,
 		instructionsMarkdown: ne,
-		renderInstructions: ie,
-		fieldLabelClassName: Se
-	}), je = (t) => /* @__PURE__ */ W(it, {
+		renderInstructions: j,
+		fieldLabelClassName: be
+	}), ke = (t) => /* @__PURE__ */ q(ot, {
 		variant: t,
 		labels: {
 			historyTitle: e.historyTitle,
@@ -1112,68 +1115,68 @@ var Ae = {
 			runStatusLabels: e.runStatusLabels,
 			unreadIndicatorLabel: e.unreadIndicatorLabel
 		},
-		nextRunLabel: E,
-		items: j,
-		isLoading: ae,
-		isLoadingMore: oe,
-		skeletonCount: se,
-		error: N,
-		onRetry: ce,
-		loadMoreError: le,
-		onRetryLoadMore: P,
-		hasMore: F,
-		onLoadMore: pe,
-		onRunClick: me,
-		runTimestampClassName: Ce,
-		sectionTitleClassName: V,
-		colors: z,
-		styles: R
+		nextRunLabel: te,
+		items: M,
+		isLoading: ie,
+		isLoadingMore: N,
+		skeletonCount: oe,
+		error: P,
+		onRetry: F,
+		loadMoreError: se,
+		onRetryLoadMore: I,
+		hasMore: L,
+		onLoadMore: de,
+		onRunClick: fe,
+		runTimestampClassName: xe,
+		sectionTitleClassName: ye,
+		colors: V,
+		styles: he
 	});
-	return /* @__PURE__ */ G("div", {
-		style: we,
-		className: v("flex h-full w-full flex-col overflow-y-auto", $.container, _e),
+	return /* @__PURE__ */ J("div", {
+		style: Se,
+		className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, R),
 		children: [
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("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__ */ G("div", {
+				children: [/* @__PURE__ */ J("div", {
 					className: "flex min-w-0 items-center gap-2",
 					children: [
-						/* @__PURE__ */ W(re, {
-							icon: I === void 0 ? /* @__PURE__ */ W(he, {
+						/* @__PURE__ */ q(re, {
+							icon: z === void 0 ? /* @__PURE__ */ q(pe, {
 								size: D.LG,
 								className: "rtl:scale-x-[-1]",
 								"aria-hidden": !0,
 								stroke: O
-							}) : I,
+							}) : z,
 							"aria-label": e.backAriaLabel,
 							onClick: t
 						}),
-						/* @__PURE__ */ W("h1", {
-							className: v("truncate", $.desktopTitle, xe),
+						/* @__PURE__ */ q("h1", {
+							className: v("truncate", $.desktopTitle, _e),
 							children: h
 						}),
-						c && /* @__PURE__ */ W("span", {
-							className: v("shrink-0", $.desktopBadge, H, $.subtitleText),
+						c && /* @__PURE__ */ q("span", {
+							className: v("shrink-0", $.desktopBadge, W, $.subtitleText),
 							children: e.deletedStateLabel
 						})
 					]
-				}), /* @__PURE__ */ G("div", {
+				}), /* @__PURE__ */ J("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: [
-						!c && !l && u !== void 0 && /* @__PURE__ */ G(De, { children: [/* @__PURE__ */ W(de, {
+						!c && !l && u !== void 0 && /* @__PURE__ */ J(Te, { children: [/* @__PURE__ */ q(le, {
 							id: "scheduled-task-active-switch",
 							labelProps: { label: e.activeStatusLabel },
 							isOn: u,
 							disabled: d || f || s,
 							onChange: (e) => m?.(e)
-						}), f && p && /* @__PURE__ */ W("span", {
-							className: v(H, $.subtitleText),
+						}), f && p && /* @__PURE__ */ q("span", {
+							className: v(W, $.subtitleText),
 							children: p
 						})] }),
-						!c && o && /* @__PURE__ */ W(A, {
-							variant: S.Danger,
+						!c && o && /* @__PURE__ */ q(A, {
+							variant: C.Danger,
 							label: e.deleteButtonLabel,
-							iconBefore: /* @__PURE__ */ W(be, {
+							iconBefore: /* @__PURE__ */ q(ve, {
 								size: D.SM,
 								"aria-hidden": !0,
 								stroke: O
@@ -1182,9 +1185,9 @@ var Ae = {
 							disabled: s,
 							className: "min-h-11 shrink-0"
 						}),
-						!c && n && /* @__PURE__ */ W(M, {
+						!c && n && /* @__PURE__ */ q(ae, {
 							label: e.editButtonLabel,
-							iconBefore: /* @__PURE__ */ W(ve, {
+							iconBefore: /* @__PURE__ */ q(ge, {
 								size: D.SM,
 								"aria-hidden": !0,
 								stroke: O
@@ -1193,11 +1196,11 @@ var Ae = {
 							disabled: s,
 							className: "min-h-11 shrink-0"
 						}),
-						!c && r && e.startNowButtonLabel && /* @__PURE__ */ W("div", {
+						!c && r && e.startNowButtonLabel && /* @__PURE__ */ q("div", {
 							"aria-busy": i,
-							children: /* @__PURE__ */ W(M, {
+							children: /* @__PURE__ */ q(ae, {
 								label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
-								iconBefore: /* @__PURE__ */ W(ye, {
+								iconBefore: /* @__PURE__ */ q(U, {
 									size: D.SM,
 									"aria-hidden": !0,
 									stroke: O
@@ -1210,149 +1213,151 @@ var Ae = {
 					]
 				})]
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: v("min-w-0 items-center gap-2 px-8 py-3", $.mobileTitleRow),
-				children: [/* @__PURE__ */ W("h1", {
-					className: v("truncate", xe),
+				children: [/* @__PURE__ */ q("h1", {
+					className: v("truncate", _e),
 					children: h
-				}), c && /* @__PURE__ */ W("span", {
-					className: v("shrink-0", H, $.subtitleText),
+				}), c && /* @__PURE__ */ q("span", {
+					className: v("shrink-0", W, $.subtitleText),
 					children: e.deletedStateLabel
 				})]
 			}),
-			e.activeStatusAnnouncement != null && /* @__PURE__ */ W("span", {
+			e.activeStatusAnnouncement != null && /* @__PURE__ */ q("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.activeStatusAnnouncement
 			}),
-			e.startStatusAnnouncement != null && /* @__PURE__ */ W("span", {
+			e.startStatusAnnouncement != null && /* @__PURE__ */ q("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: e.startStatusAnnouncement
 			}),
-			g && /* @__PURE__ */ W("div", {
+			g && /* @__PURE__ */ q("div", {
 				className: "flex flex-1 items-center justify-center",
-				children: /* @__PURE__ */ W(ue, {})
+				children: /* @__PURE__ */ q(ce, {})
 			}),
-			!g && y && /* @__PURE__ */ G("div", {
+			!g && y && /* @__PURE__ */ J("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3",
-				children: [/* @__PURE__ */ W("p", {
-					className: v(H, $.subtitleText),
+				children: [/* @__PURE__ */ q("p", {
+					className: v(W, $.subtitleText),
 					children: e.errorLabel
-				}), /* @__PURE__ */ W(A, {
+				}), /* @__PURE__ */ q(A, {
 					label: e.retryLabel,
 					onClick: ee
 				})]
 			}),
-			!g && !y && (Te ? /* @__PURE__ */ G("div", {
-				className: "flex flex-1 flex-col",
-				children: [/* @__PURE__ */ W(fe, {
+			!g && !y && (G ? /* @__PURE__ */ J("div", {
+				className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
+				children: [/* @__PURE__ */ q(ue, {
 					ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
 					className: "px-8",
-					tabs: ke,
-					activeTabId: U,
-					onTabChange: Oe
-				}), /* @__PURE__ */ W("div", {
+					tabs: Ee,
+					activeTabId: K,
+					onTabChange: Ce
+				}), /* @__PURE__ */ q("div", {
 					role: "tabpanel",
-					"aria-label": Ae,
+					"aria-label": De,
 					className: "flex flex-1 flex-col gap-5 px-8 py-6",
-					children: U === Z.Configuration ? q : U === Z.History ? je(Ye.Flow) : K
+					children: K === Xe.Configuration ? Y : K === Xe.History ? ke(Ze.Flow) : Oe
 				})]
-			}) : /* @__PURE__ */ G("div", {
+			}) : /* @__PURE__ */ J("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": B?.detailsWidth,
+					"--st-history-width": B?.historyWidth,
+					"--st-history-max-height": B?.historyMaxHeight,
+					"--st-configuration-min-width": B?.configurationMinWidth
 				},
-				className: "flex flex-1",
+				className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
 				children: [
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ J("div", {
 						role: "group",
 						"aria-label": e.detailsTitle,
 						style: {
-							flex: `0 1 ${L?.detailsWidth ?? "360px"}`,
+							flex: `0 1 ${B?.detailsWidth ?? "360px"}`,
 							maxWidth: "100%"
 						},
-						className: v("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__ */ q("h2", {
+							className: ye,
 							children: e.detailsTitle
-						}), K]
+						}), Oe]
 					}),
-					/* @__PURE__ */ G("div", {
+					/* @__PURE__ */ J("div", {
 						style: {
-							flex: `1 1 ${L?.configurationMinWidth ?? "320px"}`,
+							flex: `1 1 ${B?.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__ */ q("h2", {
+							className: ye,
 							children: e.configurationTitle
-						}), q]
+						}), Y]
 					}),
-					/* @__PURE__ */ W("div", {
+					/* @__PURE__ */ q("div", {
 						style: {
-							flex: `0 1 calc(${L?.historyWidth ?? "360px"} + 48px)`,
+							flex: `0 1 calc(${B?.historyWidth ?? "360px"} + 48px)`,
 							minWidth: 0
 						},
-						className: "flex w-full items-start justify-center p-6",
-						children: je(Ye.Card)
+						className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
+						children: ke(Ze.Card)
 					})
 				]
 			}))
 		]
 	});
-}, ot = ({ modelLabel: e, skillLabel: t, skillDisplayName: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, styles: s }) => {
+}, ct = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, styles: s }) => {
 	let c = s?.typography?.fieldLabelClassName ?? "dial-tiny-text", l = s?.typography?.fieldValueClassName ?? "dial-body-text";
-	return /* @__PURE__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "flex flex-col gap-3",
 		children: [
-			i && /* @__PURE__ */ G("div", {
+			i && /* @__PURE__ */ J("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ q("span", {
 					className: c,
 					children: e
-				}), /* @__PURE__ */ W("p", {
+				}), /* @__PURE__ */ q("p", {
 					className: l,
 					children: i
 				})]
 			}),
-			n && /* @__PURE__ */ G("div", {
+			!!n?.length && /* @__PURE__ */ J("div", {
 				className: "flex min-w-0 flex-col gap-2",
-				children: [/* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ q("span", {
 					className: c,
 					children: t
-				}), /* @__PURE__ */ W("p", {
+				}), /* @__PURE__ */ q("p", {
 					className: `${l} whitespace-normal break-all`,
-					children: n
+					children: n?.map((e, t) => /* @__PURE__ */ q("span", {
+						className: "block",
+						children: e
+					}, `${t}:${e}`))
 				})]
 			}),
-			a && /* @__PURE__ */ G("div", {
+			a && /* @__PURE__ */ J("div", {
 				className: "flex flex-col gap-2",
-				children: [/* @__PURE__ */ W("span", {
+				children: [/* @__PURE__ */ q("span", {
 					className: c,
 					children: r
-				}), ((e) => o ? o(e) : /* @__PURE__ */ W(m, { content: e }))(a)]
+				}), ((e) => o ? o(e) : /* @__PURE__ */ q(m, { content: e }))(a)]
 			})
 		]
 	});
-}, st = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
+}, lt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ q(l, {
 	...s,
-	variant: E.Danger,
+	variant: te.Danger,
 	popupClassName: o?.popupClassName,
 	titleClassName: o?.titleClassName,
 	messageClassName: o?.messageClassName ?? "dial-body-paragraph-text",
 	message: r,
 	isLoading: a,
 	loadingStatusLabel: i,
-	identity: /* @__PURE__ */ W(u, {
-		variant: E.Danger,
-		children: /* @__PURE__ */ W(d, {
+	identity: /* @__PURE__ */ q(u, {
+		variant: te.Danger,
+		children: /* @__PURE__ */ q(d, {
 			icon: t,
 			typeLabel: n,
 			name: e,
@@ -1361,4 +1366,4 @@ var Ae = {
 	})
 });
 //#endregion
-export { r as DESCRIPTION_MAX_LENGTH, Ae as SCHEDULED_TASKS_CLASS, Fe as ScheduledTaskCard, Be as ScheduledTaskCardGrid, ze as ScheduledTaskCardSkeleton, Je as ScheduledTaskCreateForm, st as ScheduledTaskDeleteConfirmation, at as ScheduledTaskDetailView, ot as ScheduledTaskDetailsSummary, it as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, nt as ScheduledTaskRunHistoryList, et as ScheduledTaskRunStatus, K as ScheduledTaskStatus, Ue as ScheduledTasks, We as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, je as getScheduledTaskStatus };
+export { r as DESCRIPTION_MAX_LENGTH, Oe as SCHEDULED_TASKS_CLASS, Fe as ScheduledTaskCard, Be as ScheduledTaskCardGrid, ze as ScheduledTaskCardSkeleton, Ye as ScheduledTaskCreateForm, lt as ScheduledTaskDeleteConfirmation, st as ScheduledTaskDetailView, ct as ScheduledTaskDetailsSummary, ot as ScheduledTaskHistorySection, ke as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, it as ScheduledTaskRunHistoryList, nt as ScheduledTaskRunStatus, Y as ScheduledTaskStatus, We as ScheduledTasks, Ge as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Ae as getScheduledTaskStatus };