@epam/ai-dial-scheduled-tasks 1.2.0-dev.46 → 1.2.0-dev.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/ScheduledTaskCard/ScheduledTaskCard.d.ts.map +1 -1
  2. package/components/ScheduledTaskCardGrid/ScheduledTaskCardGrid.d.ts.map +1 -1
  3. package/constants/public-class-names.d.ts +10 -0
  4. package/constants/public-class-names.d.ts.map +1 -0
  5. package/index.d.ts +1 -0
  6. package/index.d.ts.map +1 -1
  7. package/index.js +307 -303
  8. package/package.json +4 -4
package/index.js CHANGED
@@ -1,11 +1,15 @@
1
1
  import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as e, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as t, MDMessageViewer as n, PanelEmptyState as r, buildCssVars as i, mergeClasses as a, useAvailableHeightCap as o, useIsMobile as s } from "@epam/ai-dial-chat-shared";
2
- import { ButtonAppearance as c, ButtonDropdown as l, ButtonVariant as u, Calendar as d, CalendarMode as f, CardShell as p, DIAL_ICON_SIZE as m, DIAL_KIT_ICON_STROKE as h, ElementSize as g, FolderPath as _, GhostButton as v, GhostIconButton as y, Highlight as b, Input as x, Label as S, MenuItemMark as C, NeutralButton as w, NumberInput as ee, PrimaryButton as te, Search as T, Select as ne, Skeleton as E, SkeletonVariant as D, Spinner as O, Switch as k, Tabs as re, Textarea as A } from "@epam/ai-dial-ui-kit";
3
- import { IconAlertTriangle as j, IconArrowLeft as ie, IconCircleCheck as M, IconCircleX as ae, IconClipboardX as N, IconPencilMinus as oe, IconPlayerPause as se, IconPlus as ce, IconTrashX as le } from "@tabler/icons-react";
4
- import { Suspense as ue, lazy as de, useCallback as P, useEffect as F, useId as I, useLayoutEffect as L, useMemo as fe, useRef as R, useState as pe } from "react";
5
- import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
6
- import { BuilderFormContainer as H } from "@epam/ai-dial-builder-form";
7
- import { LazyMarkdownEditor as me } from "@epam/ai-dial-ui-kit/editors";
8
- var U = {
2
+ import { ButtonAppearance as c, ButtonDropdown as l, ButtonVariant as u, Calendar as d, CalendarMode as f, CardShell as p, DIAL_ICON_SIZE as m, DIAL_KIT_ICON_STROKE as h, ElementSize as g, FolderPath as _, GhostButton as v, GhostIconButton as y, Highlight as b, Input as x, Label as S, MenuItemMark as C, NeutralButton as w, NumberInput as ee, PrimaryButton as te, Search as T, Select as ne, Skeleton as E, SkeletonVariant as D, Spinner as re, Switch as O, Tabs as ie, Textarea as k } from "@epam/ai-dial-ui-kit";
3
+ import { IconAlertTriangle as A, IconArrowLeft as ae, IconCircleCheck as j, IconCircleX as oe, IconClipboardX as M, IconPencilMinus as se, IconPlayerPause as ce, IconPlus as le, IconTrashX as ue } from "@tabler/icons-react";
4
+ import { Suspense as de, lazy as fe, useCallback as N, useEffect as P, useId as F, useLayoutEffect as I, useMemo as pe, useRef as L, useState as me } from "react";
5
+ import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
6
+ import { BuilderFormContainer as V } from "@epam/ai-dial-builder-form";
7
+ import { LazyMarkdownEditor as he } from "@epam/ai-dial-ui-kit/editors";
8
+ //#region src/constants/public-class-names.ts
9
+ var H = {
10
+ card: "dial-scheduled-tasks-card",
11
+ cardGrid: "dial-scheduled-tasks-card-grid"
12
+ }, U = {
9
13
  title: "_title_1hxc3_1",
10
14
  description: "_description_1hxc3_5",
11
15
  schedulePill: "_schedulePill_1hxc3_9",
@@ -16,7 +20,7 @@ var U = {
16
20
  pausedPill: "_pausedPill_1hxc3_31",
17
21
  pausedLabel: "_pausedLabel_1hxc3_36",
18
22
  locationDivider: "_locationDivider_1hxc3_40"
19
- }, he = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: o, className: s }) => {
23
+ }, W = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: o, className: s }) => {
20
24
  let c = r?.newBadgeLabel ?? "NEW", l = r?.pausedBadgeLabel ?? "Paused", { colors: u, typography: d } = o ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", g = d?.descriptionClassName ?? "dial-small-text", v = d?.descriptionSizeClassName ?? "dial-tiny-text", y = d?.scheduleLabelClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", S = d?.locationLeafClassName ?? "dial-tiny-semi-text", C = d?.newBadgeClassName ?? "dial-tiny-semi-text", w = d?.pausedBadgeClassName ?? "dial-tiny-text", ee = i({
21
25
  "--stc-title-text": u?.titleText,
22
26
  "--stc-desc-text": u?.descriptionText,
@@ -38,45 +42,45 @@ var U = {
38
42
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
39
43
  }
40
44
  } : {};
41
- return /* @__PURE__ */ V(p, {
45
+ return /* @__PURE__ */ B(p, {
42
46
  role: n ? "button" : "group",
43
47
  "aria-label": e.displayName,
44
48
  style: ee,
45
- className: a("h-[232px]", n && "cursor-pointer", s),
49
+ className: a("h-[232px]", n && "cursor-pointer", s, H.card),
46
50
  ...te,
47
51
  children: [
48
- /* @__PURE__ */ V("div", {
52
+ /* @__PURE__ */ B("div", {
49
53
  className: "flex min-w-0 shrink-0 items-center gap-2",
50
- children: [/* @__PURE__ */ B(b, {
54
+ children: [/* @__PURE__ */ z(b, {
51
55
  text: e.displayName,
52
56
  query: t,
53
57
  maxLines: 1,
54
58
  className: a(f, U.title)
55
- }), e.isNew && /* @__PURE__ */ B("span", {
59
+ }), e.isNew && /* @__PURE__ */ z("span", {
56
60
  className: a("shrink-0 rounded-full px-2 py-0.5", C, U.newBadge),
57
61
  children: c
58
62
  })]
59
63
  }),
60
- e.descriptionPreview && /* @__PURE__ */ B("p", {
64
+ e.descriptionPreview && /* @__PURE__ */ z("p", {
61
65
  className: a("line-clamp-4 min-h-0 flex-1 overflow-hidden", v, g, U.description),
62
66
  children: e.descriptionPreview
63
67
  }),
64
- /* @__PURE__ */ V("div", {
68
+ /* @__PURE__ */ B("div", {
65
69
  className: "mt-auto flex shrink-0 flex-col gap-3",
66
- children: [/* @__PURE__ */ B("div", {
70
+ children: [/* @__PURE__ */ z("div", {
67
71
  className: "flex min-h-[28px] items-center",
68
- children: e.isActive === !1 ? /* @__PURE__ */ V("span", {
72
+ children: e.isActive === !1 ? /* @__PURE__ */ B("span", {
69
73
  className: a("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", U.pausedPill, w, U.pausedLabel),
70
- children: [/* @__PURE__ */ B(se, {
74
+ children: [/* @__PURE__ */ z(ce, {
71
75
  size: m.SM,
72
76
  "aria-hidden": !0,
73
77
  stroke: h
74
78
  }), l]
75
- }) : /* @__PURE__ */ B("span", {
79
+ }) : /* @__PURE__ */ z("span", {
76
80
  className: a("inline-block rounded-lg border px-2 py-1", U.schedulePill, y, U.scheduleLabel),
77
81
  children: e.scheduleLabel
78
82
  })
79
- }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ B(_, {
83
+ }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ z(_, {
80
84
  segments: e.locationSegments,
81
85
  labelClassName: a(x, U.locationLabel),
82
86
  leafClassName: a(S, U.locationLeaf),
@@ -89,73 +93,73 @@ var U = {
89
93
  "100%",
90
94
  "100%",
91
95
  "61%"
92
- ], W = "var(--stcs-skeleton-bg)", G = ({ styles: e }) => /* @__PURE__ */ V(p, {
96
+ ], G = "var(--stcs-skeleton-bg)", ve = ({ styles: e }) => /* @__PURE__ */ B(p, {
93
97
  "aria-hidden": !0,
94
98
  style: i({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
95
99
  className: a("h-[232px]", ge.card),
96
100
  children: [
97
- /* @__PURE__ */ B(E, {
101
+ /* @__PURE__ */ z(E, {
98
102
  variant: D.Rectangular,
99
103
  width: "60%",
100
104
  height: "20px",
101
- color: W,
105
+ color: G,
102
106
  className: "shrink-0"
103
107
  }),
104
- /* @__PURE__ */ B("div", {
108
+ /* @__PURE__ */ z("div", {
105
109
  className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
106
- children: _e.map((e, t) => /* @__PURE__ */ B(E, {
110
+ children: _e.map((e, t) => /* @__PURE__ */ z(E, {
107
111
  variant: D.Rectangular,
108
112
  width: e,
109
113
  height: "16px",
110
- color: W
114
+ color: G
111
115
  }, t))
112
116
  }),
113
- /* @__PURE__ */ B(E, {
117
+ /* @__PURE__ */ z(E, {
114
118
  variant: D.Rectangular,
115
119
  width: "110px",
116
120
  height: "28px",
117
- color: W,
121
+ color: G,
118
122
  className: "shrink-0 rounded-lg"
119
123
  })
120
124
  ]
121
- }), ve = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ V("div", {
122
- className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
123
- children: [e.map((e) => /* @__PURE__ */ B(he, {
125
+ }), ye = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: o = 0, skeletonStyles: s }) => /* @__PURE__ */ B("div", {
126
+ className: a("grid grid-cols-1 gap-5 desktop:grid-cols-3", H.cardGrid),
127
+ children: [e.map((e) => /* @__PURE__ */ z(W, {
124
128
  item: e,
125
129
  searchQuery: t,
126
130
  onCardClick: n,
127
131
  labels: r,
128
132
  styles: i
129
- }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ B(G, { styles: o }, `skeleton-${t}`))]
133
+ }, e.id)), Array.from({ length: o }, (e, t) => /* @__PURE__ */ z(ve, { styles: s }, `skeleton-${t}`))]
130
134
  }), K = {
131
135
  container: "_container_1ct1h_2",
132
136
  subtitle: "_subtitle_1ct1h_6",
133
137
  sortButton: "_sortButton_1ct1h_10",
134
138
  createButton: "_createButton_1ct1h_19",
135
139
  sortControlHidden: "_sortControlHidden_1ct1h_40"
136
- }, ye = (e, t, n, r, i, a) => {
140
+ }, be = (e, t, n, r, i, a) => {
137
141
  if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
138
- }, be = (e) => {
142
+ }, xe = (e) => {
139
143
  if (!e || e === document.body) return null;
140
144
  let { overflow: t, overflowY: n } = getComputedStyle(e);
141
- return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : be(e.parentElement);
142
- }, xe = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: o, sortKey: s, onSortChange: d, items: f, isLoading: p = !1, error: _, onRetry: y, hasMore: b = !1, isLoadingMore: x = !1, skeletonCount: S = 6, onLoadMore: w, onCardClick: ee, banner: ne, styles: E }) => {
143
- let { colors: D, typography: k } = E ?? {}, re = k?.titleClassName ?? "dial-h1-text", A = k?.subtitleClassName ?? "dial-body-text", j = i({
145
+ return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : xe(e.parentElement);
146
+ }, Se = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: o, sortKey: s, onSortChange: d, items: f, isLoading: p = !1, error: _, onRetry: y, hasMore: b = !1, isLoadingMore: x = !1, skeletonCount: S = 6, onLoadMore: w, onCardClick: ee, banner: ne, styles: E }) => {
147
+ let { colors: D, typography: O } = E ?? {}, ie = O?.titleClassName ?? "dial-h1-text", k = O?.subtitleClassName ?? "dial-body-text", A = i({
144
148
  "--st-bg": D?.background,
145
149
  "--st-subtitle-text": D?.subtitleText,
146
150
  "--st-sort-text": D?.sortButtonText
147
- }), ie = (e) => {
151
+ }), ae = (e) => {
148
152
  o(e ?? "");
149
- }, [M, ae] = pe(!1), [N, oe] = pe(!1), se = R(null), le = P(() => {
150
- oe(!0);
151
- }, []), ue = P(() => {
152
- oe(!1);
153
+ }, [j, oe] = me(!1), [M, se] = me(!1), ce = L(null), ue = N(() => {
154
+ se(!0);
155
+ }, []), de = N(() => {
156
+ se(!1);
153
157
  }, []);
154
- L(() => {
155
- let e = se.current;
156
- N && M && e != null && e.offsetParent == null && ae(!1);
157
- }, [N, M]);
158
- let de = e.sortOptions.find((e) => e.value === s)?.label ?? e.sortLabel, I = fe(() => e.sortOptions.map((e) => ({
158
+ I(() => {
159
+ let e = ce.current;
160
+ M && j && e != null && e.offsetParent == null && oe(!1);
161
+ }, [M, j]);
162
+ let fe = e.sortOptions.find((e) => e.value === s)?.label ?? e.sortLabel, F = pe(() => e.sortOptions.map((e) => ({
159
163
  key: e.value,
160
164
  label: e.label,
161
165
  mark: C.Check,
@@ -165,11 +169,11 @@ var U = {
165
169
  e.sortOptions,
166
170
  s,
167
171
  d
168
- ]), z = ye(p, x, !!_, f.length, n.trim().length > 0, e), H = R(null);
169
- F(() => {
170
- let e = H.current;
172
+ ]), R = be(p, x, !!_, f.length, n.trim().length > 0, e), V = L(null);
173
+ P(() => {
174
+ let e = V.current;
171
175
  if (!e || !w) return;
172
- let t = be(e.parentElement);
176
+ let t = xe(e.parentElement);
173
177
  if (!t) return;
174
178
  let n = () => {
175
179
  if (x || p || !b) return;
@@ -183,53 +187,53 @@ var U = {
183
187
  p,
184
188
  w
185
189
  ]);
186
- let me = () => p ? /* @__PURE__ */ B(O, {}) : _ ? /* @__PURE__ */ V("div", {
190
+ let he = () => p ? /* @__PURE__ */ z(re, {}) : _ ? /* @__PURE__ */ B("div", {
187
191
  className: "flex flex-col items-center gap-3",
188
- children: [/* @__PURE__ */ B("p", {
189
- className: a(A, K.subtitle),
192
+ children: [/* @__PURE__ */ z("p", {
193
+ className: a(k, K.subtitle),
190
194
  children: e.errorLabel
191
- }), /* @__PURE__ */ B(v, {
195
+ }), /* @__PURE__ */ z(v, {
192
196
  label: e.retryLabel,
193
197
  onClick: y
194
198
  })]
195
- }) : f.length === 0 ? n.trim() ? /* @__PURE__ */ B("p", {
196
- className: a(A, K.subtitle),
199
+ }) : f.length === 0 ? n.trim() ? /* @__PURE__ */ z("p", {
200
+ className: a(k, K.subtitle),
197
201
  children: e.noResultsLabel
198
- }) : /* @__PURE__ */ B(r, { label: e.emptyStateLabel }) : /* @__PURE__ */ V("div", {
202
+ }) : /* @__PURE__ */ z(r, { label: e.emptyStateLabel }) : /* @__PURE__ */ B("div", {
199
203
  className: "flex w-full flex-col gap-6",
200
- children: [/* @__PURE__ */ B(ve, {
204
+ children: [/* @__PURE__ */ z(ye, {
201
205
  items: f,
202
206
  searchQuery: n,
203
207
  onCardClick: ee,
204
208
  labels: e.cardLabels,
205
209
  trailingSkeletonCount: x ? S : 0,
206
210
  skeletonStyles: { colors: { skeletonColor: D?.skeletonColor } }
207
- }), /* @__PURE__ */ B("div", {
208
- ref: H,
211
+ }), /* @__PURE__ */ z("div", {
212
+ ref: V,
209
213
  "aria-hidden": !0,
210
214
  className: "h-px w-full"
211
215
  })]
212
- }), U = p || !!_ || f.length === 0;
213
- return /* @__PURE__ */ V("div", {
214
- style: j,
216
+ }), H = p || !!_ || f.length === 0;
217
+ return /* @__PURE__ */ B("div", {
218
+ style: A,
215
219
  className: a("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", K.container),
216
220
  children: [
217
- /* @__PURE__ */ V("div", {
221
+ /* @__PURE__ */ B("div", {
218
222
  className: "flex items-start justify-between gap-4",
219
- children: [/* @__PURE__ */ V("div", {
223
+ children: [/* @__PURE__ */ B("div", {
220
224
  className: "min-w-0 gap-2",
221
- children: [/* @__PURE__ */ B("h1", {
222
- className: a("truncate", re),
225
+ children: [/* @__PURE__ */ z("h1", {
226
+ className: a("truncate", ie),
223
227
  children: e.title
224
- }), /* @__PURE__ */ B("p", {
225
- className: a("mt-1", A, K.subtitle),
228
+ }), /* @__PURE__ */ z("p", {
229
+ className: a("mt-1", k, K.subtitle),
226
230
  children: e.subtitle
227
231
  })]
228
- }), /* @__PURE__ */ B(te, {
232
+ }), /* @__PURE__ */ z(te, {
229
233
  label: e.createButtonLabel,
230
234
  textClassName: "hidden desktop:inline",
231
235
  "aria-label": e.createButtonLabel,
232
- iconBefore: /* @__PURE__ */ B(ce, {
236
+ iconBefore: /* @__PURE__ */ z(le, {
233
237
  size: m.SM,
234
238
  "aria-hidden": !0,
235
239
  stroke: h
@@ -238,27 +242,27 @@ var U = {
238
242
  className: a("shrink-0", K.createButton)
239
243
  })]
240
244
  }),
241
- /* @__PURE__ */ V("div", {
245
+ /* @__PURE__ */ B("div", {
242
246
  className: "flex flex-wrap items-center gap-3",
243
- children: [/* @__PURE__ */ B("div", {
247
+ children: [/* @__PURE__ */ z("div", {
244
248
  role: "search",
245
249
  className: "flex-1",
246
- children: /* @__PURE__ */ B(T, {
250
+ children: /* @__PURE__ */ z(T, {
247
251
  value: n,
248
- onChange: ie,
252
+ onChange: ae,
249
253
  placeholder: e.searchPlaceholder,
250
254
  clearLabel: e.clearSearchLabel,
251
255
  "aria-label": e.searchAriaLabel,
252
256
  size: g.Large,
253
- onFocus: le,
254
- onBlur: ue
257
+ onFocus: ue,
258
+ onBlur: de
255
259
  })
256
- }), e.sortOptions.length > 0 && /* @__PURE__ */ B("div", {
257
- ref: se,
258
- className: a(N && K.sortControlHidden),
259
- children: /* @__PURE__ */ B(l, {
260
- items: I,
261
- label: de,
260
+ }), e.sortOptions.length > 0 && /* @__PURE__ */ z("div", {
261
+ ref: ce,
262
+ className: a(M && K.sortControlHidden),
263
+ children: /* @__PURE__ */ z(l, {
264
+ items: F,
265
+ label: fe,
262
266
  variant: u.Primary,
263
267
  appearance: c.Ghost,
264
268
  className: K.sortButton
@@ -266,51 +270,51 @@ var U = {
266
270
  })]
267
271
  }),
268
272
  ne,
269
- /* @__PURE__ */ B("span", {
273
+ /* @__PURE__ */ z("span", {
270
274
  role: "status",
271
275
  "aria-live": "polite",
272
276
  className: "sr-only",
273
- children: z
277
+ children: R
274
278
  }),
275
- /* @__PURE__ */ B("div", {
276
- className: a("mx-auto flex size-full w-full max-w-[1180px] flex-col", U && "items-center justify-center"),
277
- children: me()
279
+ /* @__PURE__ */ z("div", {
280
+ className: a("mx-auto flex size-full w-full max-w-[1180px] flex-col", H && "items-center justify-center"),
281
+ children: he()
278
282
  })
279
283
  ]
280
284
  });
281
- }, Se = /* @__PURE__ */ function(e) {
285
+ }, Ce = /* @__PURE__ */ function(e) {
282
286
  return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
283
- }({}), Ce = 500, q = /* @__PURE__ */ function(e) {
287
+ }({}), we = 500, q = /* @__PURE__ */ function(e) {
284
288
  return e.OneTime = "oneTime", e.Hourly = "hourly", e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
285
- }({}), J = (e) => String(e).padStart(2, "0"), we = (e) => e ? new Date(e) : null, Te = (e) => {
289
+ }({}), J = (e) => String(e).padStart(2, "0"), Te = (e) => e ? new Date(e) : null, Ee = (e) => {
286
290
  if (e == null) return "";
287
291
  let t = e instanceof Date ? e : new Date(e);
288
292
  return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${J(t.getMonth() + 1)}-${J(t.getDate())}T${J(t.getHours())}:${J(t.getMinutes())}`;
289
- }, Ee = (e) => {
293
+ }, De = (e) => {
290
294
  if (!e) return null;
291
295
  let [t, n, r] = e.split("-").map(Number);
292
296
  return new Date(t, n - 1, r);
293
- }, De = (e) => {
297
+ }, Oe = (e) => {
294
298
  if (e == null) return "";
295
299
  let t = e instanceof Date ? e : new Date(e);
296
300
  return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${J(t.getMonth() + 1)}-${J(t.getDate())}`;
297
- }, Oe = (e) => {
301
+ }, ke = (e) => {
298
302
  let t = Number(e);
299
303
  return e && Number.isFinite(t) ? String(t + 1) : null;
300
- }, ke = (e) => {
304
+ }, Ae = (e) => {
301
305
  let t = typeof e == "string" ? Number(e) : NaN;
302
306
  return Number.isFinite(t) ? String(t - 1) : "";
303
307
  }, Y = {
304
308
  detailsColumn: "_detailsColumn_1mg3v_1",
305
309
  sectionSubtitle: "_sectionSubtitle_1mg3v_5",
306
310
  instructionsError: "_instructionsError_1mg3v_9"
307
- }, Ae = de(async () => ({ default: (await me()).MarkdownEditor })), je = ({ labels: n, values: r, errors: s, modelSelector: c, modelLabelId: l, onFieldChange: u, onBack: p, onCancel: m, onSubmit: h, isSubmitting: g = !1, markdownEditorTheme: _, styles: v }) => {
308
- let y = I(), b = o(), { colors: C, typography: w } = v ?? {}, te = w?.titleClassName ?? "dial-h1-text", T = w?.sectionTitleClassName ?? "dial-body-semi-text", E = w?.sectionSubtitleClassName ?? "dial-tiny-text", D = w?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", k = w?.instructionsErrorClassName ?? "dial-small-text", re = i({
311
+ }, je = fe(async () => ({ default: (await he()).MarkdownEditor })), Me = ({ labels: n, values: r, errors: s, modelSelector: c, modelLabelId: l, onFieldChange: u, onBack: p, onCancel: m, onSubmit: h, isSubmitting: g = !1, markdownEditorTheme: _, styles: v }) => {
312
+ let y = F(), b = o(), { colors: C, typography: w } = v ?? {}, te = w?.titleClassName ?? "dial-h1-text", T = w?.sectionTitleClassName ?? "dial-body-semi-text", E = w?.sectionSubtitleClassName ?? "dial-tiny-text", D = w?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", O = w?.instructionsErrorClassName ?? "dial-small-text", ie = i({
309
313
  "--stcf-details-border": C?.detailsColumnBorder,
310
314
  "--stcf-subtitle-text": C?.sectionSubtitleText,
311
315
  "--stcf-error-text": C?.instructionsErrorText
312
- }), j = g || !r.displayName.trim() || !r.modelId || !r.prompt.trim();
313
- return /* @__PURE__ */ B(H, {
316
+ }), A = g || !r.displayName.trim() || !r.modelId || !r.prompt.trim();
317
+ return /* @__PURE__ */ z(V, {
314
318
  labels: {
315
319
  title: n.pageTitle,
316
320
  backButtonLabel: n.backButtonLabel,
@@ -322,7 +326,7 @@ var U = {
322
326
  onCancel: m,
323
327
  onSubmit: h,
324
328
  isCancelDisabled: g,
325
- isSubmitDisabled: j,
329
+ isSubmitDisabled: A,
326
330
  isSubmitting: g,
327
331
  styles: {
328
332
  colors: { background: C?.background },
@@ -330,24 +334,24 @@ var U = {
330
334
  colors: { borderColor: C?.headerBorder },
331
335
  typography: { fontClassName: te }
332
336
  },
333
- cssVars: re
337
+ cssVars: ie
334
338
  },
335
- left: /* @__PURE__ */ V("div", {
339
+ left: /* @__PURE__ */ B("div", {
336
340
  role: "group",
337
341
  "aria-label": n.detailsSectionTitle,
338
342
  className: a("flex flex-1 flex-col gap-5 border-e px-4 py-6 desktop:px-8", Y.detailsColumn),
339
343
  children: [
340
- /* @__PURE__ */ V("div", {
344
+ /* @__PURE__ */ B("div", {
341
345
  className: "flex flex-col gap-1",
342
- children: [/* @__PURE__ */ B("h2", {
346
+ children: [/* @__PURE__ */ z("h2", {
343
347
  className: T,
344
348
  children: n.detailsSectionTitle
345
- }), /* @__PURE__ */ B("p", {
349
+ }), /* @__PURE__ */ z("p", {
346
350
  className: a(E, Y.sectionSubtitle),
347
351
  children: n.detailsSectionSubtitle
348
352
  })]
349
353
  }),
350
- /* @__PURE__ */ B(x, {
354
+ /* @__PURE__ */ z(x, {
351
355
  id: "scheduled-task-display-name",
352
356
  value: r.displayName,
353
357
  onChange: (e) => u("displayName", e ?? ""),
@@ -358,7 +362,7 @@ var U = {
358
362
  invalid: !!s.displayName,
359
363
  error: s.displayName
360
364
  }),
361
- /* @__PURE__ */ B(A, {
365
+ /* @__PURE__ */ z(k, {
362
366
  id: "scheduled-task-description",
363
367
  value: r.description ?? "",
364
368
  onChange: (e) => u("description", e),
@@ -368,25 +372,25 @@ var U = {
368
372
  error: s.description,
369
373
  caption: r.description ? `${r.description.length}/500` : void 0
370
374
  }),
371
- /* @__PURE__ */ V("div", {
375
+ /* @__PURE__ */ B("div", {
372
376
  className: "flex flex-col gap-1",
373
377
  children: [
374
- /* @__PURE__ */ B(S, {
378
+ /* @__PURE__ */ z(S, {
375
379
  id: l,
376
380
  label: n.modelOrAgentLabel,
377
381
  required: !0
378
382
  }),
379
383
  c,
380
- s.modelId && /* @__PURE__ */ B("p", {
381
- className: a(k, Y.instructionsError),
384
+ s.modelId && /* @__PURE__ */ z("p", {
385
+ className: a(O, Y.instructionsError),
382
386
  children: s.modelId
383
387
  })
384
388
  ]
385
389
  }),
386
- /* @__PURE__ */ V("div", {
390
+ /* @__PURE__ */ B("div", {
387
391
  className: "flex flex-col gap-3",
388
392
  children: [
389
- /* @__PURE__ */ B(ne, {
393
+ /* @__PURE__ */ z(ne, {
390
394
  labelProps: { label: n.repeatLabel },
391
395
  value: r.repeat,
392
396
  onChange: (e) => u("repeat", e),
@@ -395,27 +399,27 @@ var U = {
395
399
  label: e.label
396
400
  }))
397
401
  }),
398
- r.repeat === q.OneTime && /* @__PURE__ */ V("div", {
402
+ r.repeat === q.OneTime && /* @__PURE__ */ B("div", {
399
403
  className: "flex flex-col gap-1",
400
- children: [/* @__PURE__ */ B(d, {
404
+ children: [/* @__PURE__ */ z(d, {
401
405
  id: "scheduled-task-run-at",
402
406
  mode: f.DateTime,
403
- value: we(r.runAt),
404
- onChange: (e) => u("runAt", Te(e)),
407
+ value: Te(r.runAt),
408
+ onChange: (e) => u("runAt", Ee(e)),
405
409
  labelProps: {
406
410
  label: n.runAtLabel,
407
411
  required: !0
408
412
  },
409
413
  invalid: !!s.runAt
410
- }), s.runAt && /* @__PURE__ */ B("p", {
411
- className: a(k, Y.instructionsError),
414
+ }), s.runAt && /* @__PURE__ */ z("p", {
415
+ className: a(O, Y.instructionsError),
412
416
  children: s.runAt
413
417
  })]
414
418
  }),
415
- r.repeat !== q.OneTime && /* @__PURE__ */ V(z, { children: [
416
- r.repeat !== q.Hourly && /* @__PURE__ */ V("div", {
419
+ r.repeat !== q.OneTime && /* @__PURE__ */ B(R, { children: [
420
+ r.repeat !== q.Hourly && /* @__PURE__ */ B("div", {
417
421
  className: "flex flex-col gap-1",
418
- children: [/* @__PURE__ */ B(d, {
422
+ children: [/* @__PURE__ */ z(d, {
419
423
  id: "scheduled-task-time",
420
424
  mode: f.Time,
421
425
  value: r.time,
@@ -425,29 +429,29 @@ var U = {
425
429
  required: !0
426
430
  },
427
431
  invalid: !!s.time
428
- }), s.time && /* @__PURE__ */ B("p", {
429
- className: a(k, Y.instructionsError),
432
+ }), s.time && /* @__PURE__ */ z("p", {
433
+ className: a(O, Y.instructionsError),
430
434
  children: s.time
431
435
  })]
432
436
  }),
433
- r.repeat === q.Weekly && /* @__PURE__ */ V("div", {
437
+ r.repeat === q.Weekly && /* @__PURE__ */ B("div", {
434
438
  className: "flex flex-col gap-1",
435
- children: [/* @__PURE__ */ B(d, {
439
+ children: [/* @__PURE__ */ z(d, {
436
440
  id: "scheduled-task-day-of-week",
437
441
  mode: f.Weekday,
438
- value: Oe(r.dayOfWeek),
439
- onChange: (e) => u("dayOfWeek", ke(e)),
442
+ value: ke(r.dayOfWeek),
443
+ onChange: (e) => u("dayOfWeek", Ae(e)),
440
444
  labelProps: {
441
445
  label: n.dayOfWeekLabel,
442
446
  required: !0
443
447
  },
444
448
  invalid: !!s.dayOfWeek
445
- }), s.dayOfWeek && /* @__PURE__ */ B("p", {
446
- className: a(k, Y.instructionsError),
449
+ }), s.dayOfWeek && /* @__PURE__ */ z("p", {
450
+ className: a(O, Y.instructionsError),
447
451
  children: s.dayOfWeek
448
452
  })]
449
453
  }),
450
- r.repeat === q.Monthly && /* @__PURE__ */ B(x, {
454
+ r.repeat === q.Monthly && /* @__PURE__ */ z(x, {
451
455
  id: "scheduled-task-day-of-month",
452
456
  value: r.dayOfMonth ?? "",
453
457
  onChange: (e) => u("dayOfMonth", e ?? ""),
@@ -458,7 +462,7 @@ var U = {
458
462
  invalid: !!s.dayOfMonth,
459
463
  error: s.dayOfMonth
460
464
  }),
461
- r.repeat === q.Hourly && /* @__PURE__ */ B(ee, {
465
+ r.repeat === q.Hourly && /* @__PURE__ */ z(ee, {
462
466
  id: "scheduled-task-minute",
463
467
  integer: !0,
464
468
  min: 0,
@@ -472,34 +476,34 @@ var U = {
472
476
  invalid: !!s.minute,
473
477
  error: s.minute
474
478
  }),
475
- /* @__PURE__ */ V("div", {
479
+ /* @__PURE__ */ B("div", {
476
480
  className: "flex flex-row gap-3 desktop:flex-col",
477
- children: [/* @__PURE__ */ V("div", {
481
+ children: [/* @__PURE__ */ B("div", {
478
482
  className: "flex flex-1 flex-col gap-1",
479
- children: [/* @__PURE__ */ B(d, {
483
+ children: [/* @__PURE__ */ z(d, {
480
484
  id: "scheduled-task-start-date",
481
485
  mode: f.Date,
482
- value: Ee(r.startDate),
483
- onChange: (e) => u("startDate", De(e)),
486
+ value: De(r.startDate),
487
+ onChange: (e) => u("startDate", Oe(e)),
484
488
  labelProps: { label: n.startDateLabel },
485
489
  placeholder: n.startDatePlaceholder,
486
490
  invalid: !!s.startDate
487
- }), s.startDate && /* @__PURE__ */ B("p", {
488
- className: a(k, Y.instructionsError),
491
+ }), s.startDate && /* @__PURE__ */ z("p", {
492
+ className: a(O, Y.instructionsError),
489
493
  children: s.startDate
490
494
  })]
491
- }), /* @__PURE__ */ V("div", {
495
+ }), /* @__PURE__ */ B("div", {
492
496
  className: "flex flex-1 flex-col gap-1",
493
- children: [/* @__PURE__ */ B(d, {
497
+ children: [/* @__PURE__ */ z(d, {
494
498
  id: "scheduled-task-end-date",
495
499
  mode: f.Date,
496
- value: Ee(r.endDate),
497
- onChange: (e) => u("endDate", De(e)),
500
+ value: De(r.endDate),
501
+ onChange: (e) => u("endDate", Oe(e)),
498
502
  labelProps: { label: n.endDateLabel },
499
503
  placeholder: n.endDatePlaceholder,
500
504
  invalid: !!s.endDate
501
- }), s.endDate && /* @__PURE__ */ B("p", {
502
- className: a(k, Y.instructionsError),
505
+ }), s.endDate && /* @__PURE__ */ z("p", {
506
+ className: a(O, Y.instructionsError),
503
507
  children: s.endDate
504
508
  })]
505
509
  })]
@@ -509,33 +513,33 @@ var U = {
509
513
  })
510
514
  ]
511
515
  }),
512
- children: /* @__PURE__ */ V("div", {
516
+ children: /* @__PURE__ */ B("div", {
513
517
  role: "group",
514
518
  "aria-label": n.configurationSectionTitle,
515
519
  className: "flex flex-1 flex-col gap-5 px-4 py-6 desktop:px-8",
516
- children: [/* @__PURE__ */ V("div", {
520
+ children: [/* @__PURE__ */ B("div", {
517
521
  className: "flex flex-col gap-1",
518
- children: [/* @__PURE__ */ B("h2", {
522
+ children: [/* @__PURE__ */ z("h2", {
519
523
  className: T,
520
524
  children: n.configurationSectionTitle
521
- }), /* @__PURE__ */ B("p", {
525
+ }), /* @__PURE__ */ z("p", {
522
526
  className: a(E, Y.sectionSubtitle),
523
527
  children: n.configurationSectionSubtitle
524
528
  })]
525
- }), /* @__PURE__ */ V("div", {
529
+ }), /* @__PURE__ */ B("div", {
526
530
  className: "flex flex-1 flex-col gap-1",
527
531
  children: [
528
- /* @__PURE__ */ B("label", {
532
+ /* @__PURE__ */ z("label", {
529
533
  htmlFor: y,
530
534
  className: D,
531
535
  children: n.instructionsLabel
532
536
  }),
533
- /* @__PURE__ */ B("div", {
537
+ /* @__PURE__ */ z("div", {
534
538
  ref: b,
535
539
  className: a(e, t),
536
- children: /* @__PURE__ */ B(ue, {
537
- fallback: /* @__PURE__ */ B(O, {}),
538
- children: /* @__PURE__ */ B(Ae, {
540
+ children: /* @__PURE__ */ z(de, {
541
+ fallback: /* @__PURE__ */ z(re, {}),
542
+ children: /* @__PURE__ */ z(je, {
539
543
  id: y,
540
544
  value: r.prompt,
541
545
  onChange: (e) => u("prompt", e),
@@ -544,8 +548,8 @@ var U = {
544
548
  })
545
549
  })
546
550
  }),
547
- s.prompt && /* @__PURE__ */ B("p", {
548
- className: a(k, Y.instructionsError),
551
+ s.prompt && /* @__PURE__ */ z("p", {
552
+ className: a(O, Y.instructionsError),
549
553
  children: s.prompt
550
554
  })
551
555
  ]
@@ -554,53 +558,53 @@ var U = {
554
558
  });
555
559
  }, X = /* @__PURE__ */ function(e) {
556
560
  return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
557
- }({}), Me = /* @__PURE__ */ function(e) {
561
+ }({}), Ne = /* @__PURE__ */ function(e) {
558
562
  return e.Card = "card", e.Flow = "flow", e;
559
- }({}), Ne = { subtitleText: "_subtitleText_1i4x2_3" }, Pe = ({ instructionsLabel: e, instructionsMarkdown: t, renderInstructions: r, fieldLabelClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ V("div", {
563
+ }({}), Pe = { subtitleText: "_subtitleText_1i4x2_3" }, Fe = ({ instructionsLabel: e, instructionsMarkdown: t, renderInstructions: r, fieldLabelClassName: i = "dial-tiny-text" }) => /* @__PURE__ */ B("div", {
560
564
  role: "group",
561
565
  "aria-label": e,
562
566
  className: "flex flex-col gap-1",
563
- children: [/* @__PURE__ */ B("span", {
564
- className: a(i, Ne.subtitleText),
567
+ children: [/* @__PURE__ */ z("span", {
568
+ className: a(i, Pe.subtitleText),
565
569
  children: e
566
- }), t && (r ? r(t) : /* @__PURE__ */ B(n, { content: t }))]
567
- }), Fe = { subtitleText: "_subtitleText_1i4x2_3" }, Ie = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ V(z, { children: [
568
- t && /* @__PURE__ */ V("div", {
570
+ }), t && (r ? r(t) : /* @__PURE__ */ z(n, { content: t }))]
571
+ }), Ie = { subtitleText: "_subtitleText_1i4x2_3" }, Le = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ B(R, { children: [
572
+ t && /* @__PURE__ */ B("div", {
569
573
  className: "flex flex-col gap-1",
570
- children: [/* @__PURE__ */ B("span", {
571
- className: a(o, Fe.subtitleText),
574
+ children: [/* @__PURE__ */ z("span", {
575
+ className: a(o, Ie.subtitleText),
572
576
  children: e.descriptionLabel
573
- }), /* @__PURE__ */ B("p", {
577
+ }), /* @__PURE__ */ z("p", {
574
578
  className: s,
575
579
  children: t
576
580
  })]
577
581
  }),
578
- n && /* @__PURE__ */ V("div", {
582
+ n && /* @__PURE__ */ B("div", {
579
583
  className: "flex flex-col gap-1",
580
- children: [/* @__PURE__ */ B("span", {
581
- className: a(o, Fe.subtitleText),
584
+ children: [/* @__PURE__ */ z("span", {
585
+ className: a(o, Ie.subtitleText),
582
586
  children: e.modelLabel
583
- }), /* @__PURE__ */ B("p", {
587
+ }), /* @__PURE__ */ z("p", {
584
588
  className: s,
585
589
  children: n
586
590
  })]
587
591
  }),
588
- r && /* @__PURE__ */ V("div", {
592
+ r && /* @__PURE__ */ B("div", {
589
593
  className: "flex flex-col gap-1",
590
- children: [/* @__PURE__ */ B("span", {
591
- className: a(o, Fe.subtitleText),
594
+ children: [/* @__PURE__ */ z("span", {
595
+ className: a(o, Ie.subtitleText),
592
596
  children: e.repeatsLabel
593
- }), /* @__PURE__ */ B("p", {
597
+ }), /* @__PURE__ */ z("p", {
594
598
  className: s,
595
599
  children: r
596
600
  })]
597
601
  }),
598
- i && /* @__PURE__ */ V("div", {
602
+ i && /* @__PURE__ */ B("div", {
599
603
  className: "flex flex-col gap-1",
600
- children: [/* @__PURE__ */ B("span", {
601
- className: a(o, Fe.subtitleText),
604
+ children: [/* @__PURE__ */ z("span", {
605
+ className: a(o, Ie.subtitleText),
602
606
  children: e.activeWindowLabel
603
- }), /* @__PURE__ */ B("p", {
607
+ }), /* @__PURE__ */ z("p", {
604
608
  className: s,
605
609
  children: i
606
610
  })]
@@ -614,25 +618,25 @@ var U = {
614
618
  missedIcon: "_missedIcon_1bug5_13",
615
619
  currentRun: "_currentRun_1bug5_17",
616
620
  unreadDot: "_unreadDot_1bug5_21"
617
- }, Le = ({ status: e }) => {
621
+ }, Re = ({ status: e }) => {
618
622
  switch (e) {
619
- case Z.Success: return /* @__PURE__ */ B(M, {
623
+ case Z.Success: return /* @__PURE__ */ z(j, {
620
624
  size: m.SM,
621
625
  className: Q.successIcon,
622
626
  "aria-hidden": !0,
623
627
  stroke: h
624
628
  });
625
- case Z.Error: return /* @__PURE__ */ B(ae, {
629
+ case Z.Error: return /* @__PURE__ */ z(oe, {
626
630
  size: m.SM,
627
631
  className: Q.errorIcon,
628
632
  "aria-hidden": !0,
629
633
  stroke: h
630
634
  });
631
- case Z.InProgress: return /* @__PURE__ */ B("span", {
635
+ case Z.InProgress: return /* @__PURE__ */ z("span", {
632
636
  "aria-hidden": !0,
633
- children: /* @__PURE__ */ B(O, { size: m.SM })
637
+ children: /* @__PURE__ */ z(re, { size: m.SM })
634
638
  });
635
- case Z.Missed: return /* @__PURE__ */ B(j, {
639
+ case Z.Missed: return /* @__PURE__ */ z(A, {
636
640
  size: m.SM,
637
641
  className: Q.missedIcon,
638
642
  "aria-hidden": !0,
@@ -640,7 +644,7 @@ var U = {
640
644
  });
641
645
  default: return null;
642
646
  }
643
- }, Re = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: f }) => {
647
+ }, ze = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: f }) => {
644
648
  let { colors: p, typography: m } = f ?? {}, g = m?.runTimestampClassName ?? "dial-small-text", _ = m?.subtitleClassName ?? "dial-body-text", y = u.unreadIndicatorLabel ?? "Unread", b = i({
645
649
  "--strhl-success-icon": p?.successIconColor,
646
650
  "--strhl-error-icon": p?.errorIconColor,
@@ -650,7 +654,7 @@ var U = {
650
654
  "--strhl-unread-dot": p?.unreadDotColor
651
655
  }), x = (e) => {
652
656
  let t = u.runStatusLabels[e.status], n = e.id === c, r = [e.isUnread ? y : void 0, n ? u.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), o = !!e.conversationId && !!l;
653
- return /* @__PURE__ */ V("li", {
657
+ return /* @__PURE__ */ B("li", {
654
658
  ...o ? {
655
659
  role: "button",
656
660
  tabIndex: 0,
@@ -662,106 +666,106 @@ var U = {
662
666
  "aria-label": i,
663
667
  "aria-current": n ? "true" : void 0,
664
668
  className: a("flex h-8 items-center justify-between gap-2 rounded-full pe-2 ps-5", n && Q.currentRun, o && "cursor-pointer"),
665
- children: [/* @__PURE__ */ V("span", {
669
+ children: [/* @__PURE__ */ B("span", {
666
670
  className: "flex items-center gap-2 truncate",
667
- children: [/* @__PURE__ */ B("span", {
671
+ children: [/* @__PURE__ */ z("span", {
668
672
  className: "relative flex size-3 shrink-0 items-center justify-center",
669
- children: e.isUnread && /* @__PURE__ */ B("span", {
673
+ children: e.isUnread && /* @__PURE__ */ z("span", {
670
674
  className: a("size-[5.33px] rounded-full", Q.unreadDot),
671
675
  "aria-hidden": !0
672
676
  })
673
- }), /* @__PURE__ */ B("span", {
677
+ }), /* @__PURE__ */ z("span", {
674
678
  className: a(g, "truncate"),
675
679
  children: e.timestampLabel
676
680
  })]
677
- }), /* @__PURE__ */ B("span", {
681
+ }), /* @__PURE__ */ z("span", {
678
682
  className: "flex h-8 w-14 shrink-0 items-center justify-end",
679
- children: /* @__PURE__ */ B(Le, { status: e.status })
683
+ children: /* @__PURE__ */ z(Re, { status: e.status })
680
684
  })]
681
685
  }, e.id);
682
- }, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ V("li", {
686
+ }, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ B("li", {
683
687
  "aria-hidden": "true",
684
688
  className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
685
- children: [/* @__PURE__ */ B(E, {
689
+ children: [/* @__PURE__ */ z(E, {
686
690
  variant: D.Rectangular,
687
691
  width: "160px",
688
692
  height: "16px"
689
- }), /* @__PURE__ */ B(E, {
693
+ }), /* @__PURE__ */ z(E, {
690
694
  variant: D.Rectangular,
691
695
  width: "16px",
692
696
  height: "16px",
693
697
  className: "shrink-0 rounded-full"
694
698
  })]
695
699
  }, `history-skeleton-${t}`));
696
- return t && e.length === 0 ? /* @__PURE__ */ B("ul", {
700
+ return t && e.length === 0 ? /* @__PURE__ */ z("ul", {
697
701
  style: b,
698
702
  "aria-label": u.historyTitle,
699
703
  className: "flex flex-col gap-0.5",
700
704
  children: S(r)
701
- }) : o && e.length === 0 ? /* @__PURE__ */ V("div", {
705
+ }) : o && e.length === 0 ? /* @__PURE__ */ B("div", {
702
706
  style: b,
703
707
  className: "flex flex-col items-start gap-3",
704
- children: [/* @__PURE__ */ B("p", {
708
+ children: [/* @__PURE__ */ z("p", {
705
709
  role: "alert",
706
710
  className: a(_, Q.subtitleText),
707
711
  children: u.errorLabel
708
- }), /* @__PURE__ */ B(v, {
712
+ }), /* @__PURE__ */ z(v, {
709
713
  label: u.retryLabel,
710
714
  onClick: s
711
715
  })]
712
- }) : e.length === 0 ? /* @__PURE__ */ V("div", {
716
+ }) : e.length === 0 ? /* @__PURE__ */ B("div", {
713
717
  style: b,
714
718
  className: "flex w-full flex-col items-center justify-center gap-2 py-4",
715
- children: [/* @__PURE__ */ B(N, {
719
+ children: [/* @__PURE__ */ z(M, {
716
720
  size: 44,
717
721
  stroke: h,
718
722
  className: Q.subtitleText,
719
723
  "aria-hidden": !0
720
- }), /* @__PURE__ */ B("p", {
724
+ }), /* @__PURE__ */ z("p", {
721
725
  role: "status",
722
726
  className: g,
723
727
  children: u.emptyLabel
724
728
  })]
725
- }) : /* @__PURE__ */ V("ul", {
729
+ }) : /* @__PURE__ */ B("ul", {
726
730
  style: b,
727
731
  "aria-label": u.historyTitle,
728
732
  className: "flex flex-col gap-0.5",
729
733
  children: [
730
734
  e.map(x),
731
735
  n && S(r),
732
- o ? /* @__PURE__ */ V("li", {
736
+ o ? /* @__PURE__ */ B("li", {
733
737
  className: "flex flex-col items-start gap-3 px-5 py-2",
734
- children: [/* @__PURE__ */ B("p", {
738
+ children: [/* @__PURE__ */ z("p", {
735
739
  role: "alert",
736
740
  className: a(_, Q.subtitleText),
737
741
  children: u.errorLabel
738
- }), /* @__PURE__ */ B(v, {
742
+ }), /* @__PURE__ */ z(v, {
739
743
  label: u.retryLabel,
740
744
  onClick: s
741
745
  })]
742
746
  }) : d
743
747
  ]
744
748
  });
745
- }, ze = {
749
+ }, Be = {
746
750
  historyCard: "_historyCard_qqobi_4",
747
751
  subtitleText: "_subtitleText_qqobi_8"
748
- }, Be = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: o = !1, skeletonCount: s = 6, error: c, onRetry: l, hasMore: u = !1, onLoadMore: d, onRunClick: f, runTimestampClassName: p = "dial-small-text", sectionTitleClassName: m = "dial-body-semi-text", colors: h }) => {
749
- let g = e === Me.Card, _ = g ? a("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", ze.historyCard) : "pt-2", y = d && u && t.historyShowMoreLabel ? /* @__PURE__ */ B("li", {
752
+ }, Ve = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: o = !1, skeletonCount: s = 6, error: c, onRetry: l, hasMore: u = !1, onLoadMore: d, onRunClick: f, runTimestampClassName: p = "dial-small-text", sectionTitleClassName: m = "dial-body-semi-text", colors: h }) => {
753
+ let g = e === Ne.Card, _ = g ? a("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", Be.historyCard) : "pt-2", y = d && u && t.historyShowMoreLabel ? /* @__PURE__ */ z("li", {
750
754
  className: _,
751
- children: /* @__PURE__ */ B(v, {
755
+ children: /* @__PURE__ */ z(v, {
752
756
  label: t.historyShowMoreLabel,
753
757
  onClick: d,
754
758
  disabled: o
755
759
  })
756
- }) : void 0, b = n ? /* @__PURE__ */ B("p", {
757
- className: a(p, ze.subtitleText),
760
+ }) : void 0, b = n ? /* @__PURE__ */ z("p", {
761
+ className: a(p, Be.subtitleText),
758
762
  children: n
759
- }) : void 0, x = t.historyLoadingMoreLabel ? /* @__PURE__ */ B("span", {
763
+ }) : void 0, x = t.historyLoadingMoreLabel ? /* @__PURE__ */ z("span", {
760
764
  role: "status",
761
765
  "aria-live": "polite",
762
766
  className: "sr-only",
763
767
  children: o ? t.historyLoadingMoreLabel : ""
764
- }) : void 0, S = /* @__PURE__ */ B(Re, {
768
+ }) : void 0, S = /* @__PURE__ */ z(ze, {
765
769
  items: r,
766
770
  isLoading: i,
767
771
  isLoadingMore: o,
@@ -783,23 +787,23 @@ var U = {
783
787
  colors: h
784
788
  }
785
789
  });
786
- return g ? /* @__PURE__ */ V("div", {
787
- className: a("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", ze.historyCard),
788
- children: [/* @__PURE__ */ V("div", {
789
- className: a("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", ze.historyCard),
790
+ return g ? /* @__PURE__ */ B("div", {
791
+ className: a("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", Be.historyCard),
792
+ children: [/* @__PURE__ */ B("div", {
793
+ className: a("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", Be.historyCard),
790
794
  children: [
791
- /* @__PURE__ */ B("h2", {
795
+ /* @__PURE__ */ z("h2", {
792
796
  className: m,
793
797
  children: t.historyTitle
794
798
  }),
795
799
  b,
796
800
  x
797
801
  ]
798
- }), /* @__PURE__ */ B("div", {
802
+ }), /* @__PURE__ */ z("div", {
799
803
  className: "flex flex-1 flex-col gap-4 px-6 pb-2",
800
804
  children: S
801
805
  })]
802
- }) : /* @__PURE__ */ V("div", {
806
+ }) : /* @__PURE__ */ B("div", {
803
807
  className: "flex flex-col gap-4",
804
808
  children: [
805
809
  b,
@@ -812,14 +816,14 @@ var U = {
812
816
  header: "_header_178k1_8",
813
817
  detailsColumn: "_detailsColumn_178k1_12",
814
818
  subtitleText: "_subtitleText_178k1_16"
815
- }, Ve = ({ labels: e, onBack: t, onEdit: n, onDelete: r, isDeleting: o = !1, isDeleted: c = !1, isActive: l, isActiveUpdating: d = !1, isActiveDisabled: f = !1, onActiveChange: p, displayName: g, isLoading: _ = !1, error: b, onRetry: x, description: S, modelLabel: C, repeatsLabel: ee, activeWindowLabel: te, nextRunLabel: T, instructionsMarkdown: ne, renderInstructions: E, runs: D, runsIsLoading: A = !1, runsIsLoadingMore: j = !1, runsSkeletonCount: M = 6, runsError: ae, onRunsRetry: N, runsHasMore: se = !1, onRunsLoadMore: ce, onRunClick: ue, styles: de }) => {
816
- let { colors: P, typography: F } = de ?? {}, I = F?.titleClassName ?? "dial-h2-text", L = F?.sectionTitleClassName ?? "dial-body-semi-text", fe = F?.fieldLabelClassName ?? "dial-tiny-text", R = F?.fieldValueClassName ?? "dial-small-text", z = F?.runTimestampClassName ?? "dial-small-text", H = i({
817
- "--stdv-bg": P?.background,
818
- "--stdv-header-border": P?.headerBorder,
819
- "--stdv-details-border": P?.detailsColumnBorder,
820
- "--stdv-subtitle-text": P?.subtitleText,
821
- "--stdv-history-bg": P?.historyCardBackground
822
- }), me = s(), [U, he] = pe(X.Details), ge = [
819
+ }, He = ({ labels: e, onBack: t, onEdit: n, onDelete: r, isDeleting: o = !1, isDeleted: c = !1, isActive: l, isActiveUpdating: d = !1, isActiveDisabled: f = !1, onActiveChange: p, displayName: g, isLoading: _ = !1, error: b, onRetry: x, description: S, modelLabel: C, repeatsLabel: ee, activeWindowLabel: te, nextRunLabel: T, instructionsMarkdown: ne, renderInstructions: E, runs: D, runsIsLoading: k = !1, runsIsLoadingMore: A = !1, runsSkeletonCount: j = 6, runsError: oe, onRunsRetry: M, runsHasMore: ce = !1, onRunsLoadMore: le, onRunClick: de, styles: fe }) => {
820
+ let { colors: N, typography: P } = fe ?? {}, F = P?.titleClassName ?? "dial-h2-text", I = P?.sectionTitleClassName ?? "dial-body-semi-text", pe = P?.fieldLabelClassName ?? "dial-tiny-text", L = P?.fieldValueClassName ?? "dial-small-text", R = P?.runTimestampClassName ?? "dial-small-text", V = i({
821
+ "--stdv-bg": N?.background,
822
+ "--stdv-header-border": N?.headerBorder,
823
+ "--stdv-details-border": N?.detailsColumnBorder,
824
+ "--stdv-subtitle-text": N?.subtitleText,
825
+ "--stdv-history-bg": N?.historyCardBackground
826
+ }), he = s(), [H, U] = me(X.Details), W = [
823
827
  {
824
828
  id: X.Details,
825
829
  label: e.detailsTitle
@@ -832,7 +836,7 @@ var U = {
832
836
  id: X.History,
833
837
  label: e.historyTitle
834
838
  }
835
- ], _e = ge.find((e) => e.id === U)?.label ?? e.detailsTitle, W = /* @__PURE__ */ B(Ie, {
839
+ ], ge = W.find((e) => e.id === H)?.label ?? e.detailsTitle, _e = /* @__PURE__ */ z(Le, {
836
840
  labels: {
837
841
  descriptionLabel: e.descriptionLabel,
838
842
  modelLabel: e.modelLabel,
@@ -843,14 +847,14 @@ var U = {
843
847
  modelLabel: C,
844
848
  repeatsLabel: ee,
845
849
  activeWindowLabel: te,
846
- fieldLabelClassName: fe,
847
- fieldValueClassName: R
848
- }), G = /* @__PURE__ */ B(Pe, {
850
+ fieldLabelClassName: pe,
851
+ fieldValueClassName: L
852
+ }), G = /* @__PURE__ */ z(Fe, {
849
853
  instructionsLabel: e.instructionsLabel,
850
854
  instructionsMarkdown: ne,
851
855
  renderInstructions: E,
852
- fieldLabelClassName: fe
853
- }), ve = (t) => /* @__PURE__ */ B(Be, {
856
+ fieldLabelClassName: pe
857
+ }), ve = (t) => /* @__PURE__ */ z(Ve, {
854
858
  variant: t,
855
859
  labels: {
856
860
  historyTitle: e.historyTitle,
@@ -864,29 +868,29 @@ var U = {
864
868
  },
865
869
  nextRunLabel: T,
866
870
  items: D,
867
- isLoading: A,
868
- isLoadingMore: j,
869
- skeletonCount: M,
870
- error: ae,
871
- onRetry: N,
872
- hasMore: se,
873
- onLoadMore: ce,
874
- onRunClick: ue,
875
- runTimestampClassName: z,
876
- sectionTitleClassName: L,
877
- colors: P
871
+ isLoading: k,
872
+ isLoadingMore: A,
873
+ skeletonCount: j,
874
+ error: oe,
875
+ onRetry: M,
876
+ hasMore: ce,
877
+ onLoadMore: le,
878
+ onRunClick: de,
879
+ runTimestampClassName: R,
880
+ sectionTitleClassName: I,
881
+ colors: N
878
882
  });
879
- return /* @__PURE__ */ V("div", {
880
- style: H,
883
+ return /* @__PURE__ */ B("div", {
884
+ style: V,
881
885
  className: a("flex h-full w-full flex-col overflow-y-auto", $.container),
882
886
  children: [
883
- /* @__PURE__ */ V("div", {
887
+ /* @__PURE__ */ B("div", {
884
888
  className: a("flex h-16 shrink-0 items-center justify-between gap-2 border-t px-8 desktop:border-b desktop:border-t-0", $.header),
885
- children: [/* @__PURE__ */ V("div", {
889
+ children: [/* @__PURE__ */ B("div", {
886
890
  className: "flex min-w-0 items-center gap-2",
887
891
  children: [
888
- /* @__PURE__ */ B(y, {
889
- icon: /* @__PURE__ */ B(ie, {
892
+ /* @__PURE__ */ z(y, {
893
+ icon: /* @__PURE__ */ z(ae, {
890
894
  size: m.LG,
891
895
  className: "rtl:scale-x-[-1]",
892
896
  "aria-hidden": !0,
@@ -895,29 +899,29 @@ var U = {
895
899
  "aria-label": e.backAriaLabel,
896
900
  onClick: t
897
901
  }),
898
- /* @__PURE__ */ B("h1", {
899
- className: a("hidden truncate desktop:block", I),
902
+ /* @__PURE__ */ z("h1", {
903
+ className: a("hidden truncate desktop:block", F),
900
904
  children: g
901
905
  }),
902
- c && /* @__PURE__ */ B("span", {
903
- className: a("hidden shrink-0 desktop:inline", R, $.subtitleText),
906
+ c && /* @__PURE__ */ z("span", {
907
+ className: a("hidden shrink-0 desktop:inline", L, $.subtitleText),
904
908
  children: e.deletedStateLabel
905
909
  })
906
910
  ]
907
- }), /* @__PURE__ */ V("div", {
911
+ }), /* @__PURE__ */ B("div", {
908
912
  className: "flex shrink-0 items-center gap-2",
909
913
  children: [
910
- !c && l !== void 0 && /* @__PURE__ */ B(k, {
914
+ !c && l !== void 0 && /* @__PURE__ */ z(O, {
911
915
  id: "scheduled-task-active-switch",
912
916
  labelProps: { label: e.activeStatusLabel },
913
917
  isOn: l,
914
918
  disabled: d || f || o,
915
919
  onChange: (e) => p?.(e)
916
920
  }),
917
- !c && r && /* @__PURE__ */ B(v, {
921
+ !c && r && /* @__PURE__ */ z(v, {
918
922
  variant: u.Danger,
919
923
  label: e.deleteButtonLabel,
920
- iconBefore: /* @__PURE__ */ B(le, {
924
+ iconBefore: /* @__PURE__ */ z(ue, {
921
925
  size: m.SM,
922
926
  "aria-hidden": !0,
923
927
  stroke: h
@@ -926,9 +930,9 @@ var U = {
926
930
  disabled: o,
927
931
  className: "shrink-0"
928
932
  }),
929
- !c && n && /* @__PURE__ */ B(w, {
933
+ !c && n && /* @__PURE__ */ z(w, {
930
934
  label: e.editButtonLabel,
931
- iconBefore: /* @__PURE__ */ B(oe, {
935
+ iconBefore: /* @__PURE__ */ z(se, {
932
936
  size: m.SM,
933
937
  "aria-hidden": !0,
934
938
  stroke: h
@@ -940,98 +944,98 @@ var U = {
940
944
  ]
941
945
  })]
942
946
  }),
943
- /* @__PURE__ */ V("div", {
947
+ /* @__PURE__ */ B("div", {
944
948
  className: "flex min-w-0 items-center gap-2 px-8 py-3 desktop:hidden",
945
- children: [/* @__PURE__ */ B("h1", {
946
- className: a("truncate", I),
949
+ children: [/* @__PURE__ */ z("h1", {
950
+ className: a("truncate", F),
947
951
  children: g
948
- }), c && /* @__PURE__ */ B("span", {
949
- className: a("shrink-0", R, $.subtitleText),
952
+ }), c && /* @__PURE__ */ z("span", {
953
+ className: a("shrink-0", L, $.subtitleText),
950
954
  children: e.deletedStateLabel
951
955
  })]
952
956
  }),
953
- e.activeStatusAnnouncement != null && /* @__PURE__ */ B("span", {
957
+ e.activeStatusAnnouncement != null && /* @__PURE__ */ z("span", {
954
958
  role: "status",
955
959
  "aria-live": "polite",
956
960
  className: "sr-only",
957
961
  children: e.activeStatusAnnouncement
958
962
  }),
959
- _ && /* @__PURE__ */ B("div", {
963
+ _ && /* @__PURE__ */ z("div", {
960
964
  className: "flex flex-1 items-center justify-center",
961
- children: /* @__PURE__ */ B(O, {})
965
+ children: /* @__PURE__ */ z(re, {})
962
966
  }),
963
- !_ && b && /* @__PURE__ */ V("div", {
967
+ !_ && b && /* @__PURE__ */ B("div", {
964
968
  className: "flex flex-1 flex-col items-center justify-center gap-3",
965
- children: [/* @__PURE__ */ B("p", {
966
- className: a(R, $.subtitleText),
969
+ children: [/* @__PURE__ */ z("p", {
970
+ className: a(L, $.subtitleText),
967
971
  children: e.errorLabel
968
- }), /* @__PURE__ */ B(v, {
972
+ }), /* @__PURE__ */ z(v, {
969
973
  label: e.retryLabel,
970
974
  onClick: x
971
975
  })]
972
976
  }),
973
- !_ && !b && (me ? /* @__PURE__ */ V("div", {
977
+ !_ && !b && (he ? /* @__PURE__ */ B("div", {
974
978
  className: "flex flex-1 flex-col",
975
- children: [/* @__PURE__ */ B(re, {
979
+ children: [/* @__PURE__ */ z(ie, {
976
980
  ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
977
981
  className: "px-8",
978
- tabs: ge,
979
- activeTabId: U,
980
- onTabChange: he
981
- }), /* @__PURE__ */ B("div", {
982
+ tabs: W,
983
+ activeTabId: H,
984
+ onTabChange: U
985
+ }), /* @__PURE__ */ z("div", {
982
986
  role: "tabpanel",
983
- "aria-label": _e,
987
+ "aria-label": ge,
984
988
  className: "flex flex-1 flex-col gap-5 px-8 py-6",
985
- children: U === X.Configuration ? G : U === X.History ? ve(Me.Flow) : W
989
+ children: H === X.Configuration ? G : H === X.History ? ve(Ne.Flow) : _e
986
990
  })]
987
- }) : /* @__PURE__ */ V("div", {
991
+ }) : /* @__PURE__ */ B("div", {
988
992
  className: "flex flex-1 flex-col desktop:flex-row",
989
993
  children: [
990
- /* @__PURE__ */ V("div", {
994
+ /* @__PURE__ */ B("div", {
991
995
  role: "group",
992
996
  "aria-label": e.detailsTitle,
993
997
  className: a("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
994
- children: [/* @__PURE__ */ B("h2", {
995
- className: L,
998
+ children: [/* @__PURE__ */ z("h2", {
999
+ className: I,
996
1000
  children: e.detailsTitle
997
- }), W]
1001
+ }), _e]
998
1002
  }),
999
- /* @__PURE__ */ V("div", {
1003
+ /* @__PURE__ */ B("div", {
1000
1004
  className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
1001
- children: [/* @__PURE__ */ B("h2", {
1002
- className: L,
1005
+ children: [/* @__PURE__ */ z("h2", {
1006
+ className: I,
1003
1007
  children: e.configurationTitle
1004
1008
  }), G]
1005
1009
  }),
1006
- /* @__PURE__ */ B("div", {
1010
+ /* @__PURE__ */ z("div", {
1007
1011
  className: "flex w-full justify-center p-6 desktop:w-auto desktop:items-start",
1008
- children: ve(Me.Card)
1012
+ children: ve(Ne.Card)
1009
1013
  })
1010
1014
  ]
1011
1015
  }))
1012
1016
  ]
1013
1017
  });
1014
- }, He = ({ modelLabel: e, instructionsLabel: t, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
1018
+ }, Ue = ({ modelLabel: e, instructionsLabel: t, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
1015
1019
  let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
1016
- return /* @__PURE__ */ V("div", {
1020
+ return /* @__PURE__ */ B("div", {
1017
1021
  className: "flex flex-col gap-3",
1018
- children: [r && /* @__PURE__ */ V("div", {
1022
+ children: [r && /* @__PURE__ */ B("div", {
1019
1023
  className: "flex flex-col gap-2",
1020
- children: [/* @__PURE__ */ B("span", {
1024
+ children: [/* @__PURE__ */ z("span", {
1021
1025
  className: s,
1022
1026
  children: e
1023
- }), /* @__PURE__ */ B("p", {
1027
+ }), /* @__PURE__ */ z("p", {
1024
1028
  className: c,
1025
1029
  children: r
1026
1030
  })]
1027
- }), i && /* @__PURE__ */ V("div", {
1031
+ }), i && /* @__PURE__ */ B("div", {
1028
1032
  className: "flex flex-col gap-2",
1029
- children: [/* @__PURE__ */ B("span", {
1033
+ children: [/* @__PURE__ */ z("span", {
1030
1034
  className: s,
1031
1035
  children: t
1032
- }), ((e) => a ? a(e) : /* @__PURE__ */ B(n, { content: e }))(i)]
1036
+ }), ((e) => a ? a(e) : /* @__PURE__ */ z(n, { content: e }))(i)]
1033
1037
  })]
1034
1038
  });
1035
1039
  };
1036
1040
  //#endregion
1037
- export { Ce as DESCRIPTION_MAX_LENGTH, he as ScheduledTaskCard, ve as ScheduledTaskCardGrid, G as ScheduledTaskCardSkeleton, je as ScheduledTaskCreateForm, Ve as ScheduledTaskDetailView, He as ScheduledTaskDetailsSummary, q as ScheduledTaskRepeat, Re as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, xe as ScheduledTasks, Se as ScheduledTasksSortKey };
1041
+ export { we as DESCRIPTION_MAX_LENGTH, H as SCHEDULED_TASKS_CLASS, W as ScheduledTaskCard, ye as ScheduledTaskCardGrid, ve as ScheduledTaskCardSkeleton, Me as ScheduledTaskCreateForm, He as ScheduledTaskDetailView, Ue as ScheduledTaskDetailsSummary, q as ScheduledTaskRepeat, ze as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, Se as ScheduledTasks, Ce as ScheduledTasksSortKey };