@epam/ai-dial-scheduled-tasks 1.1.0-dev.101

package/index.js

@@ -0,0 +1,596 @@
+import { PanelEmptyState as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
+import { Input as r, SearchBar as i, Textarea as a } from "@epam/ai-dial-kit";
+import { Calendar as o, CalendarMode as s, CardShell as c, DIAL_ICON_SIZE as l, DialDropdown as u, DialSelectField as d, DialSkeleton as f, DialSkeletonVariant as p, DialSpinner as m, FolderPath as h, GhostButton as g, GhostIconButton as _, Highlight as v, IconButton as y, LazyDialMarkdownEditor as b, NeutralButton as x, PrimaryButton as S } from "@epam/ai-dial-ui-kit";
+import { IconArrowLeft as C, IconArrowsSort as w, IconCalendarTime as T, IconCheck as E, IconChevronUp as D, IconDotsVertical as O, IconEdit as k, IconPlayerPlay as A, IconPlus as j, IconTrash as M } from "@tabler/icons-react";
+import { Suspense as N, lazy as P, useEffect as ee, useMemo as te, useRef as ne } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+//#region src/models/scheduled-task-item.ts
+var R = /* @__PURE__ */ function(e) {
+	return e.Shared = "shared", e.MyTasks = "myTasks", e;
+}({}), z = {
+	title: "_title_14goq_1",
+	description: "_description_14goq_5",
+	schedulePill: "_schedulePill_14goq_9",
+	scheduleLabel: "_scheduleLabel_14goq_14",
+	locationLabel: "_locationLabel_14goq_18",
+	locationLeaf: "_locationLeaf_14goq_22",
+	newBadge: "_newBadge_14goq_26",
+	locationDivider: "_locationDivider_14goq_31"
+}, B = ({ item: e, searchQuery: r = "", onEdit: i, onRunNow: a, onDelete: o, labels: s, styles: d, className: f }) => {
+	let p = s?.newBadgeLabel ?? "NEW", m = s?.actionsLabel ?? "More actions", g = s?.editActionLabel ?? "Edit", _ = s?.runNowActionLabel ?? "Run now", b = s?.deleteActionLabel ?? "Delete", { colors: x, typography: S } = d ?? {}, C = S?.titleClassName ?? "dial-body-semi-text", w = S?.descriptionClassName ?? "dial-small-text", T = S?.scheduleLabelClassName ?? "dial-tiny-text", E = S?.locationLabelClassName ?? "dial-tiny-text", D = S?.locationLeafClassName ?? "dial-tiny-semi-text", j = S?.newBadgeClassName ?? "dial-tiny-semi-text", N = t({
+		"--stc-title-text": x?.titleText,
+		"--stc-desc-text": x?.descriptionText,
+		"--stc-pill-bg": x?.schedulePillBackground,
+		"--stc-pill-border": x?.schedulePillBorder,
+		"--stc-schedule-label-text": x?.scheduleLabelText,
+		"--stc-location-label-text": x?.locationLabelText,
+		"--stc-location-leaf-text": x?.locationLeafText,
+		"--stc-new-badge-bg": x?.newBadgeBackground,
+		"--stc-new-badge-text": x?.newBadgeText,
+		"--stc-location-divider-border": x?.locationDividerBorder
+	}), P = [];
+	return i && P.push({
+		key: "edit",
+		label: g,
+		icon: /* @__PURE__ */ I(k, {
+			size: l.SM,
+			"aria-hidden": !0
+		}),
+		onClick: () => i(e.id)
+	}), a && P.push({
+		key: "runNow",
+		label: _,
+		icon: /* @__PURE__ */ I(A, {
+			size: l.SM,
+			"aria-hidden": !0
+		}),
+		onClick: () => a(e.id)
+	}), o && P.push({
+		key: "delete",
+		label: b,
+		icon: /* @__PURE__ */ I(M, {
+			size: l.SM,
+			"aria-hidden": !0
+		}),
+		danger: !0,
+		onClick: () => o(e.id)
+	}), /* @__PURE__ */ L(c, {
+		role: "group",
+		"aria-label": e.displayName,
+		style: N,
+		className: n("h-[232px]", f),
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: "flex shrink-0 items-start justify-between gap-2",
+				children: [/* @__PURE__ */ L("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: [/* @__PURE__ */ I(v, {
+						text: e.displayName,
+						query: r,
+						maxLines: 1,
+						className: n(C, z.title)
+					}), e.isNew && /* @__PURE__ */ I("span", {
+						className: n("shrink-0 rounded-full px-2 py-0.5", j, z.newBadge),
+						children: p
+					})]
+				}), P.length > 0 && /* @__PURE__ */ I(u, {
+					items: P,
+					matchReferenceWidth: !1,
+					placement: "bottom-end",
+					children: /* @__PURE__ */ I(y, {
+						icon: /* @__PURE__ */ I(O, {
+							size: l.SM,
+							"aria-hidden": !0
+						}),
+						"aria-label": m,
+						className: "shrink-0"
+					})
+				})]
+			}),
+			e.descriptionPreview && /* @__PURE__ */ I("p", {
+				className: n("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]", w, z.description),
+				children: e.descriptionPreview
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "mt-auto flex shrink-0 flex-col gap-3",
+				children: [/* @__PURE__ */ I("div", {
+					className: "flex min-h-[28px] items-center",
+					children: /* @__PURE__ */ I("span", {
+						className: n("inline-block rounded-lg border px-2 py-1", z.schedulePill, T, z.scheduleLabel),
+						children: e.scheduleLabel
+					})
+				}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ I(h, {
+					segments: e.locationSegments,
+					labelClassName: n(E, z.locationLabel),
+					leafClassName: n(D, z.locationLeaf),
+					className: n("pt-3", z.locationDivider)
+				})]
+			})
+		]
+	});
+}, V = [
+	"100%",
+	"100%",
+	"61%"
+], H = ({ styles: e }) => {
+	let t = e?.colors?.skeletonColor ?? "var(--bg-layer-4)";
+	return /* @__PURE__ */ L(c, {
+		"aria-hidden": !0,
+		className: "h-[232px]",
+		children: [
+			/* @__PURE__ */ I(f, {
+				variant: p.Rectangular,
+				width: "60%",
+				height: "20px",
+				color: t,
+				className: "shrink-0"
+			}),
+			/* @__PURE__ */ I("div", {
+				className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
+				children: V.map((e, n) => /* @__PURE__ */ I(f, {
+					variant: p.Rectangular,
+					width: e,
+					height: "16px",
+					color: t
+				}, n))
+			}),
+			/* @__PURE__ */ I(f, {
+				variant: p.Rectangular,
+				width: "110px",
+				height: "28px",
+				color: t,
+				className: "shrink-0 rounded-lg"
+			})
+		]
+	});
+}, U = ({ items: e, searchQuery: t, onEdit: n, onRunNow: r, onDelete: i, labels: a, cardStyles: o, trailingSkeletonCount: s = 0, skeletonStyles: c }) => /* @__PURE__ */ L("div", {
+	className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
+	children: [e.map((e) => /* @__PURE__ */ I(B, {
+		item: e,
+		searchQuery: t,
+		onEdit: n,
+		onRunNow: r,
+		onDelete: i,
+		labels: a,
+		styles: o
+	}, e.id)), Array.from({ length: s }, (e, t) => /* @__PURE__ */ I(H, { styles: c }, `skeleton-${t}`))]
+}), W = { countBadge: "_countBadge_5ysac_1" }, G = ({ title: e, count: r, children: i, styles: a }) => {
+	let o = a?.typography?.titleClassName ?? "dial-small-semi-text", s = a?.typography?.countBadgeClassName ?? "dial-tiny-text", c = t({
+		"--sts-badge-bg": a?.colors?.countBadgeBackground,
+		"--sts-badge-text": a?.colors?.countBadgeText
+	});
+	return /* @__PURE__ */ L("section", {
+		...e ? { "aria-label": e } : {},
+		style: c,
+		className: "flex flex-col gap-3",
+		children: [e && /* @__PURE__ */ L("div", {
+			className: "flex items-center gap-2 rtl:flex-row-reverse",
+			children: [/* @__PURE__ */ I("h2", {
+				className: o,
+				children: e
+			}), /* @__PURE__ */ I("span", {
+				className: n("rounded-full px-2 py-0.5", s, W.countBadge),
+				children: r
+			})]
+		}), i]
+	});
+}, K = {
+	container: "_container_sac6a_1",
+	subtitle: "_subtitle_sac6a_5",
+	sortButton: "_sortButton_sac6a_9"
+}, re = [R.Shared, R.MyTasks], ie = (e, t, n, r, i, a) => {
+	if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
+}, q = (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 : q(e.parentElement);
+}, J = ({ labels: r, onCreateClick: a, searchQuery: o, onSearchQueryChange: s, sortKey: c, onSortChange: d, items: f, isLoading: p = !1, error: h, onRetry: _, hasMore: v = !1, isLoadingMore: y = !1, skeletonCount: b = 6, onLoadMore: x, onEdit: C, onRunNow: O, onDelete: k, styles: A }) => {
+	let { colors: M, typography: N, emptyStateIconSize: P = 48 } = A ?? {}, F = N?.titleClassName ?? "dial-h1-text", z = N?.subtitleClassName ?? "dial-body-text", B = t({
+		"--st-bg": M?.background,
+		"--st-subtitle-text": M?.subtitleText,
+		"--st-sort-text": M?.sortButtonText
+	}), V = r.sortOptions.find((e) => e.key === c)?.label ?? "", H = te(() => {
+		let e = { [R.Shared]: r.sharedSectionTitle };
+		return re.map((t) => ({
+			key: t,
+			title: e[t],
+			items: f.filter((e) => e.sectionKey === t)
+		})).filter((e) => e.items.length > 0);
+	}, [f, r.sharedSectionTitle]), W = ie(p, y, !!h, f.length, o.trim().length > 0, r), J = ne(null);
+	ee(() => {
+		let e = J.current;
+		if (!e || !x) return;
+		let t = q(e.parentElement);
+		if (!t) return;
+		let n = () => {
+			if (y || p || !v) return;
+			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+			r.top < n.bottom && r.bottom > n.top && x();
+		};
+		return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
+	}, [
+		v,
+		y,
+		p,
+		x
+	]);
+	let ae = () => {
+		if (p) return /* @__PURE__ */ I(m, {});
+		if (h) return /* @__PURE__ */ L("div", {
+			className: "flex flex-col items-center gap-3",
+			children: [/* @__PURE__ */ I("p", {
+				className: n(z, K.subtitle),
+				children: r.errorLabel
+			}), /* @__PURE__ */ I(g, {
+				label: r.retryLabel,
+				onClick: _
+			})]
+		});
+		if (f.length === 0) return o.trim() ? /* @__PURE__ */ I("p", {
+			className: n(z, K.subtitle),
+			children: r.noResultsLabel
+		}) : /* @__PURE__ */ I(e, {
+			icon: /* @__PURE__ */ I(T, {
+				"aria-hidden": !0,
+				size: P,
+				stroke: 1
+			}),
+			label: r.emptyStateLabel
+		});
+		let t = H.length - 1;
+		return /* @__PURE__ */ L("div", {
+			className: "flex w-full flex-col gap-6",
+			children: [H.map((e, n) => /* @__PURE__ */ I(G, {
+				title: e.title,
+				count: e.items.length,
+				children: /* @__PURE__ */ I(U, {
+					items: e.items,
+					searchQuery: o,
+					onEdit: C,
+					onRunNow: O,
+					onDelete: k,
+					labels: r.cardLabels,
+					trailingSkeletonCount: y && n === t ? b : 0,
+					skeletonStyles: { colors: { skeletonColor: M?.skeletonColor } }
+				})
+			}, e.key)), /* @__PURE__ */ I("div", {
+				ref: J,
+				"aria-hidden": !0,
+				className: "h-px w-full"
+			})]
+		});
+	}, oe = p || !!h || f.length === 0;
+	return /* @__PURE__ */ L("div", {
+		style: B,
+		className: n("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", K.container),
+		children: [
+			/* @__PURE__ */ L("div", {
+				className: "flex items-start justify-between gap-4",
+				children: [/* @__PURE__ */ L("div", {
+					className: "min-w-0 gap-2",
+					children: [/* @__PURE__ */ I("h1", {
+						className: n("truncate", F),
+						children: r.title
+					}), /* @__PURE__ */ I("p", {
+						className: n("mt-1", z, K.subtitle),
+						children: r.subtitle
+					})]
+				}), /* @__PURE__ */ I(S, {
+					label: r.createButtonLabel,
+					iconBefore: /* @__PURE__ */ I(j, {
+						size: l.SM,
+						"aria-hidden": !0
+					}),
+					onClick: a,
+					className: "shrink-0"
+				})]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ I("div", {
+					className: "flex-1",
+					children: /* @__PURE__ */ I(i, {
+						value: o,
+						onChange: s,
+						labels: {
+							placeholder: r.searchPlaceholder,
+							ariaLabel: r.searchAriaLabel,
+							clearLabel: r.clearSearchLabel
+						},
+						iconSize: 18,
+						iconStrokeWidth: 1.8,
+						styles: {
+							containerClassName: "h-[50px] w-full rounded-xl px-[18px]",
+							inputClassName: "text-[15px]",
+							clearButtonClassName: "size-11 desktop:size-auto"
+						}
+					})
+				}), r.sortOptions.length > 0 && /* @__PURE__ */ I(u, {
+					matchReferenceWidth: !1,
+					placement: "bottom-end",
+					listClassName: "cp-dropdown-overlay",
+					items: r.sortOptions.map((e) => ({
+						key: e.key,
+						label: /* @__PURE__ */ L("span", {
+							className: "flex w-full items-center justify-between gap-2",
+							children: [e.label, e.key === c && /* @__PURE__ */ I(E, {
+								size: l.SM,
+								"aria-hidden": !0
+							})]
+						}),
+						onClick: () => d(e.key)
+					})),
+					children: /* @__PURE__ */ I(g, {
+						label: V,
+						"aria-label": r.sortLabel,
+						className: n("rounded-[4px]", K.sortButton),
+						iconBefore: /* @__PURE__ */ I(w, {
+							size: 20,
+							"aria-hidden": !0
+						}),
+						iconAfter: /* @__PURE__ */ I(D, {
+							size: 20,
+							"aria-hidden": !0
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ I("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: W
+			}),
+			/* @__PURE__ */ I("div", {
+				className: n("mx-auto flex size-full w-full max-w-[1180px] flex-col", oe && "items-center justify-center"),
+				children: ae()
+			})
+		]
+	});
+}, ae = /* @__PURE__ */ function(e) {
+	return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
+}({}), oe = 500, Y = /* @__PURE__ */ function(e) {
+	return e.Once = "once", e.Recurring = "recurring", e;
+}({}), X = /* @__PURE__ */ function(e) {
+	return e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
+}({}), Z = (e) => String(e).padStart(2, "0"), se = (e) => e ? new Date(e) : null, ce = (e) => {
+	if (e == null) return "";
+	let t = e instanceof Date ? e : new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Z(t.getMonth() + 1)}-${Z(t.getDate())}T${Z(t.getHours())}:${Z(t.getMinutes())}`;
+}, le = (e) => {
+	let t = Number(e);
+	return e && Number.isFinite(t) ? String(t + 1) : null;
+}, ue = (e) => {
+	let t = typeof e == "string" ? Number(e) : NaN;
+	return Number.isFinite(t) ? String(t - 1) : "";
+}, Q = {
+	container: "_container_1wply_1",
+	header: "_header_1wply_5",
+	detailsColumn: "_detailsColumn_1wply_9",
+	sectionSubtitle: "_sectionSubtitle_1wply_13",
+	instructionsError: "_instructionsError_1wply_17"
+}, $ = (e) => `${e} *`, de = P(async () => ({ default: (await b()).DialMarkdownEditor })), fe = ({ labels: e, values: i, errors: c, modelOptions: u, onFieldChange: f, onBack: p, onCancel: h, onSubmit: g, isSubmitting: v = !1, markdownEditorTheme: y, styles: b }) => {
+	let { colors: w, typography: T } = b ?? {}, E = T?.titleClassName ?? "dial-h1-text", D = T?.sectionTitleClassName ?? "dial-body-semi-text", O = T?.sectionSubtitleClassName ?? "dial-tiny-text", k = T?.scheduleSectionLabelClassName ?? "dial-body-semi-text mb-1", A = T?.instructionsErrorClassName ?? "dial-small-text", j = t({
+		"--stcf-bg": w?.background,
+		"--stcf-header-border": w?.headerBorder,
+		"--stcf-details-border": w?.detailsColumnBorder,
+		"--stcf-subtitle-text": w?.sectionSubtitleText,
+		"--stcf-error-text": w?.instructionsErrorText
+	}), M = v || !i.displayName.trim() || !i.modelId || !i.prompt.trim();
+	return /* @__PURE__ */ L("div", {
+		style: j,
+		className: n("flex h-full w-full flex-col overflow-y-auto", Q.container),
+		children: [/* @__PURE__ */ L("div", {
+			className: n("flex h-16 items-center justify-between gap-6 border-b px-8", Q.header),
+			children: [/* @__PURE__ */ L("div", {
+				className: "flex min-w-0 flex-1 items-center gap-2",
+				children: [/* @__PURE__ */ I(_, {
+					icon: /* @__PURE__ */ I(C, {
+						size: l.LG,
+						className: "rtl:scale-x-[-1]",
+						"aria-hidden": !0
+					}),
+					"aria-label": e.backButtonLabel,
+					onClick: p
+				}), /* @__PURE__ */ I("h1", {
+					className: n("truncate", E),
+					children: e.pageTitle
+				})]
+			}), /* @__PURE__ */ L("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ I(x, {
+					label: e.cancelButtonLabel,
+					onClick: h,
+					disabled: v
+				}), /* @__PURE__ */ I(S, {
+					label: e.createButtonLabel,
+					onClick: g,
+					disabled: M
+				})]
+			})]
+		}), /* @__PURE__ */ L("div", {
+			className: "flex flex-1 flex-col desktop:flex-row",
+			children: [
+				/* @__PURE__ */ L("div", {
+					role: "group",
+					"aria-label": e.detailsSectionTitle,
+					className: n("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", Q.detailsColumn),
+					children: [
+						/* @__PURE__ */ L("div", {
+							className: "flex flex-col gap-1",
+							children: [/* @__PURE__ */ I("h2", {
+								className: D,
+								children: e.detailsSectionTitle
+							}), /* @__PURE__ */ I("p", {
+								className: n(O, Q.sectionSubtitle),
+								children: e.detailsSectionSubtitle
+							})]
+						}),
+						/* @__PURE__ */ I(r, {
+							id: "scheduled-task-display-name",
+							value: i.displayName,
+							onChange: (e) => f("displayName", e ?? ""),
+							labelProps: {
+								label: e.displayNameLabel,
+								required: !0
+							},
+							invalid: !!c.displayName,
+							error: c.displayName
+						}),
+						/* @__PURE__ */ I(a, {
+							id: "scheduled-task-description",
+							value: i.description ?? "",
+							onChange: (e) => f("description", e),
+							labelProps: { label: e.descriptionLabel },
+							maxLength: 500,
+							invalid: !!c.description,
+							error: c.description,
+							caption: i.description ? `${i.description.length}/500` : void 0
+						}),
+						/* @__PURE__ */ I(d, {
+							label: e.modelOrAgentLabel,
+							required: !0,
+							value: i.modelId,
+							placeholder: e.modelPlaceholder,
+							onChange: (e) => f("modelId", e),
+							error: c.modelId,
+							options: u.map((e) => ({
+								value: e.id,
+								label: e.label
+							}))
+						}),
+						/* @__PURE__ */ L("fieldset", {
+							className: "flex flex-col gap-3",
+							children: [
+								/* @__PURE__ */ I("legend", {
+									className: k,
+									children: e.scheduleSectionLabel
+								}),
+								/* @__PURE__ */ I(d, {
+									label: e.scheduleTypeAriaLabel,
+									value: i.scheduleType,
+									onChange: (e) => f("scheduleType", e),
+									options: [{
+										value: Y.Once,
+										label: e.scheduleTypeOnceLabel
+									}, {
+										value: Y.Recurring,
+										label: e.scheduleTypeRecurringLabel
+									}]
+								}),
+								i.scheduleType === Y.Once && /* @__PURE__ */ L("div", {
+									className: "flex flex-col gap-1",
+									children: [/* @__PURE__ */ I(o, {
+										id: "scheduled-task-run-at",
+										mode: s.DateTime,
+										value: se(i.runAt),
+										onChange: (e) => f("runAt", ce(e)),
+										label: $(e.runAtLabel),
+										invalid: !!c.runAt
+									}), c.runAt && /* @__PURE__ */ I("p", {
+										className: n(A, Q.instructionsError),
+										children: c.runAt
+									})]
+								}),
+								i.scheduleType === Y.Recurring && /* @__PURE__ */ L(F, { children: [
+									/* @__PURE__ */ I(d, {
+										label: e.frequencyLabel,
+										value: i.frequency,
+										onChange: (e) => f("frequency", e),
+										options: e.frequencyOptions.map((e) => ({
+											value: e.key,
+											label: e.label
+										}))
+									}),
+									/* @__PURE__ */ L("div", {
+										className: "flex flex-col gap-1",
+										children: [/* @__PURE__ */ I(o, {
+											id: "scheduled-task-time",
+											mode: s.Time,
+											value: i.time,
+											onChange: (e) => f("time", typeof e == "string" ? e : ""),
+											label: $(e.timeLabel),
+											invalid: !!c.time
+										}), c.time && /* @__PURE__ */ I("p", {
+											className: n(A, Q.instructionsError),
+											children: c.time
+										})]
+									}),
+									i.frequency === X.Weekly && /* @__PURE__ */ L("div", {
+										className: "flex flex-col gap-1",
+										children: [/* @__PURE__ */ I(o, {
+											id: "scheduled-task-day-of-week",
+											mode: s.Weekday,
+											value: le(i.dayOfWeek),
+											onChange: (e) => f("dayOfWeek", ue(e)),
+											label: $(e.dayOfWeekLabel),
+											invalid: !!c.dayOfWeek
+										}), c.dayOfWeek && /* @__PURE__ */ I("p", {
+											className: n(A, Q.instructionsError),
+											children: c.dayOfWeek
+										})]
+									}),
+									i.frequency === X.Monthly && /* @__PURE__ */ I(r, {
+										id: "scheduled-task-day-of-month",
+										value: i.dayOfMonth ?? "",
+										onChange: (e) => f("dayOfMonth", e ?? ""),
+										labelProps: {
+											label: e.dayOfMonthLabel,
+											required: !0
+										},
+										invalid: !!c.dayOfMonth,
+										error: c.dayOfMonth
+									})
+								] })
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ L("div", {
+					role: "group",
+					"aria-label": e.configurationSectionTitle,
+					className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
+					children: [/* @__PURE__ */ L("div", {
+						className: "flex flex-col gap-1",
+						children: [/* @__PURE__ */ I("h2", {
+							className: D,
+							children: e.configurationSectionTitle
+						}), /* @__PURE__ */ I("p", {
+							className: n(O, Q.sectionSubtitle),
+							children: e.configurationSectionSubtitle
+						})]
+					}), /* @__PURE__ */ L("div", {
+						role: "group",
+						"aria-label": e.instructionsLabel,
+						className: "flex flex-1 flex-col gap-1",
+						children: [
+							/* @__PURE__ */ I("span", {
+								className: k,
+								children: e.instructionsLabel
+							}),
+							/* @__PURE__ */ I(N, {
+								fallback: /* @__PURE__ */ I(m, {}),
+								children: /* @__PURE__ */ I(de, {
+									value: i.prompt,
+									onChange: (e) => f("prompt", e),
+									height: 480,
+									theme: y
+								})
+							}),
+							c.prompt && /* @__PURE__ */ I("p", {
+								className: n(A, Q.instructionsError),
+								children: c.prompt
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ I("div", {
+					"aria-hidden": !0,
+					className: "hidden desktop:block desktop:w-[360px] desktop:shrink-0"
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { oe as DESCRIPTION_MAX_LENGTH, B as ScheduledTaskCard, U as ScheduledTaskCardGrid, H as ScheduledTaskCardSkeleton, fe as ScheduledTaskCreateForm, X as ScheduledTaskFrequency, Y as ScheduledTaskScheduleType, G as ScheduledTaskSection, R as ScheduledTaskSectionKey, J as ScheduledTasks, ae as ScheduledTasksSortKey };

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

@@ -0,0 +1,38 @@
+import { ScheduledTaskCardStyles } from './scheduled-task-card-props';
+import { ScheduledTaskCardSkeletonStyles } from './scheduled-task-card-skeleton-props';
+import { ScheduledTaskItem } from './scheduled-task-item';
+/** Localized labels for the {@link ScheduledTaskCardGrid} component's cards. All have English defaults. */
+export interface ScheduledTaskCardGridLabels {
+    /** Label shown in a card's "new" badge. Defaults to `'NEW'`. */
+    newBadgeLabel?: string;
+    /** Accessible label for a card's overflow-menu trigger. Defaults to `'More actions'`. */
+    actionsLabel?: string;
+    /** Label for the "Edit" card menu action. Defaults to `'Edit'`. */
+    editActionLabel?: string;
+    /** Label for the "Run now" card menu action. Defaults to `'Run now'`. */
+    runNowActionLabel?: string;
+    /** Label for the "Delete" card menu action. Defaults to `'Delete'`. */
+    deleteActionLabel?: string;
+}
+/** Props for the {@link ScheduledTaskCardGrid} component. */
+export interface ScheduledTaskCardGridProps {
+    /** Items to render as cards, in display order. */
+    items: ScheduledTaskItem[];
+    /** Current search query — forwarded to each card to highlight the matching title substring. */
+    searchQuery?: string;
+    /** Called with a task id when the user activates "Edit" on a card. Omit to hide the action on every card. */
+    onEdit?: (id: string) => void;
+    /** Called with a task id when the user activates "Run now" on a card. Omit to hide the action on every card. */
+    onRunNow?: (id: string) => void;
+    /** Called with a task id when the user activates "Delete" on a card. Omit to hide the action on every card. */
+    onDelete?: (id: string) => void;
+    /** Localized labels forwarded to each card. */
+    labels?: ScheduledTaskCardGridLabels;
+    /** Style overrides forwarded to each card. */
+    cardStyles?: ScheduledTaskCardStyles;
+    /** Number of placeholder cards rendered after `items`, inside the same grid, so they continue filling the current row instead of starting a new one. */
+    trailingSkeletonCount?: number;
+    /** Style overrides forwarded to each trailing skeleton card. */
+    skeletonStyles?: ScheduledTaskCardSkeletonStyles;
+}
+//# sourceMappingURL=scheduled-task-card-grid-props.d.ts.map

package/models/scheduled-task-card-grid-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduled-task-card-grid-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-card-grid-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,2GAA2G;AAC3G,MAAM,WAAW,2BAA2B;IAC1C,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yEAAyE;IACzE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,6DAA6D;AAC7D,MAAM,WAAW,0BAA0B;IACzC,kDAAkD;IAClD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6GAA6G;IAC7G,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,gHAAgH;IAChH,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,+CAA+C;IAC/C,MAAM,CAAC,EAAE,2BAA2B,CAAC;IACrC,8CAA8C;IAC9C,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,wJAAwJ;IACxJ,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gEAAgE;IAChE,cAAc,CAAC,EAAE,+BAA+B,CAAC;CAClD"}