@epam/ai-dial-scheduled-tasks 1.1.0-dev.127 → 1.1.0-dev.128

package/components/ScheduledTaskCardSkeleton/ScheduledTaskCardSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduledTaskCardSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCardSkeleton/ScheduledTaskCardSkeleton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,iDAAiD,CAAC;AAStG;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA0CxE,CAAC"}
+{"version":3,"file":"ScheduledTaskCardSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCardSkeleton/ScheduledTaskCardSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,iDAAiD,CAAC;AAStG;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA0CxE,CAAC"}

package/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduledTaskCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAuC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AA6B7F;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAoYpE,CAAC"}
+{"version":3,"file":"ScheduledTaskCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAuC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AA2B7F;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAqYpE,CAAC"}

package/index.js

@@ -1,6 +1,6 @@
 import { MDMessageViewer as e, PanelEmptyState as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
 import { SearchBar as i } from "@epam/ai-dial-kit";
-import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, DialDropdown as f, DialSelectField as p, DialSkeleton as m, DialSkeletonVariant as h, FolderPath as g, GhostButton as _, GhostIconButton as v, Highlight as y, IconButton as b, Input as x, LazyDialMarkdownEditor as S, NeutralButton as C, PrimaryButton as w, Spinner as T, Textarea as E } from "@epam/ai-dial-ui-kit";
+import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, Dropdown as f, FolderPath as p, GhostButton as m, GhostIconButton as h, Highlight as g, IconButton as _, Input as v, LazyMarkdownEditor as y, NeutralButton as b, PrimaryButton as x, Select as S, Skeleton as C, SkeletonVariant as w, Spinner as T, Textarea as E } from "@epam/ai-dial-ui-kit";
 import { IconAlertTriangle as D, IconArrowLeft as O, IconCalendarTime as k, IconCircleCheck as A, IconCircleX as j, IconDotsVertical as M, IconEdit as N, IconPencilMinus as P, IconPlayerPlay as F, IconPlus as I, IconTrash as L } from "@tabler/icons-react";
 import { Suspense as ee, lazy as R, useEffect as te, useMemo as z, useRef as ne } from "react";
 import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
