@epam/ai-dial-scheduled-tasks 1.1.0-dev.402 → 1.1.0-dev.411

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 (2) hide show
  1. package/index.js +224 -223
  2. package/package.json +4 -4
package/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import { MDMessageViewer as e, PanelEmptyState as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
2
- import { Button as i, ButtonAppearance as a, ButtonVariant as o, Calendar as s, CalendarMode as c, CardShell as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, Dropdown as f, ElementSize as p, EllipsisTooltip as m, FolderPath as h, GhostButton as g, GhostIconButton as _, Highlight as v, Input as y, Label as b, LazyMarkdownEditor as x, NeutralButton as S, NumberInput as C, PrimaryButton as w, Search as T, Select as E, Skeleton as D, SkeletonVariant as O, Spinner as k, Switch as ee, Textarea as A } from "@epam/ai-dial-ui-kit";
3
- import { IconAlertTriangle as j, IconArrowLeft as te, IconCalendarTime as ne, IconCheck as M, IconChevronDown as re, IconChevronUp as ie, IconCircleCheck as ae, IconCircleX as N, IconClipboardX as P, IconPencilMinus as oe, IconPlayerPause as F, IconPlus as se, IconTrashX as I } from "@tabler/icons-react";
4
- import { Suspense as L, lazy as R, useEffect as ce, useId as z, useRef as B, useState as V } from "react";
5
- import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
6
- import { BuilderFormContainer as G } from "@epam/ai-dial-builder-form";
2
+ import { Button as i, ButtonAppearance as a, ButtonVariant as o, Calendar as s, CalendarMode as c, CardShell as l, DIAL_ICON_SIZE as u, DIAL_KIT_ICON_STROKE as d, Dropdown as f, ElementSize as p, EllipsisTooltip as m, FolderPath as h, GhostButton as g, GhostIconButton as _, Highlight as v, Input as y, Label as b, NeutralButton as x, NumberInput as S, PrimaryButton as C, Search as w, Select as T, Skeleton as E, SkeletonVariant as D, Spinner as O, Switch as ee, Textarea as k } from "@epam/ai-dial-ui-kit";
3
+ import { IconAlertTriangle as A, IconArrowLeft as j, IconCalendarTime as te, IconCheck as ne, IconChevronDown as M, IconChevronUp as re, IconCircleCheck as ie, IconCircleX as ae, IconClipboardX as N, IconPencilMinus as oe, IconPlayerPause as P, IconPlus as se, IconTrashX as ce } from "@tabler/icons-react";
4
+ import { Suspense as F, lazy as I, useEffect as L, useId as R, useRef as z, useState as B } from "react";
5
+ import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
6
+ import { BuilderFormContainer as W } from "@epam/ai-dial-builder-form";
7
+ import { LazyMarkdownEditor as G } from "@epam/ai-dial-ui-kit/editors";
7
8
  var K = {
8
9
  title: "_title_1hxc3_1",
9
10
  description: "_description_1hxc3_5",
@@ -37,45 +38,45 @@ var K = {
37
38
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(e.id));
38
39
  }
39
40
  } : {};