@@ -16,8 +16,8 @@ var U = /* @__PURE__ */ function(e) {
 	locationLeaf: "_locationLeaf_1xv9i_22",
 	newBadge: "_newBadge_1xv9i_26",
 	locationDivider: "_locationDivider_1xv9i_31"
-}, G = ({ item: e, searchQuery: t = "", onEdit: i, onRunNow: a, onDelete: o, onCardClick: s, labels: c, styles: l, className: p }) => {
-	let m = c?.newBadgeLabel ?? "NEW", h = c?.actionsLabel ?? "More actions", _ = c?.editActionLabel ?? "Edit", v = c?.runNowActionLabel ?? "Run now", x = c?.deleteActionLabel ?? "Delete", { colors: S, typography: C } = l ?? {}, w = C?.titleClassName ?? "dial-body-semi-text", T = C?.descriptionClassName ?? "dial-small-text", E = C?.scheduleLabelClassName ?? "dial-tiny-text", D = C?.locationLabelClassName ?? "dial-tiny-text", O = C?.locationLeafClassName ?? "dial-tiny-semi-text", k = C?.newBadgeClassName ?? "dial-tiny-semi-text", A = n({
+}, G = ({ item: e, searchQuery: t = "", onEdit: i, onRunNow: a, onDelete: o, onCardClick: s, labels: c, styles: l, className: m }) => {
+	let h = c?.newBadgeLabel ?? "NEW", v = c?.actionsLabel ?? "More actions", y = c?.editActionLabel ?? "Edit", b = c?.runNowActionLabel ?? "Run now", x = c?.deleteActionLabel ?? "Delete", { colors: S, typography: C } = l ?? {}, w = C?.titleClassName ?? "dial-body-semi-text", T = C?.descriptionClassName ?? "dial-small-text", E = C?.scheduleLabelClassName ?? "dial-tiny-text", D = C?.locationLabelClassName ?? "dial-tiny-text", O = C?.locationLeafClassName ?? "dial-tiny-semi-text", k = C?.newBadgeClassName ?? "dial-tiny-semi-text", A = n({
 		"--stc-title-text": S?.titleText,
 		"--stc-desc-text": S?.descriptionText,
 		"--stc-pill-bg": S?.schedulePillBackground,
@@ -31,7 +31,7 @@ var U = /* @__PURE__ */ function(e) {
 	}), j = [];
 	i && j.push({
 		key: "edit",
-		label: _,
+		label: y,
 		icon: /* @__PURE__ */ V(N, {
 			size: d.SM,
 			"aria-hidden": !0
@@ -41,7 +41,7 @@ var U = /* @__PURE__ */ function(e) {
 		}
 	}), a && j.push({
 		key: "runNow",
-		label: v,
+		label: b,
 		icon: /* @__PURE__ */ V(F, {
 			size: d.SM,
 			"aria-hidden": !0
@@ -72,32 +72,32 @@ var U = /* @__PURE__ */ function(e) {
 		role: s ? "button" : "group",
 		"aria-label": e.displayName,
 		style: A,
-		className: r("h-[232px]", s && "cursor-pointer", p),
+		className: r("h-[232px]", s && "cursor-pointer", m),
 		...P,
 		children: [
 			/* @__PURE__ */ H("div", {
 				className: "flex shrink-0 items-start justify-between gap-2",
 				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-w-0 flex-1 items-center gap-2",
-					children: [/* @__PURE__ */ V(y, {
+					children: [/* @__PURE__ */ V(g, {
 						text: e.displayName,
 						query: t,
 						maxLines: 1,
 						className: r(w, W.title)
 					}), e.isNew && /* @__PURE__ */ V("span", {
 						className: r("shrink-0 rounded-full px-2 py-0.5", k, W.newBadge),
-						children: m
+						children: h
 					})]
 				}), j.length > 0 && /* @__PURE__ */ V(f, {
 					items: j,
 					matchReferenceWidth: !1,
 					placement: "bottom-end",
-					children: /* @__PURE__ */ V(b, {
+					children: /* @__PURE__ */ V(_, {
 						icon: /* @__PURE__ */ V(M, {
 							size: d.SM,
 							"aria-hidden": !0
 						}),
-						"aria-label": h,
+						"aria-label": v,
 						className: "shrink-0",
 						onClick: (e) => e.stopPropagation()
 					})
@@ -115,7 +115,7 @@ var U = /* @__PURE__ */ function(e) {
 						className: r("inline-block rounded-lg border px-2 py-1", W.schedulePill, E, W.scheduleLabel),
 						children: e.scheduleLabel
 					})
-				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(g, {
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(p, {
 					segments: e.locationSegments,
 					labelClassName: r(D, W.locationLabel),
 					leafClassName: r(O, W.locationLeaf),
@@ -133,8 +133,8 @@ var U = /* @__PURE__ */ function(e) {
 	style: n({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
 	className: r("h-[232px]", re.card),
 	children: [
-		/* @__PURE__ */ V(m, {
-			variant: h.Rectangular,
+		/* @__PURE__ */ V(C, {
+			variant: w.Rectangular,
 			width: "60%",
 			height: "20px",
 			color: K,
@@ -142,15 +142,15 @@ var U = /* @__PURE__ */ function(e) {
 		}),
 		/* @__PURE__ */ V("div", {
 			className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
-			children: ie.map((e, t) => /* @__PURE__ */ V(m, {
-				variant: h.Rectangular,
+			children: ie.map((e, t) => /* @__PURE__ */ V(C, {
+				variant: w.Rectangular,
 				width: e,
 				height: "16px",
 				color: K
 			}, t))
 		}),
-		/* @__PURE__ */ V(m, {
-			variant: h.Rectangular,
+		/* @__PURE__ */ V(C, {
+			variant: w.Rectangular,
 			width: "110px",
 			height: "28px",
 			color: K,
@@ -199,7 +199,7 @@ var U = /* @__PURE__ */ function(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 : de(e.parentElement);
-}, fe = ({ labels: e, onCreateClick: c, searchQuery: l, onSearchQueryChange: u, sortKey: f, onSortChange: p, items: m, isLoading: h = !1, error: g, onRetry: v, hasMore: y = !1, isLoadingMore: b = !1, skeletonCount: x = 6, onLoadMore: S, onEdit: C, onRunNow: E, onDelete: D, onCardClick: O, styles: A }) => {
+}, fe = ({ labels: e, onCreateClick: c, searchQuery: l, onSearchQueryChange: u, sortKey: f, onSortChange: p, items: h, isLoading: g = !1, error: _, onRetry: v, hasMore: y = !1, isLoadingMore: b = !1, skeletonCount: S = 6, onLoadMore: C, onEdit: w, onRunNow: E, onDelete: D, onCardClick: O, styles: A }) => {
 	let { colors: j, typography: M, emptyStateIconSize: N = 48 } = A ?? {}, P = M?.titleClassName ?? "dial-h1-text", F = M?.subtitleClassName ?? "dial-body-text", L = n({
 		"--st-bg": j?.background,
 		"--st-subtitle-text": j?.subtitleText,
@@ -209,39 +209,39 @@ var U = /* @__PURE__ */ function(e) {
 		return le.map((e) => ({
 			key: e,
 			title: t[e],
-			items: m.filter((t) => t.sectionKey === e)
+			items: h.filter((t) => t.sectionKey === e)
 		})).filter((e) => e.items.length > 0);
-	}, [m, e.sharedSectionTitle]), B = ue(h, b, !!g, m.length, l.trim().length > 0, e), W = ne(null);
+	}, [h, e.sharedSectionTitle]), B = ue(g, b, !!_, h.length, l.trim().length > 0, e), W = ne(null);
 	te(() => {
 		let e = W.current;
-		if (!e || !S) return;
+		if (!e || !C) return;
 		let t = de(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (b || h || !y) return;
+			if (b || g || !y) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-			r.top < n.bottom && r.bottom > n.top && S();
+			r.top < n.bottom && r.bottom > n.top && C();
 		};
 		return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
 	}, [
 		y,
 		b,
-		h,
-		S
+		g,
+		C
 	]);
 	let G = () => {
-		if (h) return /* @__PURE__ */ V(T, {});
-		if (g) return /* @__PURE__ */ H("div", {
+		if (g) return /* @__PURE__ */ V(T, {});
+		if (_) return /* @__PURE__ */ H("div", {
 			className: "flex flex-col items-center gap-3",
 			children: [/* @__PURE__ */ V("p", {
 				className: r(F, q.subtitle),
 				children: e.errorLabel
-			}), /* @__PURE__ */ V(_, {
+			}), /* @__PURE__ */ V(m, {
 				label: e.retryLabel,
 				onClick: v
 			})]
 		});
-		if (m.length === 0) return l.trim() ? /* @__PURE__ */ V("p", {
+		if (h.length === 0) return l.trim() ? /* @__PURE__ */ V("p", {
 			className: r(F, q.subtitle),
 			children: e.noResultsLabel
 		}) : /* @__PURE__ */ V(t, {
@@ -261,12 +261,12 @@ var U = /* @__PURE__ */ function(e) {
 				children: /* @__PURE__ */ V(oe, {
 					items: t.items,
 					searchQuery: l,
-					onEdit: C,
+					onEdit: w,
 					onRunNow: E,
 					onDelete: D,
 					onCardClick: O,
 					labels: e.cardLabels,
-					trailingSkeletonCount: b && r === n ? x : 0,
+					trailingSkeletonCount: b && r === n ? S : 0,
 					skeletonStyles: { colors: { skeletonColor: j?.skeletonColor } }
 				})
 			}, t.key)), /* @__PURE__ */ V("div", {
@@ -275,7 +275,7 @@ var U = /* @__PURE__ */ function(e) {
 				className: "h-px w-full"
 			})]
 		});
-	}, re = h || !!g || m.length === 0;
+	}, re = g || !!_ || h.length === 0;
 	return /* @__PURE__ */ H("div", {
 		style: L,
 		className: r("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", q.container),
@@ -291,7 +291,7 @@ var U = /* @__PURE__ */ function(e) {
 						className: r("mt-1", F, q.subtitle),
 						children: e.subtitle
 					})]
-				}), /* @__PURE__ */ V(w, {
+				}), /* @__PURE__ */ V(x, {
 					label: e.createButtonLabel,
 					iconBefore: /* @__PURE__ */ V(I, {
 						size: d.SM,
@@ -347,48 +347,48 @@ var U = /* @__PURE__ */ function(e) {
 	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
 }({}), me = 500, J = /* @__PURE__ */ function(e) {
 	return e.Once = "once", e.Recurring = "recurring", e;
-}({}), Y = /* @__PURE__ */ function(e) {
+}({}), he = /* @__PURE__ */ function(e) {
 	return e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
-}({}), X = (e) => String(e).padStart(2, "0"), he = (e) => e ? new Date(e) : null, ge = (e) => {
+}({}), Y = (e) => String(e).padStart(2, "0"), ge = (e) => e ? new Date(e) : null, _e = (e) => {
 	if (e == null) return "";
 	let t = e instanceof Date ? e : new Date(e);
-	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${X(t.getMonth() + 1)}-${X(t.getDate())}T${X(t.getHours())}:${X(t.getMinutes())}`;
-}, _e = (e) => {
+	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}T${Y(t.getHours())}:${Y(t.getMinutes())}`;
+}, ve = (e) => {
 	if (!e) return null;
 	let [t, n, r] = e.split("-").map(Number);
 	return new Date(t, n - 1, r);
-}, ve = (e) => {
+}, ye = (e) => {
 	if (e == null) return "";
 	let t = e instanceof Date ? e : new Date(e);
-	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${X(t.getMonth() + 1)}-${X(t.getDate())}`;
-}, ye = (e) => {
+	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}`;
+}, be = (e) => {
 	let t = Number(e);
 	return e && Number.isFinite(t) ? String(t + 1) : null;
-}, be = (e) => {
+}, xe = (e) => {
 	let t = typeof e == "string" ? Number(e) : NaN;
 	return Number.isFinite(t) ? String(t - 1) : "";
-}, Z = {
+}, X = {
 	container: "_container_sq3dp_1",
 	header: "_header_sq3dp_5",
 	detailsColumn: "_detailsColumn_sq3dp_9",
 	sectionSubtitle: "_sectionSubtitle_sq3dp_13",
 	instructionsError: "_instructionsError_sq3dp_17"
-}, xe = (e) => `${e} *`, Se = R(async () => ({ default: (await S()).DialMarkdownEditor })), Ce = ({ labels: e, values: t, errors: i, modelOptions: a, onFieldChange: o, onBack: s, onCancel: u, onSubmit: f, isSubmitting: m = !1, markdownEditorTheme: h, styles: g }) => {
-	let { colors: _, typography: y } = g ?? {}, b = y?.titleClassName ?? "dial-h1-text", S = y?.sectionTitleClassName ?? "dial-body-semi-text", D = y?.sectionSubtitleClassName ?? "dial-tiny-text", k = y?.scheduleSectionLabelClassName ?? "dial-body-semi-text mb-1", A = y?.instructionsErrorClassName ?? "dial-small-text", j = n({
+}, Z = (e) => `${e} *`, Se = R(async () => ({ default: (await y()).MarkdownEditor })), Ce = ({ labels: e, values: t, errors: i, modelOptions: a, onFieldChange: o, onBack: s, onCancel: u, onSubmit: f, isSubmitting: p = !1, markdownEditorTheme: m, styles: g }) => {
+	let { colors: _, typography: y } = g ?? {}, C = y?.titleClassName ?? "dial-h1-text", w = y?.sectionTitleClassName ?? "dial-body-semi-text", D = y?.sectionSubtitleClassName ?? "dial-tiny-text", k = y?.scheduleSectionLabelClassName ?? "dial-body-semi-text mb-1", A = y?.instructionsErrorClassName ?? "dial-small-text", j = n({
 		"--stcf-bg": _?.background,
 		"--stcf-header-border": _?.headerBorder,
 		"--stcf-details-border": _?.detailsColumnBorder,
 		"--stcf-subtitle-text": _?.sectionSubtitleText,
 		"--stcf-error-text": _?.instructionsErrorText
-	}), M = m || !t.displayName.trim() || !t.modelId || !t.prompt.trim();
+	}), M = p || !t.displayName.trim() || !t.modelId || !t.prompt.trim();
 	return /* @__PURE__ */ H("div", {
 		style: j,
-		className: r("flex h-full w-full flex-col overflow-y-auto", Z.container),
+		className: r("flex h-full w-full flex-col overflow-y-auto", X.container),
 		children: [/* @__PURE__ */ H("div", {
-			className: r("flex h-16 items-center justify-between gap-6 border-b px-8", Z.header),
+			className: r("flex h-16 items-center justify-between gap-6 border-b px-8", X.header),
 			children: [/* @__PURE__ */ H("div", {
 				className: "flex min-w-0 flex-1 items-center gap-2",
-				children: [/* @__PURE__ */ V(v, {
+				children: [/* @__PURE__ */ V(h, {
 					icon: /* @__PURE__ */ V(O, {
 						size: d.LG,
 						className: "rtl:scale-x-[-1]",
@@ -397,16 +397,16 @@ var U = /* @__PURE__ */ function(e) {
 					"aria-label": e.backButtonLabel,
 					onClick: s
 				}), /* @__PURE__ */ V("h1", {
-					className: r("truncate", b),
+					className: r("truncate", C),
 					children: e.pageTitle
 				})]
 			}), /* @__PURE__ */ H("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ V(C, {
+				children: [/* @__PURE__ */ V(b, {
 					label: e.cancelButtonLabel,
 					onClick: u,
-					disabled: m
-				}), /* @__PURE__ */ V(w, {
+					disabled: p
+				}), /* @__PURE__ */ V(x, {
 					label: e.createButtonLabel,
 					onClick: f,
 					disabled: M
@@ -418,19 +418,19 @@ var U = /* @__PURE__ */ function(e) {
 				/* @__PURE__ */ H("div", {
 					role: "group",
 					"aria-label": e.detailsSectionTitle,
-					className: r("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", Z.detailsColumn),
+					className: r("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", X.detailsColumn),
 					children: [
 						/* @__PURE__ */ H("div", {
 							className: "flex flex-col gap-1",
 							children: [/* @__PURE__ */ V("h2", {
-								className: S,
+								className: w,
 								children: e.detailsSectionTitle
 							}), /* @__PURE__ */ V("p", {
-								className: r(D, Z.sectionSubtitle),
+								className: r(D, X.sectionSubtitle),
 								children: e.detailsSectionSubtitle
 							})]
 						}),
-						/* @__PURE__ */ V(x, {
+						/* @__PURE__ */ V(v, {
 							id: "scheduled-task-display-name",
 							value: t.displayName,
 							onChange: (e) => o("displayName", e ?? ""),
@@ -451,9 +451,11 @@ var U = /* @__PURE__ */ function(e) {
 							error: i.description,
 							caption: t.description ? `${t.description.length}/500` : void 0
 						}),
-						/* @__PURE__ */ V(p, {
-							label: e.modelOrAgentLabel,
-							required: !0,
+						/* @__PURE__ */ V(S, {
+							labelProps: {
+								label: e.modelOrAgentLabel,
+								required: !0
+							},
 							value: t.modelId,
 							placeholder: e.modelPlaceholder,
 							onChange: (e) => o("modelId", e),
@@ -470,8 +472,8 @@ var U = /* @__PURE__ */ function(e) {
 									className: k,
 									children: e.scheduleSectionLabel
 								}),
-								/* @__PURE__ */ V(p, {
-									label: e.scheduleTypeAriaLabel,
+								/* @__PURE__ */ V(S, {
+									labelProps: { label: e.scheduleTypeAriaLabel },
 									value: t.scheduleType,
 									onChange: (e) => o("scheduleType", e),
 									options: [{
@@ -487,18 +489,18 @@ var U = /* @__PURE__ */ function(e) {
 									children: [/* @__PURE__ */ V(c, {
 										id: "scheduled-task-run-at",
 										mode: l.DateTime,
-										value: he(t.runAt),
-										onChange: (e) => o("runAt", ge(e)),
-										label: xe(e.runAtLabel),
+										value: ge(t.runAt),
+										onChange: (e) => o("runAt", _e(e)),
+										label: Z(e.runAtLabel),
 										invalid: !!i.runAt
 									}), i.runAt && /* @__PURE__ */ V("p", {
-										className: r(A, Z.instructionsError),
+										className: r(A, X.instructionsError),
 										children: i.runAt
 									})]
 								}),
 								t.scheduleType === J.Recurring && /* @__PURE__ */ H(B, { children: [
-									/* @__PURE__ */ V(p, {
-										label: e.frequencyLabel,
+									/* @__PURE__ */ V(S, {
+										labelProps: { label: e.frequencyLabel },
 										value: t.frequency,
 										onChange: (e) => o("frequency", e),
 										options: e.frequencyOptions.map((e) => ({
@@ -513,28 +515,28 @@ var U = /* @__PURE__ */ function(e) {
 											mode: l.Time,
 											value: t.time,
 											onChange: (e) => o("time", typeof e == "string" ? e : ""),
-											label: xe(e.timeLabel),
+											label: Z(e.timeLabel),
 											invalid: !!i.time
 										}), i.time && /* @__PURE__ */ V("p", {
-											className: r(A, Z.instructionsError),
+											className: r(A, X.instructionsError),
 											children: i.time
 										})]
 									}),
-									t.frequency === Y.Weekly && /* @__PURE__ */ H("div", {
+									t.frequency === he.Weekly && /* @__PURE__ */ H("div", {
 										className: "flex flex-col gap-1",
 										children: [/* @__PURE__ */ V(c, {
 											id: "scheduled-task-day-of-week",
 											mode: l.Weekday,
-											value: ye(t.dayOfWeek),
-											onChange: (e) => o("dayOfWeek", be(e)),
-											label: xe(e.dayOfWeekLabel),
+											value: be(t.dayOfWeek),
+											onChange: (e) => o("dayOfWeek", xe(e)),
+											label: Z(e.dayOfWeekLabel),
 											invalid: !!i.dayOfWeek
 										}), i.dayOfWeek && /* @__PURE__ */ V("p", {
-											className: r(A, Z.instructionsError),
+											className: r(A, X.instructionsError),
 											children: i.dayOfWeek
 										})]
 									}),
-									t.frequency === Y.Monthly && /* @__PURE__ */ V(x, {
+									t.frequency === he.Monthly && /* @__PURE__ */ V(v, {
 										id: "scheduled-task-day-of-month",
 										value: t.dayOfMonth ?? "",
 										onChange: (e) => o("dayOfMonth", e ?? ""),
@@ -552,13 +554,13 @@ var U = /* @__PURE__ */ function(e) {
 											children: [/* @__PURE__ */ V(c, {
 												id: "scheduled-task-start-date",
 												mode: l.Date,
-												value: _e(t.startDate),
-												onChange: (e) => o("startDate", ve(e)),
+												value: ve(t.startDate),
+												onChange: (e) => o("startDate", ye(e)),
 												label: e.startDateLabel,
 												placeholder: e.startDatePlaceholder,
 												invalid: !!i.startDate
 											}), i.startDate && /* @__PURE__ */ V("p", {
-												className: r(A, Z.instructionsError),
+												className: r(A, X.instructionsError),
 												children: i.startDate
 											})]
 										}), /* @__PURE__ */ H("div", {
@@ -566,13 +568,13 @@ var U = /* @__PURE__ */ function(e) {
 											children: [/* @__PURE__ */ V(c, {
 												id: "scheduled-task-end-date",
 												mode: l.Date,
-												value: _e(t.endDate),
-												onChange: (e) => o("endDate", ve(e)),
+												value: ve(t.endDate),
+												onChange: (e) => o("endDate", ye(e)),
 												label: e.endDateLabel,
 												placeholder: e.endDatePlaceholder,
 												invalid: !!i.endDate
 											}), i.endDate && /* @__PURE__ */ V("p", {
-												className: r(A, Z.instructionsError),
+												className: r(A, X.instructionsError),
 												children: i.endDate
 											})]
 										})]
@@ -589,10 +591,10 @@ var U = /* @__PURE__ */ function(e) {
 					children: [/* @__PURE__ */ H("div", {
 						className: "flex flex-col gap-1",
 						children: [/* @__PURE__ */ V("h2", {
-							className: S,
+							className: w,
 							children: e.configurationSectionTitle
 						}), /* @__PURE__ */ V("p", {
-							className: r(D, Z.sectionSubtitle),
+							className: r(D, X.sectionSubtitle),
 							children: e.configurationSectionSubtitle
 						})]
 					}), /* @__PURE__ */ H("div", {
@@ -610,11 +612,11 @@ var U = /* @__PURE__ */ function(e) {
 									value: t.prompt,
 									onChange: (e) => o("prompt", e),
 									height: 480,
-									theme: h
+									theme: m
 								})
 							}),
 							i.prompt && /* @__PURE__ */ V("p", {
-								className: r(A, Z.instructionsError),
+								className: r(A, X.instructionsError),
 								children: i.prompt
 							})
 						]
@@ -665,7 +667,7 @@ var U = /* @__PURE__ */ function(e) {
 		});
 		default: return null;
 	}
-}, Ee = ({ labels: t, onBack: i, onEdit: a, displayName: o, isLoading: s = !1, error: c, onRetry: l, description: u, modelLabel: f, repeatsLabel: p, activeWindowLabel: g, nextRunLabel: y, instructionsMarkdown: b, renderInstructions: x, runs: S, runsIsLoading: w = !1, runsIsLoadingMore: E = !1, runsSkeletonCount: D = 6, runsError: k, onRunsRetry: A, runsHasMore: j = !1, onRunsLoadMore: M, onRunClick: N, styles: F }) => {
+}, Ee = ({ labels: t, onBack: i, onEdit: a, displayName: o, isLoading: s = !1, error: c, onRetry: l, description: u, modelLabel: f, repeatsLabel: p, activeWindowLabel: g, nextRunLabel: _, instructionsMarkdown: v, renderInstructions: y, runs: x, runsIsLoading: S = !1, runsIsLoadingMore: E = !1, runsSkeletonCount: D = 6, runsError: k, onRunsRetry: A, runsHasMore: j = !1, onRunsLoadMore: M, onRunClick: N, styles: F }) => {
 	let { colors: I, typography: L } = F ?? {}, ee = L?.titleClassName ?? "dial-h1-text", R = L?.sectionTitleClassName ?? "dial-body-semi-text", z = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-body-text", U = L?.runTimestampClassName ?? "dial-small-text", W = n({
 		"--stdv-bg": I?.background,
 		"--stdv-header-border": I?.headerBorder,
@@ -682,7 +684,7 @@ var U = /* @__PURE__ */ function(e) {
 		let t = we(e.parentElement);
 		if (!t) return;
 		let n = () => {
-			if (E || w || !j) return;
+			if (E || S || !j) return;
 			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
 			r.top < n.bottom && r.bottom > n.top && M();
 		};
@@ -690,10 +692,10 @@ var U = /* @__PURE__ */ function(e) {
 	}, [
 		j,
 		E,
-		w,
+		S,
 		M
 	]);
-	let re = (t) => x ? x(t) : /* @__PURE__ */ V(e, { content: t }), ie = (e) => {
+	let re = (t) => y ? y(t) : /* @__PURE__ */ V(e, { content: t }), ie = (e) => {
 		let n = `${t.runStatusLabels[e.status]} ${e.timestampLabel}`, i = !!N;
 		return /* @__PURE__ */ H("li", {
 			...i ? {
@@ -717,12 +719,12 @@ var U = /* @__PURE__ */ function(e) {
 	}, K = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ H("li", {
 		"aria-hidden": "true",
 		className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
-		children: [/* @__PURE__ */ V(m, {
-			variant: h.Rectangular,
+		children: [/* @__PURE__ */ V(C, {
+			variant: w.Rectangular,
 			width: "160px",
 			height: "16px"
-		}), /* @__PURE__ */ V(m, {
-			variant: h.Rectangular,
+		}), /* @__PURE__ */ V(C, {
+			variant: w.Rectangular,
 			width: "16px",
 			height: "16px",
 			className: "shrink-0 rounded-full"
@@ -736,7 +738,7 @@ var U = /* @__PURE__ */ function(e) {
 				className: r("flex h-16 shrink-0 items-center justify-between gap-2 border-b px-8", $.header),
 				children: [/* @__PURE__ */ H("div", {
 					className: "flex min-w-0 items-center gap-2",
-					children: [/* @__PURE__ */ V(v, {
+					children: [/* @__PURE__ */ V(h, {
 						icon: /* @__PURE__ */ V(O, {
 							size: d.LG,
 							className: "rtl:scale-x-[-1]",
@@ -748,7 +750,7 @@ var U = /* @__PURE__ */ function(e) {
 						className: r("truncate", ee),
 						children: o
 					})]
-				}), a && /* @__PURE__ */ V(C, {
+				}), a && /* @__PURE__ */ V(b, {
 					label: t.editButtonLabel,
 					iconBefore: /* @__PURE__ */ V(P, {
 						size: d.SM,
@@ -767,7 +769,7 @@ var U = /* @__PURE__ */ function(e) {
 				children: [/* @__PURE__ */ V("p", {
 					className: r(B, $.subtitleText),
 					children: t.errorLabel
-				}), /* @__PURE__ */ V(_, {
+				}), /* @__PURE__ */ V(m, {
 					label: t.retryLabel,
 					onClick: l
 				})]
@@ -838,7 +840,7 @@ var U = /* @__PURE__ */ function(e) {
 							children: [/* @__PURE__ */ V("span", {
 								className: z,
 								children: t.instructionsLabel
-							}), b && re(b)]
+							}), v && re(v)]
 						})]
 					}),
 					/* @__PURE__ */ V("div", {
@@ -850,9 +852,9 @@ var U = /* @__PURE__ */ function(e) {
 									className: R,
 									children: t.historyTitle
 								}),
-								y && /* @__PURE__ */ V("p", {
+								_ && /* @__PURE__ */ V("p", {
 									className: r(U, $.subtitleText),
-									children: y
+									children: _
 								}),
 								t.historyLoadingMoreLabel && /* @__PURE__ */ V("span", {
 									role: "status",
@@ -860,7 +862,7 @@ var U = /* @__PURE__ */ function(e) {
 									className: "sr-only",
 									children: E ? t.historyLoadingMoreLabel : ""
 								}),
-								w && S.length === 0 ? /* @__PURE__ */ V("ul", {
+								S && x.length === 0 ? /* @__PURE__ */ V("ul", {
 									"aria-label": t.historyTitle,
 									children: K(D)
 								}) : k ? /* @__PURE__ */ H("div", {
@@ -868,17 +870,17 @@ var U = /* @__PURE__ */ function(e) {
 									children: [/* @__PURE__ */ V("p", {
 										className: r(B, $.subtitleText),
 										children: t.historyErrorLabel
-									}), /* @__PURE__ */ V(_, {
+									}), /* @__PURE__ */ V(m, {
 										label: t.historyRetryLabel,
 										onClick: A
 									})]
-								}) : S.length === 0 ? /* @__PURE__ */ V("p", {
+								}) : x.length === 0 ? /* @__PURE__ */ V("p", {
 									className: r(B, $.subtitleText),
 									children: t.historyEmptyLabel
 								}) : /* @__PURE__ */ H("ul", {
 									"aria-label": t.historyTitle,
 									children: [
-										S.map(ie),
+										x.map(ie),
 										E && K(D),
 										/* @__PURE__ */ V("li", {
 											ref: G,
@@ -896,4 +898,4 @@ var U = /* @__PURE__ */ function(e) {
 	});
 };
 //#endregion
-export { me as DESCRIPTION_MAX_LENGTH, G as ScheduledTaskCard, oe as ScheduledTaskCardGrid, ae as ScheduledTaskCardSkeleton, Ce as ScheduledTaskCreateForm, Ee as ScheduledTaskDetailView, Y as ScheduledTaskFrequency, Q as ScheduledTaskRunStatus, J as ScheduledTaskScheduleType, ce as ScheduledTaskSection, U as ScheduledTaskSectionKey, fe as ScheduledTasks, pe as ScheduledTasksSortKey };
+export { me as DESCRIPTION_MAX_LENGTH, G as ScheduledTaskCard, oe as ScheduledTaskCardGrid, ae as ScheduledTaskCardSkeleton, Ce as ScheduledTaskCreateForm, Ee as ScheduledTaskDetailView, he as ScheduledTaskFrequency, Q as ScheduledTaskRunStatus, J as ScheduledTaskScheduleType, ce as ScheduledTaskSection, U as ScheduledTaskSectionKey, fe as ScheduledTasks, pe as ScheduledTasksSortKey };

package/models/scheduled-task-card-skeleton-props.d.ts

@@ -1,6 +1,6 @@
 /**
  * Color overrides for the {@link ScheduledTaskCardSkeleton} component.
- * `DialSkeleton`'s own default color token (`bg-layer-raised`) has no visible
+ * `Skeleton`'s own default color token (`bg-layer-raised`) has no visible
  * contrast against the card background in apps that don't override it, so
  * this component requires an explicit color rather than relying on that
  * default — callers can still override it via this prop.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-scheduled-tasks",
   "description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
-  "version": "1.1.0-dev.127",
+  "version": "1.1.0-dev.128",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,8 +17,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.127",
-    "@epam/ai-dial-kit": "1.1.0-dev.127",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.128",
+    "@epam/ai-dial-kit": "1.1.0-dev.128",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
     "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"