40
- return /* @__PURE__ */ W(l, {
41
+ return /* @__PURE__ */ U(l, {
41
42
  role: i ? "button" : "group",
42
43
  "aria-label": e.displayName,
43
44
  style: T,
44
45
  className: r("h-[232px]", i && "cursor-pointer", s),
45
46
  ...E,
46
47
  children: [
47
- /* @__PURE__ */ W("div", {
48
+ /* @__PURE__ */ U("div", {
48
49
  className: "flex min-w-0 shrink-0 items-center gap-2",
49
- children: [/* @__PURE__ */ U(v, {
50
+ children: [/* @__PURE__ */ H(v, {
50
51
  text: e.displayName,
51
52
  query: t,
52
53
  maxLines: 1,
53
54
  className: r(g, K.title)
54
- }), e.isNew && /* @__PURE__ */ U("span", {
55
+ }), e.isNew && /* @__PURE__ */ H("span", {
55
56
  className: r("shrink-0 rounded-full px-2 py-0.5", C, K.newBadge),
56
57
  children: c
57
58
  })]
58
59
  }),
59
- e.descriptionPreview && /* @__PURE__ */ U("p", {
60
+ e.descriptionPreview && /* @__PURE__ */ H("p", {
60
61
  className: r("line-clamp-4 min-h-0 flex-1 overflow-hidden", y, _, K.description),
61
62
  children: e.descriptionPreview
62
63
  }),
63
- /* @__PURE__ */ W("div", {
64
+ /* @__PURE__ */ U("div", {
64
65
  className: "mt-auto flex shrink-0 flex-col gap-3",
65
- children: [/* @__PURE__ */ U("div", {
66
+ children: [/* @__PURE__ */ H("div", {
66
67
  className: "flex min-h-[28px] items-center",
67
- children: e.isActive === !1 ? /* @__PURE__ */ W("span", {
68
+ children: e.isActive === !1 ? /* @__PURE__ */ U("span", {
68
69
  className: r("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", K.pausedPill, w, K.pausedLabel),
69
- children: [/* @__PURE__ */ U(F, {
70
+ children: [/* @__PURE__ */ H(P, {
70
71
  size: u.SM,
71
72
  "aria-hidden": !0,
72
73
  stroke: d
73
74
  }), f]
74
- }) : /* @__PURE__ */ U("span", {
75
+ }) : /* @__PURE__ */ H("span", {
75
76
  className: r("inline-block rounded-lg border px-2 py-1", K.schedulePill, b, K.scheduleLabel),
76
77
  children: e.scheduleLabel
77
78
  })
78
- }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ U(h, {
79
+ }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ H(h, {
79
80
  segments: e.locationSegments,
80
81
  labelClassName: r(x, K.locationLabel),
81
82
  leafClassName: r(S, K.locationLeaf),
@@ -88,44 +89,44 @@ var K = {
88
89
  "100%",
89
90
  "100%",
90
91
  "61%"
91
- ], fe = "var(--stcs-skeleton-bg)", pe = ({ styles: e }) => /* @__PURE__ */ W(l, {
92
+ ], fe = "var(--stcs-skeleton-bg)", pe = ({ styles: e }) => /* @__PURE__ */ U(l, {
92
93
  "aria-hidden": !0,
93
94
  style: n({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
94
95
  className: r("h-[232px]", ue.card),
95
96
  children: [
96
- /* @__PURE__ */ U(D, {
97
- variant: O.Rectangular,
97
+ /* @__PURE__ */ H(E, {
98
+ variant: D.Rectangular,
98
99
  width: "60%",
99
100
  height: "20px",
100
101
  color: fe,
101
102
  className: "shrink-0"
102
103
  }),
103
- /* @__PURE__ */ U("div", {
104
+ /* @__PURE__ */ H("div", {
104
105
  className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
105
- children: de.map((e, t) => /* @__PURE__ */ U(D, {
106
- variant: O.Rectangular,
106
+ children: de.map((e, t) => /* @__PURE__ */ H(E, {
107
+ variant: D.Rectangular,
107
108
  width: e,
108
109
  height: "16px",
109
110
  color: fe
110
111
  }, t))
111
112
  }),
112
- /* @__PURE__ */ U(D, {
113
- variant: O.Rectangular,
113
+ /* @__PURE__ */ H(E, {
114
+ variant: D.Rectangular,
114
115
  width: "110px",
115
116
  height: "28px",
116
117
  color: fe,
117
118
  className: "shrink-0 rounded-lg"
118
119
  })
119
120
  ]
120
- }), me = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ W("div", {
121
+ }), me = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ U("div", {
121
122
  className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
122
- children: [e.map((e) => /* @__PURE__ */ U(le, {
123
+ children: [e.map((e) => /* @__PURE__ */ H(le, {
123
124
  item: e,
124
125
  searchQuery: t,
125
126
  onCardClick: n,
126
127
  labels: r,
127
128
  styles: i
128
- }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ U(pe, { styles: o }, `skeleton-${t}`))]
129
+ }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(pe, { styles: o }, `skeleton-${t}`))]
129
130
  }), q = {
130
131
  container: "_container_r5sk9_1",
131
132
  subtitle: "_subtitle_r5sk9_5",
@@ -136,98 +137,98 @@ var K = {
136
137
  if (!e || e === document.body) return null;
137
138
  let { overflow: t, overflowY: n } = getComputedStyle(e);
138
139
  return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : ge(e.parentElement);
139
- }, _e = ({ labels: e, onCreateClick: s, searchQuery: c, onSearchQueryChange: l, sortKey: h, onSortChange: _, items: v, isLoading: y = !1, error: b, onRetry: x, hasMore: S = !1, isLoadingMore: C = !1, skeletonCount: E = 6, onLoadMore: D, onCardClick: O, styles: ee }) => {
140
- let { colors: A, typography: j, emptyStateIconSize: te = 48 } = ee ?? {}, ae = j?.titleClassName ?? "dial-h1-text", N = j?.subtitleClassName ?? "dial-body-text", P = n({
140
+ }, _e = ({ labels: e, onCreateClick: s, searchQuery: c, onSearchQueryChange: l, sortKey: h, onSortChange: _, items: v, isLoading: y = !1, error: b, onRetry: x, hasMore: S = !1, isLoadingMore: T = !1, skeletonCount: E = 6, onLoadMore: D, onCardClick: ee, styles: k }) => {
141
+ let { colors: A, typography: j, emptyStateIconSize: ie = 48 } = k ?? {}, ae = j?.titleClassName ?? "dial-h1-text", N = j?.subtitleClassName ?? "dial-body-text", oe = n({
141
142
  "--st-bg": A?.background,
142
143
  "--st-subtitle-text": A?.subtitleText,
143
144
  "--st-sort-text": A?.sortButtonText
144
- }), oe = (e) => {
145
+ }), P = (e) => {
145
146
  l(e ?? "");
146
- }, [F, I] = V(!1), L = e.sortOptions.find((e) => e.key === h)?.label ?? e.sortLabel, R = e.sortOptions.map((e) => {
147
+ }, [ce, F] = B(!1), I = e.sortOptions.find((e) => e.key === h)?.label ?? e.sortLabel, R = e.sortOptions.map((e) => {
147
148
  let t = e.key === h;
148
149
  return {
149
150
  ...e,
150
151
  selectable: !0,
151
152
  checked: t,
152
- renderItem: () => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(m, { text: e.label }), t && /* @__PURE__ */ U(M, {
153
+ renderItem: () => /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(m, { text: e.label }), t && /* @__PURE__ */ H(ne, {
153
154
  size: u.SM,
154
155
  stroke: d,
155
156
  "aria-hidden": !0
156
157
  })] }),
157
158
  onClick: () => {
158
- I(!1), _(e.key);
159
+ F(!1), _(e.key);
159
160
  }
160
161
  };
161
- }), z = he(y, C, !!b, v.length, c.trim().length > 0, e), G = B(null);
162
- ce(() => {
162
+ }), W = he(y, T, !!b, v.length, c.trim().length > 0, e), G = z(null);
163
+ L(() => {
163
164
  let e = G.current;
164
165
  if (!e || !D) return;
165
166
  let t = ge(e.parentElement);
166
167
  if (!t) return;
167
168
  let n = () => {
168
- if (C || y || !S) return;
169
+ if (T || y || !S) return;
169
170
  let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
170
171
  r.top < n.bottom && r.bottom > n.top && D();
171
172
  };
172
173
  return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
173
174
  }, [
174
175
  S,
175
- C,
176
+ T,
176
177
  y,
177
178
  D
178
179
  ]);
179
- let K = () => y ? /* @__PURE__ */ U(k, {}) : b ? /* @__PURE__ */ W("div", {
180
+ let K = () => y ? /* @__PURE__ */ H(O, {}) : b ? /* @__PURE__ */ U("div", {
180
181
  className: "flex flex-col items-center gap-3",
181
- children: [/* @__PURE__ */ U("p", {
182
+ children: [/* @__PURE__ */ H("p", {
182
183
  className: r(N, q.subtitle),
183
184
  children: e.errorLabel
184
- }), /* @__PURE__ */ U(g, {
185
+ }), /* @__PURE__ */ H(g, {
185
186
  label: e.retryLabel,
186
187
  onClick: x
187
188
  })]
188
- }) : v.length === 0 ? c.trim() ? /* @__PURE__ */ U("p", {
189
+ }) : v.length === 0 ? c.trim() ? /* @__PURE__ */ H("p", {
189
190
  className: r(N, q.subtitle),
190
191
  children: e.noResultsLabel
191
- }) : /* @__PURE__ */ U(t, {
192
- icon: /* @__PURE__ */ U(ne, {
192
+ }) : /* @__PURE__ */ H(t, {
193
+ icon: /* @__PURE__ */ H(te, {
193
194
  "aria-hidden": !0,
194
- size: te,
195
+ size: ie,
195
196
  stroke: 1
196
197
  }),
197
198
  label: e.emptyStateLabel
198
- }) : /* @__PURE__ */ W("div", {
199
+ }) : /* @__PURE__ */ U("div", {
199
200
  className: "flex w-full flex-col gap-6",
200
- children: [/* @__PURE__ */ U(me, {
201
+ children: [/* @__PURE__ */ H(me, {
201
202
  items: v,
202
203
  searchQuery: c,
203
- onCardClick: O,
204
+ onCardClick: ee,
204
205
  labels: e.cardLabels,
205
- trailingSkeletonCount: C ? E : 0,
206
+ trailingSkeletonCount: T ? E : 0,
206
207
  skeletonStyles: { colors: { skeletonColor: A?.skeletonColor } }
207
- }), /* @__PURE__ */ U("div", {
208
+ }), /* @__PURE__ */ H("div", {
208
209
  ref: G,
209
210
  "aria-hidden": !0,
210
211
  className: "h-px w-full"
211
212
  })]
212
213
  }), le = y || !!b || v.length === 0;
213
- return /* @__PURE__ */ W("div", {
214
- style: P,
214
+ return /* @__PURE__ */ U("div", {
215
+ style: oe,
215
216
  className: r("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", q.container),
216
217
  children: [
217
- /* @__PURE__ */ W("div", {
218
+ /* @__PURE__ */ U("div", {
218
219
  className: "flex items-start justify-between gap-4",
219
- children: [/* @__PURE__ */ W("div", {
220
+ children: [/* @__PURE__ */ U("div", {
220
221
  className: "min-w-0 gap-2",
221
- children: [/* @__PURE__ */ U("h1", {
222
+ children: [/* @__PURE__ */ H("h1", {
222
223
  className: r("truncate", ae),
223
224
  children: e.title
224
- }), /* @__PURE__ */ U("p", {
225
+ }), /* @__PURE__ */ H("p", {
225
226
  className: r("mt-1", N, q.subtitle),
226
227
  children: e.subtitle
227
228
  })]
228
- }), /* @__PURE__ */ U(w, {
229
+ }), /* @__PURE__ */ H(C, {
229
230
  label: e.createButtonLabel,
230
- iconBefore: /* @__PURE__ */ U(se, {
231
+ iconBefore: /* @__PURE__ */ H(se, {
231
232
  size: u.SM,
232
233
  "aria-hidden": !0,
233
234
  stroke: d
@@ -236,29 +237,29 @@ var K = {
236
237
  className: "shrink-0"
237
238
  })]
238
239
  }),
239
- /* @__PURE__ */ W("div", {
240
+ /* @__PURE__ */ U("div", {
240
241
  className: "flex flex-wrap items-center gap-3",
241
- children: [/* @__PURE__ */ U("div", {
242
+ children: [/* @__PURE__ */ H("div", {
242
243
  role: "search",
243
244
  className: "flex-1",
244
- children: /* @__PURE__ */ U(T, {
245
+ children: /* @__PURE__ */ H(w, {
245
246
  value: c,
246
- onChange: oe,
247
+ onChange: P,
247
248
  placeholder: e.searchPlaceholder,
248
249
  clearLabel: e.clearSearchLabel,
249
250
  "aria-label": e.searchAriaLabel,
250
251
  size: p.Large
251
252
  })
252
- }), e.sortOptions.length > 0 && /* @__PURE__ */ U(f, {
253
+ }), e.sortOptions.length > 0 && /* @__PURE__ */ H(f, {
253
254
  items: R,
254
- open: F,
255
- onOpenChange: I,
256
- children: /* @__PURE__ */ U(i, {
257
- label: L,
255
+ open: ce,
256
+ onOpenChange: F,
257
+ children: /* @__PURE__ */ H(i, {
258
+ label: I,
258
259
  variant: o.Primary,
259
260
  appearance: a.Ghost,
260
261
  className: q.sortButton,
261
- iconAfter: U(F ? ie : re, {
262
+ iconAfter: H(ce ? re : M, {
262
263
  size: u.SM,
263
264
  stroke: d,
264
265
  "aria-hidden": !0
@@ -266,13 +267,13 @@ var K = {
266
267
  })
267
268
  })]
268
269
  }),
269
- /* @__PURE__ */ U("span", {
270
+ /* @__PURE__ */ H("span", {
270
271
  role: "status",
271
272
  "aria-live": "polite",
272
273
  className: "sr-only",
273
- children: z
274
+ children: W
274
275
  }),
275
- /* @__PURE__ */ U("div", {
276
+ /* @__PURE__ */ H("div", {
276
277
  className: r("mx-auto flex size-full w-full max-w-[1180px] flex-col", le && "items-center justify-center"),
277
278
  children: K()
278
279
  })
@@ -304,13 +305,13 @@ var K = {
304
305
  detailsColumn: "_detailsColumn_1mg3v_1",
305
306
  sectionSubtitle: "_sectionSubtitle_1mg3v_5",
306
307
  instructionsError: "_instructionsError_1mg3v_9"
307
- }, Ee = R(async () => ({ default: (await x()).MarkdownEditor })), De = ({ labels: e, values: t, errors: i, modelSelector: a, modelLabelId: o, onFieldChange: l, onBack: u, onCancel: d, onSubmit: f, isSubmitting: p = !1, markdownEditorTheme: m, styles: h }) => {
308
- let g = z(), { colors: _, typography: v } = h ?? {}, x = v?.titleClassName ?? "dial-h1-text", S = v?.sectionTitleClassName ?? "dial-body-semi-text", w = v?.sectionSubtitleClassName ?? "dial-tiny-text", T = v?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", D = v?.instructionsErrorClassName ?? "dial-small-text", O = n({
308
+ }, Ee = I(async () => ({ default: (await G()).MarkdownEditor })), De = ({ labels: e, values: t, errors: i, modelSelector: a, modelLabelId: o, onFieldChange: l, onBack: u, onCancel: d, onSubmit: f, isSubmitting: p = !1, markdownEditorTheme: m, styles: h }) => {
309
+ let g = R(), { colors: _, typography: v } = h ?? {}, x = v?.titleClassName ?? "dial-h1-text", C = v?.sectionTitleClassName ?? "dial-body-semi-text", w = v?.sectionSubtitleClassName ?? "dial-tiny-text", E = v?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", D = v?.instructionsErrorClassName ?? "dial-small-text", ee = n({
309
310
  "--stcf-details-border": _?.detailsColumnBorder,
310
311
  "--stcf-subtitle-text": _?.sectionSubtitleText,
311
312
  "--stcf-error-text": _?.instructionsErrorText
312
- }), ee = p || !t.displayName.trim() || !t.modelId || !t.prompt.trim();
313
- return /* @__PURE__ */ U(G, {
313
+ }), A = p || !t.displayName.trim() || !t.modelId || !t.prompt.trim();
314
+ return /* @__PURE__ */ H(W, {
314
315
  labels: {
315
316
  title: e.pageTitle,
316
317
  backButtonLabel: e.backButtonLabel,
@@ -322,7 +323,7 @@ var K = {
322
323
  onCancel: d,
323
324
  onSubmit: f,
324
325
  isCancelDisabled: p,
325
- isSubmitDisabled: ee,
326
+ isSubmitDisabled: A,
326
327
  isSubmitting: p,
327
328
  styles: {
328
329
  colors: { background: _?.background },
@@ -330,24 +331,24 @@ var K = {
330
331
  colors: { borderColor: _?.headerBorder },
331
332
  typography: { fontClassName: x }
332
333
  },
333
- cssVars: O
334
+ cssVars: ee
334
335
  },
335
- left: /* @__PURE__ */ W("div", {
336
+ left: /* @__PURE__ */ U("div", {
336
337
  role: "group",
337
338
  "aria-label": e.detailsSectionTitle,
338
339
  className: r("flex flex-1 flex-col gap-5 border-e px-8 py-6", X.detailsColumn),
339
340
  children: [
340
- /* @__PURE__ */ W("div", {
341
+ /* @__PURE__ */ U("div", {
341
342
  className: "flex flex-col gap-1",
342
- children: [/* @__PURE__ */ U("h2", {
343
- className: S,
343
+ children: [/* @__PURE__ */ H("h2", {
344
+ className: C,
344
345
  children: e.detailsSectionTitle
345
- }), /* @__PURE__ */ U("p", {
346
+ }), /* @__PURE__ */ H("p", {
346
347
  className: r(w, X.sectionSubtitle),
347
348
  children: e.detailsSectionSubtitle
348
349
  })]
349
350
  }),
350
- /* @__PURE__ */ U(y, {
351
+ /* @__PURE__ */ H(y, {
351
352
  id: "scheduled-task-display-name",
352
353
  value: t.displayName,
353
354
  onChange: (e) => l("displayName", e ?? ""),
@@ -358,7 +359,7 @@ var K = {
358
359
  invalid: !!i.displayName,
359
360
  error: i.displayName
360
361
  }),
361
- /* @__PURE__ */ U(A, {
362
+ /* @__PURE__ */ H(k, {
362
363
  id: "scheduled-task-description",
363
364
  value: t.description ?? "",
364
365
  onChange: (e) => l("description", e),
@@ -368,25 +369,25 @@ var K = {
368
369
  error: i.description,
369
370
  caption: t.description ? `${t.description.length}/500` : void 0
370
371
  }),
371
- /* @__PURE__ */ W("div", {
372
+ /* @__PURE__ */ U("div", {
372
373
  className: "flex flex-col gap-1",
373
374
  children: [
374
- /* @__PURE__ */ U(b, {
375
+ /* @__PURE__ */ H(b, {
375
376
  id: o,
376
377
  label: e.modelOrAgentLabel,
377
378
  required: !0
378
379
  }),
379
380
  a,
380
- i.modelId && /* @__PURE__ */ U("p", {
381
+ i.modelId && /* @__PURE__ */ H("p", {
381
382
  className: r(D, X.instructionsError),
382
383
  children: i.modelId
383
384
  })
384
385
  ]
385
386
  }),
386
- /* @__PURE__ */ W("div", {
387
+ /* @__PURE__ */ U("div", {
387
388
  className: "flex flex-col gap-3",
388
389
  children: [
389
- /* @__PURE__ */ U(E, {
390
+ /* @__PURE__ */ H(T, {
390
391
  labelProps: { label: e.repeatLabel },
391
392
  value: t.repeat,
392
393
  onChange: (e) => l("repeat", e),
@@ -395,9 +396,9 @@ var K = {
395
396
  label: e.label
396
397
  }))
397
398
  }),
398
- t.repeat === J.OneTime && /* @__PURE__ */ W("div", {
399
+ t.repeat === J.OneTime && /* @__PURE__ */ U("div", {
399
400
  className: "flex flex-col gap-1",
400
- children: [/* @__PURE__ */ U(s, {
401
+ children: [/* @__PURE__ */ H(s, {
401
402
  id: "scheduled-task-run-at",
402
403
  mode: c.DateTime,
403
404
  value: be(t.runAt),
@@ -407,15 +408,15 @@ var K = {
407
408
  required: !0
408
409
  },
409
410
  invalid: !!i.runAt
410
- }), i.runAt && /* @__PURE__ */ U("p", {
411
+ }), i.runAt && /* @__PURE__ */ H("p", {
411
412
  className: r(D, X.instructionsError),
412
413
  children: i.runAt
413
414
  })]
414
415
  }),
415
- t.repeat !== J.OneTime && /* @__PURE__ */ W(H, { children: [
416
- t.repeat !== J.Hourly && /* @__PURE__ */ W("div", {
416
+ t.repeat !== J.OneTime && /* @__PURE__ */ U(V, { children: [
417
+ t.repeat !== J.Hourly && /* @__PURE__ */ U("div", {
417
418
  className: "flex flex-col gap-1",
418
- children: [/* @__PURE__ */ U(s, {
419
+ children: [/* @__PURE__ */ H(s, {
419
420
  id: "scheduled-task-time",
420
421
  mode: c.Time,
421
422
  value: t.time,
@@ -425,14 +426,14 @@ var K = {
425
426
  required: !0
426
427
  },
427
428
  invalid: !!i.time
428
- }), i.time && /* @__PURE__ */ U("p", {
429
+ }), i.time && /* @__PURE__ */ H("p", {
429
430
  className: r(D, X.instructionsError),
430
431
  children: i.time
431
432
  })]
432
433
  }),
433
- t.repeat === J.Weekly && /* @__PURE__ */ W("div", {
434
+ t.repeat === J.Weekly && /* @__PURE__ */ U("div", {
434
435
  className: "flex flex-col gap-1",
435
- children: [/* @__PURE__ */ U(s, {
436
+ children: [/* @__PURE__ */ H(s, {
436
437
  id: "scheduled-task-day-of-week",
437
438
  mode: c.Weekday,
438
439
  value: we(t.dayOfWeek),
@@ -442,12 +443,12 @@ var K = {
442
443
  required: !0
443
444
  },
444
445
  invalid: !!i.dayOfWeek
445
- }), i.dayOfWeek && /* @__PURE__ */ U("p", {
446
+ }), i.dayOfWeek && /* @__PURE__ */ H("p", {
446
447
  className: r(D, X.instructionsError),
447
448
  children: i.dayOfWeek
448
449
  })]
449
450
  }),
450
- t.repeat === J.Monthly && /* @__PURE__ */ U(y, {
451
+ t.repeat === J.Monthly && /* @__PURE__ */ H(y, {
451
452
  id: "scheduled-task-day-of-month",
452
453
  value: t.dayOfMonth ?? "",
453
454
  onChange: (e) => l("dayOfMonth", e ?? ""),
@@ -458,7 +459,7 @@ var K = {
458
459
  invalid: !!i.dayOfMonth,
459
460
  error: i.dayOfMonth
460
461
  }),
461
- t.repeat === J.Hourly && /* @__PURE__ */ U(C, {
462
+ t.repeat === J.Hourly && /* @__PURE__ */ H(S, {
462
463
  id: "scheduled-task-minute",
463
464
  integer: !0,
464
465
  min: 0,
@@ -472,11 +473,11 @@ var K = {
472
473
  invalid: !!i.minute,
473
474
  error: i.minute
474
475
  }),
475
- /* @__PURE__ */ W("div", {
476
+ /* @__PURE__ */ U("div", {
476
477
  className: "flex flex-col gap-3 desktop:flex-row",
477
- children: [/* @__PURE__ */ W("div", {
478
+ children: [/* @__PURE__ */ U("div", {
478
479
  className: "flex flex-1 flex-col gap-1",
479
- children: [/* @__PURE__ */ U(s, {
480
+ children: [/* @__PURE__ */ H(s, {
480
481
  id: "scheduled-task-start-date",
481
482
  mode: c.Date,
482
483
  value: Se(t.startDate),
@@ -484,13 +485,13 @@ var K = {
484
485
  labelProps: { label: e.startDateLabel },
485
486
  placeholder: e.startDatePlaceholder,
486
487
  invalid: !!i.startDate
487
- }), i.startDate && /* @__PURE__ */ U("p", {
488
+ }), i.startDate && /* @__PURE__ */ H("p", {
488
489
  className: r(D, X.instructionsError),
489
490
  children: i.startDate
490
491
  })]
491
- }), /* @__PURE__ */ W("div", {
492
+ }), /* @__PURE__ */ U("div", {
492
493
  className: "flex flex-1 flex-col gap-1",
493
- children: [/* @__PURE__ */ U(s, {
494
+ children: [/* @__PURE__ */ H(s, {
494
495
  id: "scheduled-task-end-date",
495
496
  mode: c.Date,
496
497
  value: Se(t.endDate),
@@ -498,7 +499,7 @@ var K = {
498
499
  labelProps: { label: e.endDateLabel },
499
500
  placeholder: e.endDatePlaceholder,
500
501
  invalid: !!i.endDate
501
- }), i.endDate && /* @__PURE__ */ U("p", {
502
+ }), i.endDate && /* @__PURE__ */ H("p", {
502
503
  className: r(D, X.instructionsError),
503
504
  children: i.endDate
504
505
  })]
@@ -509,30 +510,30 @@ var K = {
509
510
  })
510
511
  ]
511
512
  }),
512
- children: /* @__PURE__ */ W("div", {
513
+ children: /* @__PURE__ */ U("div", {
513
514
  role: "group",
514
515
  "aria-label": e.configurationSectionTitle,
515
516
  className: "flex flex-1 flex-col gap-5 px-8 py-6",
516
- children: [/* @__PURE__ */ W("div", {
517
+ children: [/* @__PURE__ */ U("div", {
517
518
  className: "flex flex-col gap-1",
518
- children: [/* @__PURE__ */ U("h2", {
519
- className: S,
519
+ children: [/* @__PURE__ */ H("h2", {
520
+ className: C,
520
521
  children: e.configurationSectionTitle
521
- }), /* @__PURE__ */ U("p", {
522
+ }), /* @__PURE__ */ H("p", {
522
523
  className: r(w, X.sectionSubtitle),
523
524
  children: e.configurationSectionSubtitle
524
525
  })]
525
- }), /* @__PURE__ */ W("div", {
526
+ }), /* @__PURE__ */ U("div", {
526
527
  className: "flex flex-1 flex-col gap-1",
527
528
  children: [
528
- /* @__PURE__ */ U("label", {
529
+ /* @__PURE__ */ H("label", {
529
530
  htmlFor: g,
530
- className: T,
531
+ className: E,
531
532
  children: e.instructionsLabel
532
533
  }),
533
- /* @__PURE__ */ U(L, {
534
- fallback: /* @__PURE__ */ U(k, {}),
535
- children: /* @__PURE__ */ U(Ee, {
534
+ /* @__PURE__ */ H(F, {
535
+ fallback: /* @__PURE__ */ H(O, {}),
536
+ children: /* @__PURE__ */ H(Ee, {
536
537
  id: g,
537
538
  value: t.prompt,
538
539
  onChange: (e) => l("prompt", e),
@@ -540,7 +541,7 @@ var K = {
540
541
  theme: m
541
542
  })
542
543
  }),
543
- i.prompt && /* @__PURE__ */ U("p", {
544
+ i.prompt && /* @__PURE__ */ H("p", {
544
545
  className: r(D, X.instructionsError),
545
546
  children: i.prompt
546
547
  })
@@ -559,23 +560,23 @@ var K = {
559
560
  unreadDot: "_unreadDot_1bug5_21"
560
561
  }, Oe = ({ status: e }) => {
561
562
  switch (e) {
562
- case Z.Success: return /* @__PURE__ */ U(ae, {
563
+ case Z.Success: return /* @__PURE__ */ H(ie, {
563
564
  size: u.SM,
564
565
  className: Q.successIcon,
565
566
  "aria-hidden": !0,
566
567
  stroke: d
567
568
  });
568
- case Z.Error: return /* @__PURE__ */ U(N, {
569
+ case Z.Error: return /* @__PURE__ */ H(ae, {
569
570
  size: u.SM,
570
571
  className: Q.errorIcon,
571
572
  "aria-hidden": !0,
572
573
  stroke: d
573
574
  });
574
- case Z.InProgress: return /* @__PURE__ */ U("span", {
575
+ case Z.InProgress: return /* @__PURE__ */ H("span", {
575
576
  "aria-hidden": !0,
576
- children: /* @__PURE__ */ U(k, { size: u.SM })
577
+ children: /* @__PURE__ */ H(O, { size: u.SM })
577
578
  });
578
- case Z.Missed: return /* @__PURE__ */ U(j, {
579
+ case Z.Missed: return /* @__PURE__ */ H(A, {
579
580
  size: u.SM,
580
581
  className: Q.missedIcon,
581
582
  "aria-hidden": !0,
@@ -593,7 +594,7 @@ var K = {
593
594
  "--strhl-unread-dot": m?.unreadDotColor
594
595
  }), x = (e) => {
595
596
  let t = u.runStatusLabels[e.status], n = e.id === c, i = [e.isUnread ? y : void 0, n ? u.currentRunLabel : void 0].filter((e) => !!e), a = [`${t} ${e.timestampLabel}`, ...i].join(" — "), o = !!e.conversationId && !!l;
596
- return /* @__PURE__ */ W("li", {
597
+ return /* @__PURE__ */ U("li", {
597
598
  ...o ? {
598
599
  role: "button",
599
600
  tabIndex: 0,
@@ -605,80 +606,80 @@ var K = {
605
606
  "aria-label": a,
606
607
  "aria-current": n ? "true" : void 0,
607
608
  className: r("flex h-8 items-center justify-between gap-2 rounded-full pe-2 ps-5", n && Q.currentRun, o && "cursor-pointer"),
608
- children: [/* @__PURE__ */ W("span", {
609
+ children: [/* @__PURE__ */ U("span", {
609
610
  className: "flex items-center gap-2 truncate",
610
- children: [/* @__PURE__ */ U("span", {
611
+ children: [/* @__PURE__ */ H("span", {
611
612
  className: "relative flex size-3 shrink-0 items-center justify-center",
612
- children: e.isUnread && /* @__PURE__ */ U("span", {
613
+ children: e.isUnread && /* @__PURE__ */ H("span", {
613
614
  className: r("size-[5.33px] rounded-full", Q.unreadDot),
614
615
  "aria-hidden": !0
615
616
  })
616
- }), /* @__PURE__ */ U("span", {
617
+ }), /* @__PURE__ */ H("span", {
617
618
  className: r(_, "truncate"),
618
619
  children: e.timestampLabel
619
620
  })]
620
- }), /* @__PURE__ */ U("span", {
621
+ }), /* @__PURE__ */ H("span", {
621
622
  className: "flex h-8 w-14 shrink-0 items-center justify-end",
622
- children: /* @__PURE__ */ U(Oe, { status: e.status })
623
+ children: /* @__PURE__ */ H(Oe, { status: e.status })
623
624
  })]
624
625
  }, e.id);
625
- }, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ W("li", {
626
+ }, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ U("li", {
626
627
  "aria-hidden": "true",
627
628
  className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
628
- children: [/* @__PURE__ */ U(D, {
629
- variant: O.Rectangular,
629
+ children: [/* @__PURE__ */ H(E, {
630
+ variant: D.Rectangular,
630
631
  width: "160px",
631
632
  height: "16px"
632
- }), /* @__PURE__ */ U(D, {
633
- variant: O.Rectangular,
633
+ }), /* @__PURE__ */ H(E, {
634
+ variant: D.Rectangular,
634
635
  width: "16px",
635
636
  height: "16px",
636
637
  className: "shrink-0 rounded-full"
637
638
  })]
638
639
  }, `history-skeleton-${t}`));
639
- return t && e.length === 0 ? /* @__PURE__ */ U("ul", {
640
+ return t && e.length === 0 ? /* @__PURE__ */ H("ul", {
640
641
  style: b,
641
642
  "aria-label": u.historyTitle,
642
643
  className: "flex flex-col gap-0.5",
643
644
  children: S(a)
644
- }) : o && e.length === 0 ? /* @__PURE__ */ W("div", {
645
+ }) : o && e.length === 0 ? /* @__PURE__ */ U("div", {
645
646
  style: b,
646
647
  className: "flex flex-col items-start gap-3",
647
- children: [/* @__PURE__ */ U("p", {
648
+ children: [/* @__PURE__ */ H("p", {
648
649
  role: "alert",
649
650
  className: r(v, Q.subtitleText),
650
651
  children: u.errorLabel
651
- }), /* @__PURE__ */ U(g, {
652
+ }), /* @__PURE__ */ H(g, {
652
653
  label: u.retryLabel,
653
654
  onClick: s
654
655
  })]
655
- }) : e.length === 0 ? /* @__PURE__ */ W("div", {
656
+ }) : e.length === 0 ? /* @__PURE__ */ U("div", {
656
657
  style: b,
657
658
  className: "flex w-full flex-col items-center justify-center gap-2 py-4",
658
- children: [/* @__PURE__ */ U(P, {
659
+ children: [/* @__PURE__ */ H(N, {
659
660
  size: 44,
660
661
  stroke: d,
661
662
  className: Q.subtitleText,
662
663
  "aria-hidden": !0
663
- }), /* @__PURE__ */ U("p", {
664
+ }), /* @__PURE__ */ H("p", {
664
665
  role: "status",
665
666
  className: _,
666
667
  children: u.emptyLabel
667
668
  })]
668
- }) : /* @__PURE__ */ W("ul", {
669
+ }) : /* @__PURE__ */ U("ul", {
669
670
  style: b,
670
671
  "aria-label": u.historyTitle,
671
672
  className: "flex flex-col gap-0.5",
672
673
  children: [
673
674
  e.map(x),
674
675
  i && S(a),
675
- o ? /* @__PURE__ */ W("li", {
676
+ o ? /* @__PURE__ */ U("li", {
676
677
  className: "flex flex-col items-start gap-3 px-5 py-2",
677
- children: [/* @__PURE__ */ U("p", {
678
+ children: [/* @__PURE__ */ H("p", {
678
679
  role: "alert",
679
680
  className: r(v, Q.subtitleText),
680
681
  children: u.errorLabel
681
- }), /* @__PURE__ */ U(g, {
682
+ }), /* @__PURE__ */ H(g, {
682
683
  label: u.retryLabel,
683
684
  onClick: s
684
685
  })]
@@ -694,35 +695,35 @@ var K = {
694
695
  errorIcon: "_errorIcon_1ci42_21",
695
696
  missedIcon: "_missedIcon_1ci42_25",
696
697
  historyCard: "_historyCard_1ci42_29"
697
- }, Ae = ({ labels: t, onBack: i, onEdit: a, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isActive: f, isActiveUpdating: p = !1, isActiveDisabled: m = !1, onActiveChange: h, displayName: v, isLoading: y = !1, error: b, onRetry: x, description: C, modelLabel: w, repeatsLabel: T, activeWindowLabel: E, nextRunLabel: D, instructionsMarkdown: O, renderInstructions: A, runs: j, runsIsLoading: ne = !1, runsIsLoadingMore: M = !1, runsSkeletonCount: re = 6, runsError: ie, onRunsRetry: ae, runsHasMore: N = !1, onRunsLoadMore: P, onRunClick: F, styles: se }) => {
698
- let { colors: L, typography: R } = se ?? {}, ce = R?.titleClassName ?? "dial-h2-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", B = R?.fieldLabelClassName ?? "dial-tiny-text", V = R?.fieldValueClassName ?? "dial-small-text", H = R?.runTimestampClassName ?? "dial-small-text", G = n({
699
- "--stdv-bg": L?.background,
700
- "--stdv-header-border": L?.headerBorder,
701
- "--stdv-details-border": L?.detailsColumnBorder,
702
- "--stdv-subtitle-text": L?.subtitleText,
703
- "--stdv-success-icon": L?.successIconColor,
704
- "--stdv-error-icon": L?.errorIconColor,
705
- "--stdv-missed-icon": L?.missedIconColor,
706
- "--stdv-history-bg": L?.historyCardBackground
707
- }), K = P && N && t.historyShowMoreLabel ? /* @__PURE__ */ U("li", {
698
+ }, Ae = ({ labels: t, onBack: i, onEdit: a, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isActive: f, isActiveUpdating: p = !1, isActiveDisabled: m = !1, onActiveChange: h, displayName: v, isLoading: y = !1, error: b, onRetry: S, description: C, modelLabel: w, repeatsLabel: T, activeWindowLabel: E, nextRunLabel: D, instructionsMarkdown: k, renderInstructions: A, runs: te, runsIsLoading: ne = !1, runsIsLoadingMore: M = !1, runsSkeletonCount: re = 6, runsError: ie, onRunsRetry: ae, runsHasMore: N = !1, onRunsLoadMore: P, onRunClick: se, styles: F }) => {
699
+ let { colors: I, typography: L } = F ?? {}, R = L?.titleClassName ?? "dial-h2-text", z = L?.sectionTitleClassName ?? "dial-body-semi-text", B = L?.fieldLabelClassName ?? "dial-tiny-text", V = L?.fieldValueClassName ?? "dial-small-text", W = L?.runTimestampClassName ?? "dial-small-text", G = n({
700
+ "--stdv-bg": I?.background,
701
+ "--stdv-header-border": I?.headerBorder,
702
+ "--stdv-details-border": I?.detailsColumnBorder,
703
+ "--stdv-subtitle-text": I?.subtitleText,
704
+ "--stdv-success-icon": I?.successIconColor,
705
+ "--stdv-error-icon": I?.errorIconColor,
706
+ "--stdv-missed-icon": I?.missedIconColor,
707
+ "--stdv-history-bg": I?.historyCardBackground
708
+ }), K = P && N && t.historyShowMoreLabel ? /* @__PURE__ */ H("li", {
708
709
  className: r("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", $.historyCard),
709
- children: /* @__PURE__ */ U(g, {
710
+ children: /* @__PURE__ */ H(g, {
710
711
  label: t.historyShowMoreLabel,
711
712
  onClick: P,
712
713
  disabled: M
713
714
  })
714
715
  }) : void 0;
715
- return /* @__PURE__ */ W("div", {
716
+ return /* @__PURE__ */ U("div", {
716
717
  style: G,
717
718
  className: r("flex h-full w-full flex-col overflow-y-auto", $.container),
718
719
  children: [
719
- /* @__PURE__ */ W("div", {
720
+ /* @__PURE__ */ U("div", {
720
721
  className: r("flex h-16 shrink-0 items-center justify-between gap-2 border-b px-8", $.header),
721
- children: [/* @__PURE__ */ W("div", {
722
+ children: [/* @__PURE__ */ U("div", {
722
723
  className: "flex min-w-0 items-center gap-2",
723
724
  children: [
724
- /* @__PURE__ */ U(_, {
725
- icon: /* @__PURE__ */ U(te, {
725
+ /* @__PURE__ */ H(_, {
726
+ icon: /* @__PURE__ */ H(j, {
726
727
  size: u.LG,
727
728
  className: "rtl:scale-x-[-1]",
728
729
  "aria-hidden": !0,
@@ -731,29 +732,29 @@ var K = {
731
732
  "aria-label": t.backAriaLabel,
732
733
  onClick: i
733
734
  }),
734
- /* @__PURE__ */ U("h1", {
735
- className: r("truncate", ce),
735
+ /* @__PURE__ */ H("h1", {
736
+ className: r("truncate", R),
736
737
  children: v
737
738
  }),
738
- l && /* @__PURE__ */ U("span", {
739
+ l && /* @__PURE__ */ H("span", {
739
740
  className: r("shrink-0", V, $.subtitleText),
740
741
  children: t.deletedStateLabel
741
742
  })
742
743
  ]
743
- }), /* @__PURE__ */ W("div", {
744
+ }), /* @__PURE__ */ U("div", {
744
745
  className: "flex shrink-0 items-center gap-2",
745
746
  children: [
746
- !l && f !== void 0 && /* @__PURE__ */ U(ee, {
747
+ !l && f !== void 0 && /* @__PURE__ */ H(ee, {
747
748
  id: "scheduled-task-active-switch",
748
749
  labelProps: { label: t.activeStatusLabel },
749
750
  isOn: f,
750
751
  disabled: p || m || c,
751
752
  onChange: (e) => h?.(e)
752
753
  }),
753
- !l && s && /* @__PURE__ */ U(g, {
754
+ !l && s && /* @__PURE__ */ H(g, {
754
755
  variant: o.Danger,
755
756
  label: t.deleteButtonLabel,
756
- iconBefore: /* @__PURE__ */ U(I, {
757
+ iconBefore: /* @__PURE__ */ H(ce, {
757
758
  size: u.SM,
758
759
  "aria-hidden": !0,
759
760
  stroke: d
@@ -762,9 +763,9 @@ var K = {
762
763
  disabled: c,
763
764
  className: "shrink-0"
764
765
  }),
765
- !l && a && /* @__PURE__ */ U(S, {
766
+ !l && a && /* @__PURE__ */ H(x, {
766
767
  label: t.editButtonLabel,
767
- iconBefore: /* @__PURE__ */ U(oe, {
768
+ iconBefore: /* @__PURE__ */ H(oe, {
768
769
  size: u.SM,
769
770
  "aria-hidden": !0,
770
771
  stroke: d
@@ -776,127 +777,127 @@ var K = {
776
777
  ]
777
778
  })]
778
779
  }),
779
- t.activeStatusAnnouncement != null && /* @__PURE__ */ U("span", {
780
+ t.activeStatusAnnouncement != null && /* @__PURE__ */ H("span", {
780
781
  role: "status",
781
782
  "aria-live": "polite",
782
783
  className: "sr-only",
783
784
  children: t.activeStatusAnnouncement
784
785
  }),
785
- y && /* @__PURE__ */ U("div", {
786
+ y && /* @__PURE__ */ H("div", {
786
787
  className: "flex flex-1 items-center justify-center",
787
- children: /* @__PURE__ */ U(k, {})
788
+ children: /* @__PURE__ */ H(O, {})
788
789
  }),
789
- !y && b && /* @__PURE__ */ W("div", {
790
+ !y && b && /* @__PURE__ */ U("div", {
790
791
  className: "flex flex-1 flex-col items-center justify-center gap-3",
791
- children: [/* @__PURE__ */ U("p", {
792
+ children: [/* @__PURE__ */ H("p", {
792
793
  className: r(V, $.subtitleText),
793
794
  children: t.errorLabel
794
- }), /* @__PURE__ */ U(g, {
795
+ }), /* @__PURE__ */ H(g, {
795
796
  label: t.retryLabel,
796
- onClick: x
797
+ onClick: S
797
798
  })]
798
799
  }),
799
- !y && !b && /* @__PURE__ */ W("div", {
800
+ !y && !b && /* @__PURE__ */ U("div", {
800
801
  className: "flex flex-1 flex-col desktop:flex-row",
801
802
  children: [
802
- /* @__PURE__ */ W("div", {
803
+ /* @__PURE__ */ U("div", {
803
804
  role: "group",
804
805
  "aria-label": t.detailsTitle,
805
806
  className: r("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
806
807
  children: [
807
- /* @__PURE__ */ U("h2", {
808
+ /* @__PURE__ */ H("h2", {
808
809
  className: z,
809
810
  children: t.detailsTitle
810
811
  }),
811
- C && /* @__PURE__ */ W("div", {
812
+ C && /* @__PURE__ */ U("div", {
812
813
  className: "flex flex-col gap-1",
813
- children: [/* @__PURE__ */ U("span", {
814
+ children: [/* @__PURE__ */ H("span", {
814
815
  className: r(B, $.subtitleText),
815
816
  children: t.descriptionLabel
816
- }), /* @__PURE__ */ U("p", {
817
+ }), /* @__PURE__ */ H("p", {
817
818
  className: V,
818
819
  children: C
819
820
  })]
820
821
  }),
821
- w && /* @__PURE__ */ W("div", {
822
+ w && /* @__PURE__ */ U("div", {
822
823
  className: "flex flex-col gap-1",
823
- children: [/* @__PURE__ */ U("span", {
824
+ children: [/* @__PURE__ */ H("span", {
824
825
  className: r(B, $.subtitleText),
825
826
  children: t.modelLabel
826
- }), /* @__PURE__ */ U("p", {
827
+ }), /* @__PURE__ */ H("p", {
827
828
  className: V,
828
829
  children: w
829
830
  })]
830
831
  }),
831
- T && /* @__PURE__ */ W("div", {
832
+ T && /* @__PURE__ */ U("div", {
832
833
  className: "flex flex-col gap-1",
833
- children: [/* @__PURE__ */ U("span", {
834
+ children: [/* @__PURE__ */ H("span", {
834
835
  className: r(B, $.subtitleText),
835
836
  children: t.repeatsLabel
836
- }), /* @__PURE__ */ U("p", {
837
+ }), /* @__PURE__ */ H("p", {
837
838
  className: V,
838
839
  children: T
839
840
  })]
840
841
  }),
841
- E && /* @__PURE__ */ W("div", {
842
+ E && /* @__PURE__ */ U("div", {
842
843
  className: "flex flex-col gap-1",
843
- children: [/* @__PURE__ */ U("span", {
844
+ children: [/* @__PURE__ */ H("span", {
844
845
  className: r(B, $.subtitleText),
845
846
  children: t.activeWindowLabel
846
- }), /* @__PURE__ */ U("p", {
847
+ }), /* @__PURE__ */ H("p", {
847
848
  className: V,
848
849
  children: E
849
850
  })]
850
851
  })
851
852
  ]
852
853
  }),
853
- /* @__PURE__ */ W("div", {
854
+ /* @__PURE__ */ U("div", {
854
855
  className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
855
- children: [/* @__PURE__ */ U("h2", {
856
+ children: [/* @__PURE__ */ H("h2", {
856
857
  className: z,
857
858
  children: t.configurationTitle
858
- }), /* @__PURE__ */ W("div", {
859
+ }), /* @__PURE__ */ U("div", {
859
860
  role: "group",
860
861
  "aria-label": t.instructionsLabel,
861
862
  className: "flex flex-col gap-1",
862
- children: [/* @__PURE__ */ U("span", {
863
+ children: [/* @__PURE__ */ H("span", {
863
864
  className: r(B, $.subtitleText),
864
865
  children: t.instructionsLabel
865
- }), O && ((t) => A ? A(t) : /* @__PURE__ */ U(e, { content: t }))(O)]
866
+ }), k && ((t) => A ? A(t) : /* @__PURE__ */ H(e, { content: t }))(k)]
866
867
  })]
867
868
  }),
868
- /* @__PURE__ */ U("div", {
869
+ /* @__PURE__ */ H("div", {
869
870
  className: "flex w-full justify-center p-6 desktop:w-auto desktop:items-start",
870
- children: /* @__PURE__ */ W("div", {
871
+ children: /* @__PURE__ */ U("div", {
871
872
  className: r("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", $.historyCard),
872
- children: [/* @__PURE__ */ W("div", {
873
+ children: [/* @__PURE__ */ U("div", {
873
874
  className: r("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", $.historyCard),
874
875
  children: [
875
- /* @__PURE__ */ U("h2", {
876
+ /* @__PURE__ */ H("h2", {
876
877
  className: z,
877
878
  children: t.historyTitle
878
879
  }),
879
- D && /* @__PURE__ */ U("p", {
880
- className: r(H, $.subtitleText),
880
+ D && /* @__PURE__ */ H("p", {
881
+ className: r(W, $.subtitleText),
881
882
  children: D
882
883
  }),
883
- t.historyLoadingMoreLabel && /* @__PURE__ */ U("span", {
884
+ t.historyLoadingMoreLabel && /* @__PURE__ */ H("span", {
884
885
  role: "status",
885
886
  "aria-live": "polite",
886
887
  className: "sr-only",
887
888
  children: M ? t.historyLoadingMoreLabel : ""
888
889
  })
889
890
  ]
890
- }), /* @__PURE__ */ U("div", {
891
+ }), /* @__PURE__ */ H("div", {
891
892
  className: "flex flex-1 flex-col gap-4 px-6 pb-2",
892
- children: /* @__PURE__ */ U(ke, {
893
- items: j,
893
+ children: /* @__PURE__ */ H(ke, {
894
+ items: te,
894
895
  isLoading: ne,
895
896
  isLoadingMore: M,
896
897
  skeletonCount: re,
897
898
  error: ie,
898
899
  onRetry: ae,
899
- onRunClick: F,
900
+ onRunClick: se,
900
901
  labels: {
901
902
  historyTitle: t.historyTitle,
902
903
  emptyLabel: t.historyEmptyLabel,
@@ -907,12 +908,12 @@ var K = {
907
908
  },
908
909
  footer: K,
909
910
  styles: {
910
- typography: { runTimestampClassName: H },
911
+ typography: { runTimestampClassName: W },
911
912
  colors: {
912
- successIconColor: L?.successIconColor,
913
- errorIconColor: L?.errorIconColor,
914
- missedIconColor: L?.missedIconColor,
915
- unreadDotColor: L?.unreadDotColor
913
+ successIconColor: I?.successIconColor,
914
+ errorIconColor: I?.errorIconColor,
915
+ missedIconColor: I?.missedIconColor,
916
+ unreadDotColor: I?.unreadDotColor
916
917
  }
917
918
  }
918
919
  })
@@ -925,23 +926,23 @@ var K = {
925
926
  });
926
927
  }, je = ({ modelLabel: t, instructionsLabel: n, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
927
928
  let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
928
- return /* @__PURE__ */ W("div", {
929
+ return /* @__PURE__ */ U("div", {
929
930
  className: "flex flex-col gap-3",
930
- children: [r && /* @__PURE__ */ W("div", {
931
+ children: [r && /* @__PURE__ */ U("div", {
931
932
  className: "flex flex-col gap-2",
932
- children: [/* @__PURE__ */ U("span", {
933
+ children: [/* @__PURE__ */ H("span", {
933
934
  className: s,
934
935
  children: t
935
- }), /* @__PURE__ */ U("p", {
936
+ }), /* @__PURE__ */ H("p", {
936
937
  className: c,
937
938
  children: r
938
939
  })]
939
- }), i && /* @__PURE__ */ W("div", {
940
+ }), i && /* @__PURE__ */ U("div", {
940
941
  className: "flex flex-col gap-2",
941
- children: [/* @__PURE__ */ U("span", {
942
+ children: [/* @__PURE__ */ H("span", {
942
943
  className: s,
943
944
  children: n
944
- }), ((t) => a ? a(t) : /* @__PURE__ */ U(e, { content: t }))(i)]
945
+ }), ((t) => a ? a(t) : /* @__PURE__ */ H(e, { content: t }))(i)]
945
946
  })]
946
947
  });
947
948
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-scheduled-tasks",
3
3
  "description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
4
- "version": "1.1.0-dev.402",
4
+ "version": "1.1.0-dev.411",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -17,9 +17,9 @@
17
17
  }
18
18
  },
19
19
  "peerDependencies": {
20
- "@epam/ai-dial-builder-form": "1.1.0-dev.402",
21
- "@epam/ai-dial-chat-shared": "1.1.0-dev.402",
22
- "@epam/ai-dial-ui-kit": "*",
20
+ "@epam/ai-dial-builder-form": "1.1.0-dev.411",
21
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.411",
22
+ "@epam/ai-dial-ui-kit": "^0.14.0-dev.30",
23
23
  "@tabler/icons-react": "^3.44.0",
24
24
  "@uiw/react-markdown-preview": "*",
25
25
  "@uiw/react-md-editor": "*",