@epam/ai-dial-scheduled-tasks 1.2.4 → 1.2.6

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.
package/index.js CHANGED
@@ -1,63 +1,63 @@
1
1
  import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./calendar-value-B41Uk26Z.js";
2
2
  import { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
3
- import { ButtonAppearance as te, ButtonDropdown as S, ButtonVariant as ne, Calendar as C, CalendarMode as w, CardShell as T, ConfirmationPopupVariant as E, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as re, FolderPath as ie, GhostButton as k, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as fe, Search as A, Select as pe, Skeleton as j, SkeletonVariant as M, Spinner as me, Switch as he, Tabs as ge, Textarea as _e } from "@epam/ai-dial-ui-kit";
4
- import { IconAlertTriangle as ve, IconArrowNarrowLeft as ye, IconArrowsSort as N, IconCheck as be, IconCircleCheck as xe, IconCircleX as P, IconClipboardX as Se, IconClockHour3 as F, IconPencilMinus as Ce, IconPlayerPause as I, IconPlayerPlay as L, IconPlus as R, IconTrashX as we } from "@tabler/icons-react";
5
- import { Suspense as Te, lazy as Ee, useCallback as z, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as Ae, useRef as B, useState as je } from "react";
6
- import { Fragment as Me, jsx as V, jsxs as H } from "react/jsx-runtime";
7
- import { BuilderFormContainer as Ne } from "@epam/ai-dial-builder-form";
8
- import { LazyMarkdownEditor as U } from "@epam/ai-dial-ui-kit/editors";
3
+ import { ButtonAppearance as te, ButtonDropdown as S, ButtonVariant as ne, Calendar as C, CalendarMode as w, CardShell as T, ConfirmationPopupVariant as E, DIAL_ICON_SIZE as D, DIAL_KIT_ICON_STROKE as O, ElementSize as re, FolderPath as k, GhostButton as A, GhostIconButton as ie, Highlight as j, Input as ae, Label as oe, MenuItemMark as se, NeutralButton as ce, NumberInput as le, PrimaryButton as ue, Search as M, Select as de, Skeleton as N, SkeletonVariant as P, Spinner as fe, Switch as pe, Tabs as me, Textarea as he, Tooltip as ge } from "@epam/ai-dial-ui-kit";
4
+ import { IconAlertTriangle as F, IconArrowNarrowLeft as _e, IconArrowsSort as ve, IconCheck as ye, IconCircleCheck as I, IconCircleX as be, IconClipboardX as L, IconClockHour3 as R, IconPencilMinus as xe, IconPlayerPause as z, IconPlayerPlay as B, IconPlus as Se, IconTrashX as Ce } from "@tabler/icons-react";
5
+ import { Suspense as we, lazy as V, useCallback as Te, useEffect as Ee, useId as De, useLayoutEffect as Oe, useMemo as H, useRef as ke, useState as Ae } from "react";
6
+ import { Fragment as je, jsx as U, jsxs as W } from "react/jsx-runtime";
7
+ import { BuilderFormContainer as Me } from "@epam/ai-dial-builder-form";
8
+ import { LazyMarkdownEditor as G } from "@epam/ai-dial-ui-kit/editors";
9
9
  //#region src/constants/public-class-names.ts
10
- var W = {
10
+ var Ne = {
11
11
  card: "dial-scheduled-tasks-card",
12
12
  cardGrid: "dial-scheduled-tasks-card-grid",
13
13
  refineFeedback: "dial-scheduled-tasks-refine-feedback"
14
- }, G = /* @__PURE__ */ function(e) {
14
+ }, K = /* @__PURE__ */ function(e) {
15
15
  return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
16
- }({}), K = /* @__PURE__ */ function(e) {
16
+ }({}), q = /* @__PURE__ */ function(e) {
17
17
  return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
18
18
  }({}), Pe = (e) => {
19
19
  switch (e.presentationStatus) {
20
- case K.Active: return G.Scheduled;
21
- case K.Paused: return G.Paused;
22
- case K.Completed: return G.Completed;
20
+ case q.Active: return K.Scheduled;
21
+ case q.Paused: return K.Paused;
22
+ case q.Completed: return K.Completed;
23
23
  }
24
- return e.isCompleted ? G.Completed : e.isActive === !1 ? G.Paused : G.Scheduled;
25
- }, q = {
24
+ return e.isCompleted ? K.Completed : e.isActive === !1 ? K.Paused : K.Scheduled;
25
+ }, J = {
26
26
  schedulePill: "_schedulePill_146jw_1",
27
27
  scheduleLabel: "_scheduleLabel_146jw_6",
28
28
  pausedPill: "_pausedPill_146jw_10",
29
29
  pausedLabel: "_pausedLabel_146jw_15",
30
30
  completedPill: "_completedPill_146jw_19",
31
31
  completedLabel: "_completedLabel_146jw_24"
32
- }, J = {
33
- [G.Scheduled]: {
32
+ }, Fe = {
33
+ [K.Scheduled]: {
34
34
  pillClassName: "inline-block rounded-lg border px-2 py-1",
35
- wrapperClassName: q.schedulePill,
36
- labelClassName: q.scheduleLabel
35
+ wrapperClassName: J.schedulePill,
36
+ labelClassName: J.scheduleLabel
37
37
  },
38
- [G.Paused]: {
38
+ [K.Paused]: {
39
39
  pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
40
- wrapperClassName: q.pausedPill,
41
- labelClassName: q.pausedLabel,
42
- renderIcon: () => /* @__PURE__ */ V(I, {
40
+ wrapperClassName: J.pausedPill,
41
+ labelClassName: J.pausedLabel,
42
+ renderIcon: () => /* @__PURE__ */ U(z, {
43
43
  size: D.SM,
44
44
  "aria-hidden": !0,
45
45
  stroke: O
46
46
  })
47
47
  },
48
- [G.Completed]: {
48
+ [K.Completed]: {
49
49
  pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
50
- wrapperClassName: q.completedPill,
51
- labelClassName: q.completedLabel,
52
- renderIcon: () => /* @__PURE__ */ V(be, {
50
+ wrapperClassName: J.completedPill,
51
+ labelClassName: J.completedLabel,
52
+ renderIcon: () => /* @__PURE__ */ U(ye, {
53
53
  size: D.SM,
54
54
  "aria-hidden": !0,
55
55
  stroke: O
56
56
  })
57
57
  }
58
- }, Fe = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
59
- let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = J[e];
60
- return /* @__PURE__ */ H("span", {
58
+ }, Ie = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
59
+ let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Fe[e];
60
+ return /* @__PURE__ */ W("span", {
61
61
  className: v(i, n, a, o, r),
62
62
  children: [s && s(), t]
63
63
  });
@@ -69,17 +69,17 @@ var W = {
69
69
  newBadge: "_newBadge_hmbo0_18",
70
70
  locationDivider: "_locationDivider_hmbo0_23",
71
71
  card: "_card_hmbo0_34"
72
- }, Ie = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
72
+ }, Le = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
73
73
  let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", te = d?.newBadgeClassName ?? "dial-tiny-semi-text", S = Pe(e), { text: ne, textClassName: C } = {
74
- [G.Scheduled]: {
74
+ [K.Scheduled]: {
75
75
  text: e.scheduleLabel,
76
76
  textClassName: h
77
77
  },
78
- [G.Paused]: {
78
+ [K.Paused]: {
79
79
  text: c,
80
80
  textClassName: g
81
81
  },
82
- [G.Completed]: {
82
+ [K.Completed]: {
83
83
  text: l,
84
84
  textClassName: y
85
85
  }
@@ -107,39 +107,39 @@ var W = {
107
107
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
108
108
  }
109
109
  } : {};
110
- return /* @__PURE__ */ H(T, {
110
+ return /* @__PURE__ */ W(T, {
111
111
  role: n ? "button" : "group",
112
112
  "aria-label": e.displayName,
113
113
  style: w,
114
- className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, W.card),
114
+ className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Ne.card),
115
115
  ...E,
116
116
  children: [
117
- /* @__PURE__ */ H("div", {
117
+ /* @__PURE__ */ W("div", {
118
118
  className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
119
- children: [/* @__PURE__ */ V(oe, {
119
+ children: [/* @__PURE__ */ U(j, {
120
120
  text: e.displayName,
121
121
  query: t,
122
122
  maxLines: o ? 2 : 1,
123
123
  className: v(f, Y.title)
124
- }), e.isNew && /* @__PURE__ */ V("span", {
124
+ }), e.isNew && /* @__PURE__ */ U("span", {
125
125
  className: v("shrink-0 rounded-full px-2 py-0.5", te, Y.newBadge),
126
126
  children: s
127
127
  })]
128
128
  }),
129
- e.descriptionPreview && /* @__PURE__ */ V("p", {
129
+ e.descriptionPreview && /* @__PURE__ */ U("p", {
130
130
  className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, Y.description),
131
131
  children: e.descriptionPreview
132
132
  }),
133
- /* @__PURE__ */ H("div", {
133
+ /* @__PURE__ */ W("div", {
134
134
  className: "mt-auto flex shrink-0 flex-col gap-3",
135
- children: [/* @__PURE__ */ V("div", {
135
+ children: [/* @__PURE__ */ U("div", {
136
136
  className: "flex min-h-[28px] items-center",
137
- children: /* @__PURE__ */ V(Fe, {
137
+ children: /* @__PURE__ */ U(Ie, {
138
138
  status: S,
139
139
  text: ne,
140
140
  textClassName: C
141
141
  })
142
- }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ V(ie, {
142
+ }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ U(k, {
143
143
  segments: e.locationSegments,
144
144
  labelClassName: v(x, Y.locationLabel),
145
145
  leafClassName: v(ee, Y.locationLeaf),
@@ -148,40 +148,40 @@ var W = {
148
148
  })
149
149
  ]
150
150
  });
151
- }, Le = { card: "_card_18ivt_1" }, Re = [
151
+ }, Re = { card: "_card_18ivt_1" }, ze = [
152
152
  "100%",
153
153
  "100%",
154
154
  "61%"
155
- ], ze = "var(--stcs-skeleton-bg)", Be = ({ styles: e }) => /* @__PURE__ */ H(T, {
155
+ ], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => /* @__PURE__ */ W(T, {
156
156
  "aria-hidden": !0,
157
157
  style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
158
- className: v("h-[var(--st-card-height,232px)]", Le.card),
158
+ className: v("h-[var(--st-card-height,232px)]", Re.card),
159
159
  children: [
160
- /* @__PURE__ */ V(j, {
161
- variant: M.Rectangular,
160
+ /* @__PURE__ */ U(N, {
161
+ variant: P.Rectangular,
162
162
  width: "60%",
163
163
  height: "20px",
164
- color: ze,
164
+ color: Be,
165
165
  className: "shrink-0"
166
166
  }),
167
- /* @__PURE__ */ V("div", {
167
+ /* @__PURE__ */ U("div", {
168
168
  className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
169
- children: Re.map((e, t) => /* @__PURE__ */ V(j, {
170
- variant: M.Rectangular,
169
+ children: ze.map((e, t) => /* @__PURE__ */ U(N, {
170
+ variant: P.Rectangular,
171
171
  width: e,
172
172
  height: "16px",
173
- color: ze
173
+ color: Be
174
174
  }, t))
175
175
  }),
176
- /* @__PURE__ */ V(j, {
177
- variant: M.Rectangular,
176
+ /* @__PURE__ */ U(N, {
177
+ variant: P.Rectangular,
178
178
  width: "110px",
179
179
  height: "28px",
180
- color: ze,
180
+ color: Be,
181
181
  className: "shrink-0 rounded-lg"
182
182
  })
183
183
  ]
184
- }), Ve = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ H("div", {
184
+ }), He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ W("div", {
185
185
  style: {
186
186
  "--st-grid-min-card-width": s?.minCardWidth,
187
187
  "--st-grid-gap": s?.gap,
@@ -191,14 +191,14 @@ var W = {
191
191
  gap: "var(--st-grid-gap, 20px)",
192
192
  gridTemplateColumns: "repeat(auto-fill, minmax(min(100%, max(var(--st-grid-min-card-width, 320px), calc((100% - (var(--st-grid-columns) - 1) * var(--st-grid-gap, 20px)) / var(--st-grid-columns)))), 1fr))"
193
193
  },
194
- className: v("mx-auto grid w-full min-w-0", W.cardGrid),
195
- children: [e.map((e) => /* @__PURE__ */ V(Ie, {
194
+ className: v("mx-auto grid w-full min-w-0", Ne.cardGrid),
195
+ children: [e.map((e) => /* @__PURE__ */ U(Le, {
196
196
  item: e,
197
197
  searchQuery: t,
198
198
  onCardClick: n,
199
199
  labels: r,
200
200
  styles: i
201
- }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ V(Be, { styles: o }, `skeleton-${t}`))]
201
+ }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ U(Ve, { styles: o }, `skeleton-${t}`))]
202
202
  }), X = {
203
203
  container: "_container_3vz4t_2",
204
204
  subtitle: "_subtitle_3vz4t_6",
@@ -206,47 +206,47 @@ var W = {
206
206
  sortButton: "_sortButton_3vz4t_19",
207
207
  createButton: "_createButton_3vz4t_10",
208
208
  sortControlHidden: "_sortControlHidden_3vz4t_49"
209
- }, He = /* @__PURE__ */ V(F, {
209
+ }, Ue = /* @__PURE__ */ U(R, {
210
210
  size: 48,
211
211
  stroke: 1,
212
212
  "aria-hidden": !0
213
- }), Ue = (e, t, n, r, i, a) => {
213
+ }), We = (e, t, n, r, i, a) => {
214
214
  if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
215
- }, We = (e) => {
215
+ }, Ge = (e) => {
216
216
  if (!e || e === document.body) return null;
217
217
  let { overflow: t, overflowY: n } = getComputedStyle(e);
218
- return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : We(e.parentElement);
219
- }, Ge = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: C, loadMoreError: w, onRetryLoadMore: T }) => {
220
- let { colors: E, typography: ie } = y ?? {}, ae = ie?.titleClassName ?? "dial-h1-text", oe = ie?.subtitleClassName ?? "dial-body-text", se = _({
218
+ return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ge(e.parentElement);
219
+ }, Ke = ({ labels: e, onCreateClick: t, searchQuery: n, onSearchQueryChange: r, sortKey: i, onSortChange: a, items: o, isLoading: s = !1, error: c, onRetry: l, hasMore: u = !1, isLoadingMore: d = !1, skeletonCount: f = 6, onLoadMore: p, onCardClick: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: C, loadMoreError: w, onRetryLoadMore: T }) => {
220
+ let { colors: E, typography: k } = y ?? {}, ie = k?.titleClassName ?? "dial-h1-text", j = k?.subtitleClassName ?? "dial-body-text", ae = _({
221
221
  "--st-bg": E?.background,
222
222
  "--st-subtitle-text": E?.subtitleText,
223
223
  "--st-sort-text": E?.sortButtonText
224
- }), ce = (e) => {
224
+ }), oe = (e) => {
225
225
  r(e ?? "");
226
- }, [ue, de] = je(!1), [pe, j] = je(!1), M = B(null), he = z(() => {
227
- j(!0);
228
- }, []), ge = z(() => {
229
- j(!1);
226
+ }, [ce, le] = Ae(!1), [de, N] = Ae(!1), P = ke(null), pe = Te(() => {
227
+ N(!0);
228
+ }, []), me = Te(() => {
229
+ N(!1);
230
230
  }, []);
231
- ke(() => {
232
- let e = M.current;
233
- pe && ue && e != null && e.offsetParent == null && de(!1);
234
- }, [pe, ue]);
235
- let _e = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, ve = Ae(() => e.sortOptions.map((e) => ({
231
+ Oe(() => {
232
+ let e = P.current;
233
+ de && ce && e != null && e.offsetParent == null && le(!1);
234
+ }, [de, ce]);
235
+ let he = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, ge = H(() => e.sortOptions.map((e) => ({
236
236
  key: e.value,
237
237
  label: e.label,
238
- mark: le.Check,
238
+ mark: se.Check,
239
239
  checked: e.value === i,
240
240
  onClick: () => a(e.value)
241
241
  })), [
242
242
  e.sortOptions,
243
243
  i,
244
244
  a
245
- ]), ye = Ue(s, d, !!c, o.length, n.trim().length > 0, e), be = B(null);
246
- De(() => {
247
- let e = be.current;
245
+ ]), F = We(s, d, !!c, o.length, n.trim().length > 0, e), _e = ke(null);
246
+ Ee(() => {
247
+ let e = _e.current;
248
248
  if (!e || !p) return;
249
- let t = We(e.parentElement);
249
+ let t = Ge(e.parentElement);
250
250
  if (!t) return;
251
251
  let n = () => {
252
252
  if (d || s || w || !u) return;
@@ -261,25 +261,25 @@ var W = {
261
261
  w,
262
262
  p
263
263
  ]);
264
- let xe = () => s ? /* @__PURE__ */ V(me, {}) : c ? /* @__PURE__ */ H("div", {
264
+ let ye = () => s ? /* @__PURE__ */ U(fe, {}) : c ? /* @__PURE__ */ W("div", {
265
265
  className: "flex flex-col items-center gap-3",
266
- children: [/* @__PURE__ */ V("p", {
267
- className: v(oe, X.subtitle),
266
+ children: [/* @__PURE__ */ U("p", {
267
+ className: v(j, X.subtitle),
268
268
  children: e.errorLabel
269
- }), /* @__PURE__ */ V(k, {
269
+ }), /* @__PURE__ */ U(A, {
270
270
  label: e.retryLabel,
271
271
  onClick: l
272
272
  })]
273
- }) : o.length === 0 ? n.trim() ? /* @__PURE__ */ V("p", {
274
- className: v(oe, X.subtitle),
273
+ }) : o.length === 0 ? n.trim() ? /* @__PURE__ */ U("p", {
274
+ className: v(j, X.subtitle),
275
275
  children: e.noResultsLabel
276
- }) : /* @__PURE__ */ V(m, {
276
+ }) : /* @__PURE__ */ U(m, {
277
277
  label: e.emptyStateLabel,
278
- icon: He
279
- }) : /* @__PURE__ */ H("div", {
278
+ icon: Ue
279
+ }) : /* @__PURE__ */ W("div", {
280
280
  className: "flex w-full flex-col gap-6",
281
281
  children: [
282
- /* @__PURE__ */ V(Ve, {
282
+ /* @__PURE__ */ U(He, {
283
283
  items: o,
284
284
  searchQuery: n,
285
285
  onCardClick: h,
@@ -289,44 +289,44 @@ var W = {
289
289
  cardStyles: C,
290
290
  layout: ee
291
291
  }),
292
- w && /* @__PURE__ */ H("div", {
292
+ w && /* @__PURE__ */ W("div", {
293
293
  role: "alert",
294
294
  className: "flex items-center gap-3",
295
- children: [/* @__PURE__ */ V("span", {
296
- className: v(oe, X.subtitle),
295
+ children: [/* @__PURE__ */ U("span", {
296
+ className: v(j, X.subtitle),
297
297
  children: e.loadMoreErrorLabel ?? e.errorLabel
298
- }), /* @__PURE__ */ V(k, {
298
+ }), /* @__PURE__ */ U(A, {
299
299
  label: e.retryLabel,
300
300
  onClick: T
301
301
  })]
302
302
  }),
303
- /* @__PURE__ */ V("div", {
304
- ref: be,
303
+ /* @__PURE__ */ U("div", {
304
+ ref: _e,
305
305
  "aria-hidden": !0,
306
306
  className: "h-px w-full"
307
307
  })
308
308
  ]
309
- }), P = s || !!c || o.length === 0;
310
- return /* @__PURE__ */ H("div", {
311
- style: se,
309
+ }), I = s || !!c || o.length === 0;
310
+ return /* @__PURE__ */ W("div", {
311
+ style: ae,
312
312
  className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", X.container, x),
313
313
  children: [
314
- /* @__PURE__ */ H("div", {
314
+ /* @__PURE__ */ W("div", {
315
315
  className: "flex items-start justify-between gap-4",
316
- children: [/* @__PURE__ */ H("div", {
316
+ children: [/* @__PURE__ */ W("div", {
317
317
  className: "min-w-0 gap-2",
318
- children: [/* @__PURE__ */ V("h1", {
319
- className: v("truncate", ae),
318
+ children: [/* @__PURE__ */ U("h1", {
319
+ className: v("truncate", ie),
320
320
  children: e.title
321
- }), /* @__PURE__ */ V("p", {
322
- className: v("mt-1", oe, X.subtitle),
321
+ }), /* @__PURE__ */ U("p", {
322
+ className: v("mt-1", j, X.subtitle),
323
323
  children: e.subtitle
324
324
  })]
325
- }), /* @__PURE__ */ V(fe, {
325
+ }), /* @__PURE__ */ U(ue, {
326
326
  label: e.createButtonLabel,
327
327
  textClassName: X.createButtonLabel,
328
328
  "aria-label": e.createButtonLabel,
329
- iconBefore: /* @__PURE__ */ V(R, {
329
+ iconBefore: /* @__PURE__ */ U(Se, {
330
330
  size: D.SM,
331
331
  "aria-hidden": !0,
332
332
  stroke: O
@@ -335,30 +335,30 @@ var W = {
335
335
  className: v("shrink-0", X.createButton)
336
336
  })]
337
337
  }),
338
- /* @__PURE__ */ H("div", {
338
+ /* @__PURE__ */ W("div", {
339
339
  className: "flex flex-wrap items-center gap-3",
340
- children: [/* @__PURE__ */ V("div", {
340
+ children: [/* @__PURE__ */ U("div", {
341
341
  role: "search",
342
342
  className: "flex-1",
343
- children: /* @__PURE__ */ V(A, {
343
+ children: /* @__PURE__ */ U(M, {
344
344
  value: n,
345
- onChange: ce,
345
+ onChange: oe,
346
346
  placeholder: e.searchPlaceholder,
347
347
  clearLabel: e.clearSearchLabel,
348
348
  "aria-label": e.searchAriaLabel,
349
349
  size: re.Large,
350
- onFocus: he,
351
- onBlur: ge
350
+ onFocus: pe,
351
+ onBlur: me
352
352
  })
353
- }), e.sortOptions.length > 0 && /* @__PURE__ */ V("div", {
354
- ref: M,
355
- className: v(pe && X.sortControlHidden),
356
- children: /* @__PURE__ */ V(S, {
357
- items: ve,
358
- label: _e,
353
+ }), e.sortOptions.length > 0 && /* @__PURE__ */ U("div", {
354
+ ref: P,
355
+ className: v(de && X.sortControlHidden),
356
+ children: /* @__PURE__ */ U(S, {
357
+ items: ge,
358
+ label: he,
359
359
  variant: ne.Primary,
360
360
  appearance: te.Ghost,
361
- iconBefore: b === void 0 ? /* @__PURE__ */ V(N, {
361
+ iconBefore: b === void 0 ? /* @__PURE__ */ U(ve, {
362
362
  size: D.SM,
363
363
  "aria-hidden": !0,
364
364
  stroke: O
@@ -368,29 +368,29 @@ var W = {
368
368
  })]
369
369
  }),
370
370
  g,
371
- /* @__PURE__ */ V("span", {
371
+ /* @__PURE__ */ U("span", {
372
372
  role: "status",
373
373
  "aria-live": "polite",
374
374
  className: "sr-only",
375
- children: ye
375
+ children: F
376
376
  }),
377
- /* @__PURE__ */ V("div", {
378
- className: v("mx-auto flex size-full w-full min-w-0 flex-col", P && "items-center justify-center"),
379
- children: xe()
377
+ /* @__PURE__ */ U("div", {
378
+ className: v("mx-auto flex size-full w-full min-w-0 flex-col", I && "items-center justify-center"),
379
+ children: ye()
380
380
  })
381
381
  ]
382
382
  });
383
- }, Ke = /* @__PURE__ */ function(e) {
383
+ }, qe = /* @__PURE__ */ function(e) {
384
384
  return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
385
- }({}), qe = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Je = (e, t) => {
385
+ }({}), Je = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Ye = (e, t) => {
386
386
  let n = new Set([...Object.keys(e), ...Object.keys(t)]);
387
- for (let r of n) if (qe(e[r]) !== qe(t[r])) return !0;
387
+ for (let r of n) if (Je(e[r]) !== Je(t[r])) return !0;
388
388
  return !1;
389
- }, Ye = { error: "_error_v2pfn_4" }, Xe = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
390
- let o = B(/* @__PURE__ */ new Date()).current;
391
- return /* @__PURE__ */ H("div", {
389
+ }, Xe = { error: "_error_v2pfn_4" }, Ze = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
390
+ let o = ke(/* @__PURE__ */ new Date()).current;
391
+ return /* @__PURE__ */ W("div", {
392
392
  className: "flex flex-col gap-1",
393
- children: [/* @__PURE__ */ V(C, {
393
+ children: [/* @__PURE__ */ U(C, {
394
394
  id: "scheduled-task-run-at",
395
395
  mode: w.DateTime,
396
396
  value: s(t),
@@ -401,8 +401,8 @@ var W = {
401
401
  required: !0
402
402
  },
403
403
  invalid: !!i
404
- }), i && /* @__PURE__ */ V("p", {
405
- className: v(a, Ye.error),
404
+ }), i && /* @__PURE__ */ U("p", {
405
+ className: v(a, Xe.error),
406
406
  children: i
407
407
  })]
408
408
  });
@@ -413,50 +413,50 @@ var W = {
413
413
  instructionsError: "_instructionsError_1253x_18",
414
414
  refineFeedback: "_refineFeedback_1253x_22",
415
415
  refineError: "_refineError_1253x_26"
416
- }, Ze = Ee(async () => ({ default: (await U()).MarkdownEditor })), Qe = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: te, onCancel: S, onSubmit: ne, isSubmitting: T = !1, onRefineDescription: re, onRefineInstructions: ie, markdownEditorTheme: k, backIcon: ae, className: oe, styles: le }) => {
417
- let ue = Oe(), fe = Oe(), A = B(void 0), j = (e) => e ? async (t, n) => {
418
- if (A.current && !A.current.aborted) throw new DOMException("Busy", "AbortError");
419
- A.current = n;
416
+ }, Qe = V(async () => ({ default: (await G()).MarkdownEditor })), $e = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: te, onCancel: S, onSubmit: ne, isSubmitting: T = !1, onRefineDescription: re, onRefineInstructions: k, markdownEditorTheme: A, backIcon: ie, className: j, styles: se }) => {
417
+ let ce = De(), ue = De(), M = ke(void 0), N = (e) => e ? async (t, n) => {
418
+ if (M.current && !M.current.aborted) throw new DOMException("Busy", "AbortError");
419
+ M.current = n;
420
420
  try {
421
421
  return await e(t, n);
422
422
  } finally {
423
- A.current === n && (A.current = void 0);
423
+ M.current === n && (M.current = void 0);
424
424
  }
425
- } : void 0, M = x({
425
+ } : void 0, P = x({
426
426
  value: r.description ?? "",
427
427
  onChange: (e) => b("description", e),
428
- onRefine: j(re),
428
+ onRefine: N(re),
429
429
  disabled: T
430
- }), he = x({
430
+ }), pe = x({
431
431
  value: r.prompt,
432
432
  onChange: (e) => b("prompt", e),
433
- onRefine: j(ie),
433
+ onRefine: N(k),
434
434
  disabled: T
435
- }), ge = M.isPending || he.isPending, ve = () => {
436
- M.reset(), he.reset();
437
- }, N = ee(!!(s && Je(r, s))), be = () => N.guard(() => {
438
- ve(), te();
439
- }), xe = () => N.guard(() => {
440
- ve(), S();
441
- }), P = y(), Se = !r.skillUrls?.length, [F, Ce] = je(), I = B(/* @__PURE__ */ new Date()).current, { colors: L, typography: R, layout: we } = le ?? {}, Ee = R?.titleClassName ?? "dial-h1-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", ke = R?.sectionSubtitleClassName ?? "dial-tiny-text", Ae = R?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = R?.instructionsErrorClassName ?? "dial-small-text", G = _({
442
- "--stcf-details-border": L?.detailsColumnBorder,
443
- "--stcf-subtitle-text": L?.sectionSubtitleText,
444
- "--stcf-error-text": L?.instructionsErrorText,
445
- "--stcf-refine-action-text": L?.refineActionText,
446
- "--stcf-refine-error-text": L?.refineErrorText
435
+ }), me = P.isPending || pe.isPending, ge = () => {
436
+ P.reset(), pe.reset();
437
+ }, F = ee(!!(s && Ye(r, s))), ve = () => F.guard(() => {
438
+ ge(), te();
439
+ }), ye = () => F.guard(() => {
440
+ ge(), S();
441
+ }), I = y(), be = !r.skillUrls?.length, [L, R] = Ae(), xe = ke(/* @__PURE__ */ new Date()).current, { colors: z, typography: B, layout: Se } = se ?? {}, Ce = B?.titleClassName ?? "dial-h1-text", V = B?.sectionTitleClassName ?? "dial-body-semi-text", Te = B?.sectionSubtitleClassName ?? "dial-tiny-text", Oe = B?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", H = B?.instructionsErrorClassName ?? "dial-small-text", G = _({
442
+ "--stcf-details-border": z?.detailsColumnBorder,
443
+ "--stcf-subtitle-text": z?.sectionSubtitleText,
444
+ "--stcf-error-text": z?.instructionsErrorText,
445
+ "--stcf-refine-action-text": z?.refineActionText,
446
+ "--stcf-refine-error-text": z?.refineErrorText
447
447
  }), K = {
448
- feedbackClassName: v(L?.refineActionText && Z.refineFeedback, R?.refineFeedbackClassName, W.refineFeedback),
448
+ feedbackClassName: v(z?.refineActionText && Z.refineFeedback, B?.refineFeedbackClassName, Ne.refineFeedback),
449
449
  errorClassName: Z.refineError
450
- }, Pe = (e) => {
451
- Ce(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
452
450
  }, q = (e) => {
453
- Ce(void 0), b("time", typeof e == "string" ? e : "");
451
+ R(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
452
+ }, Pe = (e) => {
453
+ R(void 0), b("time", typeof e == "string" ? e : "");
454
454
  }, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
455
- De(() => {
456
- J || Ce(void 0);
455
+ Ee(() => {
456
+ J || R(void 0);
457
457
  }, [J]);
458
- let Fe = J ? F ?? u.time : void 0, Y = (e) => b("runAt", e), Ie = T || ge || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
459
- return /* @__PURE__ */ H(Me, { children: [/* @__PURE__ */ V(Ne, {
458
+ let Fe = J ? L ?? u.time : void 0, Ie = (e) => b("runAt", e), Y = T || me || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Fe;
459
+ return /* @__PURE__ */ W(je, { children: [/* @__PURE__ */ U(Me, {
460
460
  labels: {
461
461
  title: n.pageTitle,
462
462
  backButtonLabel: n.backButtonLabel,
@@ -464,50 +464,50 @@ var W = {
464
464
  submitButtonLabel: n.createButtonLabel,
465
465
  submittingLabel: n.submittingLabel ?? "Saving"
466
466
  },
467
- onBack: be,
468
- onCancel: xe,
467
+ onBack: ve,
468
+ onCancel: ye,
469
469
  onSubmit: () => {
470
- !Ie && (!A.current || A.current.aborted) && ne();
470
+ !Y && (!M.current || M.current.aborted) && ne();
471
471
  },
472
472
  isCancelDisabled: T,
473
- isSubmitDisabled: Ie,
473
+ isSubmitDisabled: Y,
474
474
  isSubmitting: T,
475
- backIcon: ae === void 0 ? /* @__PURE__ */ V(ye, {
475
+ backIcon: ie === void 0 ? /* @__PURE__ */ U(_e, {
476
476
  size: D.LG,
477
477
  stroke: O,
478
478
  "aria-hidden": !0,
479
479
  className: "rtl:scale-x-[-1]"
480
- }) : ae,
480
+ }) : ie,
481
481
  layout: {
482
- sideColumnWidth: we?.detailsWidth,
483
- columnGap: we?.columnGap,
482
+ sideColumnWidth: Se?.detailsWidth,
483
+ columnGap: Se?.columnGap,
484
484
  reserveEndColumn: !1
485
485
  },
486
- className: oe,
486
+ className: j,
487
487
  styles: {
488
- colors: { background: L?.background },
488
+ colors: { background: z?.background },
489
489
  header: {
490
- colors: { borderColor: L?.headerBorder },
491
- typography: { fontClassName: Ee }
490
+ colors: { borderColor: z?.headerBorder },
491
+ typography: { fontClassName: Ce }
492
492
  },
493
493
  cssVars: G
494
494
  },
495
- left: /* @__PURE__ */ H("div", {
495
+ left: /* @__PURE__ */ W("div", {
496
496
  role: "group",
497
497
  "aria-label": n.detailsSectionTitle,
498
498
  className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", Z.detailsColumn, Z.formColumn),
499
499
  children: [
500
- /* @__PURE__ */ H("div", {
500
+ /* @__PURE__ */ W("div", {
501
501
  className: "flex flex-col gap-1",
502
- children: [/* @__PURE__ */ V("h2", {
503
- className: z,
502
+ children: [/* @__PURE__ */ U("h2", {
503
+ className: V,
504
504
  children: n.detailsSectionTitle
505
- }), /* @__PURE__ */ V("p", {
506
- className: v(ke, Z.sectionSubtitle),
505
+ }), /* @__PURE__ */ U("p", {
506
+ className: v(Te, Z.sectionSubtitle),
507
507
  children: n.detailsSectionSubtitle
508
508
  })]
509
509
  }),
510
- /* @__PURE__ */ V(se, {
510
+ /* @__PURE__ */ U(ae, {
511
511
  id: "scheduled-task-display-name",
512
512
  value: r.displayName,
513
513
  onChange: (e) => b("displayName", e ?? ""),
@@ -518,19 +518,19 @@ var W = {
518
518
  invalid: !!u.displayName,
519
519
  error: u.displayName
520
520
  }),
521
- /* @__PURE__ */ V(g, {
521
+ /* @__PURE__ */ U(g, {
522
522
  isEnabled: !!re,
523
- fieldId: ue,
523
+ fieldId: ce,
524
524
  label: n.descriptionLabel,
525
525
  labels: n,
526
- refinement: M,
527
- disabled: T || ge,
526
+ refinement: P,
527
+ disabled: T || me,
528
528
  ...K,
529
- children: /* @__PURE__ */ V(_e, {
530
- id: ue,
529
+ children: /* @__PURE__ */ U(he, {
530
+ id: ce,
531
531
  value: r.description ?? "",
532
532
  onChange: (e) => {
533
- M.reset(), b("description", e);
533
+ P.reset(), b("description", e);
534
534
  },
535
535
  labelProps: re ? void 0 : { label: n.descriptionLabel },
536
536
  maxLength: 500,
@@ -539,25 +539,25 @@ var W = {
539
539
  caption: r.description ? `${r.description.length}/500` : void 0
540
540
  })
541
541
  }),
542
- /* @__PURE__ */ H("div", {
542
+ /* @__PURE__ */ W("div", {
543
543
  className: "flex flex-col gap-1",
544
544
  children: [
545
- /* @__PURE__ */ V(ce, {
545
+ /* @__PURE__ */ U(oe, {
546
546
  id: m,
547
547
  label: n.modelOrAgentLabel,
548
548
  required: !0
549
549
  }),
550
550
  p,
551
- u.modelId && /* @__PURE__ */ V("p", {
552
- className: v(U, Z.instructionsError),
551
+ u.modelId && /* @__PURE__ */ U("p", {
552
+ className: v(H, Z.instructionsError),
553
553
  children: u.modelId
554
554
  })
555
555
  ]
556
556
  }),
557
- /* @__PURE__ */ H("div", {
557
+ /* @__PURE__ */ W("div", {
558
558
  className: "flex flex-col gap-3",
559
559
  children: [
560
- /* @__PURE__ */ V(pe, {
560
+ /* @__PURE__ */ U(de, {
561
561
  labelProps: { label: n.repeatLabel },
562
562
  value: r.repeat,
563
563
  onChange: (e) => b("repeat", e),
@@ -566,22 +566,22 @@ var W = {
566
566
  label: e.label
567
567
  }))
568
568
  }),
569
- r.repeat === t.OneTime && /* @__PURE__ */ V(Xe, {
569
+ r.repeat === t.OneTime && /* @__PURE__ */ U(Ze, {
570
570
  label: n.runAtLabel,
571
571
  value: r.runAt ?? "",
572
- onChange: Y,
572
+ onChange: Ie,
573
573
  error: u.runAt,
574
- errorClassName: U
574
+ errorClassName: H
575
575
  }),
576
- r.repeat !== t.OneTime && /* @__PURE__ */ H(Me, { children: [
577
- J && /* @__PURE__ */ H("div", {
576
+ r.repeat !== t.OneTime && /* @__PURE__ */ W(je, { children: [
577
+ J && /* @__PURE__ */ W("div", {
578
578
  className: "flex flex-col gap-1",
579
- children: [/* @__PURE__ */ V(C, {
579
+ children: [/* @__PURE__ */ U(C, {
580
580
  id: "scheduled-task-time",
581
581
  mode: w.Time,
582
582
  value: r.time,
583
- onChange: q,
584
- onBlur: Pe,
583
+ onChange: Pe,
584
+ onBlur: q,
585
585
  labelProps: {
586
586
  label: n.timeLabel,
587
587
  required: !0
@@ -589,14 +589,14 @@ var W = {
589
589
  invalid: !!Fe,
590
590
  disabled: T,
591
591
  showTimezone: !0
592
- }), Fe && /* @__PURE__ */ V("p", {
593
- className: v(U, Z.instructionsError),
592
+ }), Fe && /* @__PURE__ */ U("p", {
593
+ className: v(H, Z.instructionsError),
594
594
  children: Fe
595
595
  })]
596
596
  }),
597
- r.repeat === t.Weekly && /* @__PURE__ */ H("div", {
597
+ r.repeat === t.Weekly && /* @__PURE__ */ W("div", {
598
598
  className: "flex flex-col gap-1",
599
- children: [/* @__PURE__ */ V(C, {
599
+ children: [/* @__PURE__ */ U(C, {
600
600
  id: "scheduled-task-day-of-week",
601
601
  mode: w.Weekday,
602
602
  value: a(r.dayOfWeek),
@@ -606,12 +606,12 @@ var W = {
606
606
  required: !0
607
607
  },
608
608
  invalid: !!u.dayOfWeek
609
- }), u.dayOfWeek && /* @__PURE__ */ V("p", {
610
- className: v(U, Z.instructionsError),
609
+ }), u.dayOfWeek && /* @__PURE__ */ U("p", {
610
+ className: v(H, Z.instructionsError),
611
611
  children: u.dayOfWeek
612
612
  })]
613
613
  }),
614
- r.repeat === t.Monthly && /* @__PURE__ */ V(de, {
614
+ r.repeat === t.Monthly && /* @__PURE__ */ U(le, {
615
615
  id: "scheduled-task-day-of-month",
616
616
  integer: !0,
617
617
  min: 1,
@@ -625,7 +625,7 @@ var W = {
625
625
  invalid: !!u.dayOfMonth,
626
626
  error: u.dayOfMonth
627
627
  }),
628
- r.repeat === t.Hourly && /* @__PURE__ */ V(de, {
628
+ r.repeat === t.Hourly && /* @__PURE__ */ U(le, {
629
629
  id: "scheduled-task-minute",
630
630
  integer: !0,
631
631
  min: 0,
@@ -639,36 +639,36 @@ var W = {
639
639
  invalid: !!u.minute,
640
640
  error: u.minute
641
641
  }),
642
- /* @__PURE__ */ H("div", {
642
+ /* @__PURE__ */ W("div", {
643
643
  className: "flex flex-row gap-3",
644
- children: [/* @__PURE__ */ H("div", {
644
+ children: [/* @__PURE__ */ W("div", {
645
645
  className: "flex flex-1 flex-col gap-1",
646
- children: [/* @__PURE__ */ V(C, {
646
+ children: [/* @__PURE__ */ U(C, {
647
647
  id: "scheduled-task-start-date",
648
648
  mode: w.Date,
649
649
  value: e(r.startDate),
650
650
  onChange: (e) => b("startDate", i(e)),
651
- minDate: I,
651
+ minDate: xe,
652
652
  labelProps: { label: n.startDateLabel },
653
653
  placeholder: n.startDatePlaceholder,
654
654
  invalid: !!u.startDate
655
- }), u.startDate && /* @__PURE__ */ V("p", {
656
- className: v(U, Z.instructionsError),
655
+ }), u.startDate && /* @__PURE__ */ U("p", {
656
+ className: v(H, Z.instructionsError),
657
657
  children: u.startDate
658
658
  })]
659
- }), /* @__PURE__ */ H("div", {
659
+ }), /* @__PURE__ */ W("div", {
660
660
  className: "flex flex-1 flex-col gap-1",
661
- children: [/* @__PURE__ */ V(C, {
661
+ children: [/* @__PURE__ */ U(C, {
662
662
  id: "scheduled-task-end-date",
663
663
  mode: w.Date,
664
664
  value: e(r.endDate),
665
665
  onChange: (e) => b("endDate", i(e)),
666
- minDate: I,
666
+ minDate: xe,
667
667
  labelProps: { label: n.endDateLabel },
668
668
  placeholder: n.endDatePlaceholder,
669
669
  invalid: !!u.endDate
670
- }), u.endDate && /* @__PURE__ */ V("p", {
671
- className: v(U, Z.instructionsError),
670
+ }), u.endDate && /* @__PURE__ */ U("p", {
671
+ className: v(H, Z.instructionsError),
672
672
  children: u.endDate
673
673
  })]
674
674
  })]
@@ -678,71 +678,71 @@ var W = {
678
678
  })
679
679
  ]
680
680
  }),
681
- children: /* @__PURE__ */ H("div", {
681
+ children: /* @__PURE__ */ W("div", {
682
682
  role: "group",
683
683
  "aria-label": n.configurationSectionTitle,
684
684
  className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
685
685
  children: [
686
- /* @__PURE__ */ H("div", {
686
+ /* @__PURE__ */ W("div", {
687
687
  className: "flex flex-col gap-1",
688
- children: [/* @__PURE__ */ V("h2", {
689
- className: z,
688
+ children: [/* @__PURE__ */ U("h2", {
689
+ className: V,
690
690
  children: n.configurationSectionTitle
691
- }), /* @__PURE__ */ V("p", {
692
- className: v(ke, Z.sectionSubtitle),
691
+ }), /* @__PURE__ */ U("p", {
692
+ className: v(Te, Z.sectionSubtitle),
693
693
  children: n.configurationSectionSubtitle
694
694
  })]
695
695
  }),
696
- h == null ? u.skillUrls && /* @__PURE__ */ V("div", {
696
+ h == null ? u.skillUrls && /* @__PURE__ */ U("div", {
697
697
  "aria-live": "polite",
698
- children: /* @__PURE__ */ V("p", {
699
- className: v(U, Z.instructionsError),
698
+ children: /* @__PURE__ */ U("p", {
699
+ className: v(H, Z.instructionsError),
700
700
  children: u.skillUrls
701
701
  })
702
- }) : /* @__PURE__ */ V("div", {
702
+ }) : /* @__PURE__ */ U("div", {
703
703
  className: "w-full min-w-0 max-w-[996px]",
704
704
  children: h
705
705
  }),
706
- /* @__PURE__ */ V("div", {
706
+ /* @__PURE__ */ U("div", {
707
707
  className: "flex w-full min-w-0 max-w-[996px] flex-col",
708
- children: /* @__PURE__ */ V(g, {
709
- isEnabled: !!ie,
710
- fieldId: fe,
711
- labelClassName: Ae,
708
+ children: /* @__PURE__ */ U(g, {
709
+ isEnabled: !!k,
710
+ fieldId: ue,
711
+ labelClassName: Oe,
712
712
  label: n.instructionsLabel,
713
- required: Se,
713
+ required: be,
714
714
  labels: n,
715
- refinement: he,
716
- disabled: T || ge,
715
+ refinement: pe,
716
+ disabled: T || me,
717
717
  ...K,
718
- children: /* @__PURE__ */ H("div", {
718
+ children: /* @__PURE__ */ W("div", {
719
719
  className: "flex flex-1 flex-col gap-1",
720
720
  children: [
721
- !ie && /* @__PURE__ */ V(ce, {
722
- htmlFor: fe,
723
- className: Ae,
721
+ !k && /* @__PURE__ */ U(oe, {
722
+ htmlFor: ue,
723
+ className: Oe,
724
724
  label: n.instructionsLabel,
725
- required: Se
725
+ required: be
726
726
  }),
727
- /* @__PURE__ */ V("div", {
728
- ref: P,
727
+ /* @__PURE__ */ U("div", {
728
+ ref: I,
729
729
  className: v("w-full", d, f),
730
- children: /* @__PURE__ */ V(Te, {
731
- fallback: /* @__PURE__ */ V(me, {}),
732
- children: /* @__PURE__ */ V(Ze, {
733
- id: fe,
730
+ children: /* @__PURE__ */ U(we, {
731
+ fallback: /* @__PURE__ */ U(fe, {}),
732
+ children: /* @__PURE__ */ U(Qe, {
733
+ id: ue,
734
734
  value: r.prompt,
735
735
  onChange: (e) => {
736
- he.reset(), b("prompt", e);
736
+ pe.reset(), b("prompt", e);
737
737
  },
738
738
  height: 480,
739
- theme: k,
739
+ theme: A,
740
740
  placeholder: n.instructionsPlaceholder
741
741
  })
742
742
  })
743
743
  }),
744
- u.prompt && /* @__PURE__ */ V("p", {
745
- className: v(U, Z.instructionsError),
744
+ u.prompt && /* @__PURE__ */ U("p", {
745
+ className: v(H, Z.instructionsError),
746
746
  children: u.prompt
747
747
  })
748
748
  ]
@@ -751,100 +751,100 @@ var W = {
751
751
  })
752
752
  ]
753
753
  })
754
- }), N.isConfirmOpen && /* @__PURE__ */ V(l, {
754
+ }), F.isConfirmOpen && /* @__PURE__ */ U(l, {
755
755
  open: !0,
756
756
  title: n.discardTitle ?? "Discard unsaved changes?",
757
757
  message: n.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
758
758
  confirmLabel: n.discardConfirmLabel ?? "Discard changes",
759
759
  cancelLabel: n.discardCancelLabel ?? "Keep editing",
760
760
  variant: E.Danger,
761
- onConfirm: N.confirm,
762
- onClose: N.dismiss
761
+ onConfirm: F.confirm,
762
+ onClose: F.dismiss
763
763
  })] });
764
- }, $e = /* @__PURE__ */ function(e) {
764
+ }, et = /* @__PURE__ */ function(e) {
765
765
  return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
766
- }({}), et = /* @__PURE__ */ function(e) {
766
+ }({}), tt = /* @__PURE__ */ function(e) {
767
767
  return e.Card = "card", e.Flow = "flow", e;
768
- }({}), tt = { subtitleText: "_subtitleText_1i4x2_3" }, nt = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ H("div", {
768
+ }({}), nt = { subtitleText: "_subtitleText_1i4x2_3" }, rt = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ W("div", {
769
769
  className: "flex min-w-0 flex-col gap-5",
770
- children: [!!t?.length && /* @__PURE__ */ H("div", {
770
+ children: [!!t?.length && /* @__PURE__ */ W("div", {
771
771
  role: "group",
772
772
  "aria-label": e,
773
773
  className: "flex min-w-0 flex-col gap-1",
774
- children: [/* @__PURE__ */ V("span", {
775
- className: v(o, tt.subtitleText),
774
+ children: [/* @__PURE__ */ U("span", {
775
+ className: v(o, nt.subtitleText),
776
776
  children: e
777
- }), /* @__PURE__ */ V("p", {
777
+ }), /* @__PURE__ */ U("p", {
778
778
  className: "whitespace-normal break-all",
779
- children: t?.map((e, t) => /* @__PURE__ */ V("span", {
779
+ children: t?.map((e, t) => /* @__PURE__ */ U("span", {
780
780
  className: "block",
781
781
  children: e
782
782
  }, `${t}:${e}`))
783
783
  })]
784
- }), r && /* @__PURE__ */ H("div", {
784
+ }), r && /* @__PURE__ */ W("div", {
785
785
  role: "group",
786
786
  "aria-label": n,
787
787
  className: "flex min-w-0 flex-col gap-1",
788
- children: [/* @__PURE__ */ V("span", {
789
- className: v(o, tt.subtitleText),
788
+ children: [/* @__PURE__ */ U("span", {
789
+ className: v(o, nt.subtitleText),
790
790
  children: n
791
- }), i ? i(r) : /* @__PURE__ */ V(p, {
791
+ }), i ? i(r) : /* @__PURE__ */ U(p, {
792
792
  content: r,
793
793
  ...a
794
794
  })]
795
795
  })]
796
- }), rt = { subtitleText: "_subtitleText_1i4x2_3" }, it = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ H(Me, { children: [
797
- t && /* @__PURE__ */ H("div", {
796
+ }), it = { subtitleText: "_subtitleText_1i4x2_3" }, at = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ W(je, { children: [
797
+ t && /* @__PURE__ */ W("div", {
798
798
  className: "flex flex-col gap-1",
799
- children: [/* @__PURE__ */ V("span", {
800
- className: v(o, rt.subtitleText),
799
+ children: [/* @__PURE__ */ U("span", {
800
+ className: v(o, it.subtitleText),
801
801
  children: e.descriptionLabel
802
- }), /* @__PURE__ */ V("p", {
802
+ }), /* @__PURE__ */ U("p", {
803
803
  className: s,
804
804
  children: t
805
805
  })]
806
806
  }),
807
- a && /* @__PURE__ */ H("div", {
807
+ a && /* @__PURE__ */ W("div", {
808
808
  className: "flex flex-col gap-1",
809
- children: [/* @__PURE__ */ V("span", {
810
- className: v(o, rt.subtitleText),
809
+ children: [/* @__PURE__ */ U("span", {
810
+ className: v(o, it.subtitleText),
811
811
  children: e.completedFieldLabel
812
- }), /* @__PURE__ */ V("p", {
812
+ }), /* @__PURE__ */ U("p", {
813
813
  className: s,
814
814
  children: a
815
815
  })]
816
816
  }),
817
- n && /* @__PURE__ */ H("div", {
817
+ n && /* @__PURE__ */ W("div", {
818
818
  className: "flex flex-col gap-1",
819
- children: [/* @__PURE__ */ V("span", {
820
- className: v(o, rt.subtitleText),
819
+ children: [/* @__PURE__ */ U("span", {
820
+ className: v(o, it.subtitleText),
821
821
  children: e.modelLabel
822
- }), /* @__PURE__ */ V("p", {
822
+ }), /* @__PURE__ */ U("p", {
823
823
  className: s,
824
824
  children: n
825
825
  })]
826
826
  }),
827
- r && /* @__PURE__ */ H("div", {
827
+ r && /* @__PURE__ */ W("div", {
828
828
  className: "flex flex-col gap-1",
829
- children: [/* @__PURE__ */ V("span", {
830
- className: v(o, rt.subtitleText),
829
+ children: [/* @__PURE__ */ U("span", {
830
+ className: v(o, it.subtitleText),
831
831
  children: e.repeatsLabel
832
- }), /* @__PURE__ */ V("p", {
832
+ }), /* @__PURE__ */ U("p", {
833
833
  className: s,
834
834
  children: r
835
835
  })]
836
836
  }),
837
- i && /* @__PURE__ */ H("div", {
837
+ i && /* @__PURE__ */ W("div", {
838
838
  className: "flex flex-col gap-1",
839
- children: [/* @__PURE__ */ V("span", {
840
- className: v(o, rt.subtitleText),
839
+ children: [/* @__PURE__ */ U("span", {
840
+ className: v(o, it.subtitleText),
841
841
  children: e.activeWindowLabel
842
- }), /* @__PURE__ */ V("p", {
842
+ }), /* @__PURE__ */ U("p", {
843
843
  className: s,
844
844
  children: i
845
845
  })]
846
846
  })
847
- ] }), at = /* @__PURE__ */ function(e) {
847
+ ] }), ot = /* @__PURE__ */ function(e) {
848
848
  return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
849
849
  }({}), Q = {
850
850
  subtitleText: "_subtitleText_1d5p9_1",
@@ -855,25 +855,25 @@ var W = {
855
855
  interactiveRow: "_interactiveRow_1d5p9_22",
856
856
  unreadDot: "_unreadDot_1d5p9_33",
857
857
  rowLayout: "_rowLayout_1d5p9_37"
858
- }, ot = ({ status: e }) => {
858
+ }, st = ({ status: e }) => {
859
859
  switch (e) {
860
- case at.Success: return /* @__PURE__ */ V(xe, {
860
+ case ot.Success: return /* @__PURE__ */ U(I, {
861
861
  size: D.SM,
862
862
  className: Q.successIcon,
863
863
  "aria-hidden": !0,
864
864
  stroke: O
865
865
  });
866
- case at.Error: return /* @__PURE__ */ V(P, {
866
+ case ot.Error: return /* @__PURE__ */ U(be, {
867
867
  size: D.SM,
868
868
  className: Q.errorIcon,
869
869
  "aria-hidden": !0,
870
870
  stroke: O
871
871
  });
872
- case at.InProgress: return /* @__PURE__ */ V("span", {
872
+ case ot.InProgress: return /* @__PURE__ */ U("span", {
873
873
  "aria-hidden": !0,
874
- children: /* @__PURE__ */ V(me, { size: D.SM })
874
+ children: /* @__PURE__ */ U(fe, { size: D.SM })
875
875
  });
876
- case at.Missed: return /* @__PURE__ */ V(ve, {
876
+ case ot.Missed: return /* @__PURE__ */ U(F, {
877
877
  size: D.SM,
878
878
  className: Q.missedIcon,
879
879
  "aria-hidden": !0,
@@ -881,7 +881,7 @@ var W = {
881
881
  });
882
882
  default: return null;
883
883
  }
884
- }, st = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: i, onRetry: a, currentRunId: o, onRunClick: s, labels: c, footer: l, styles: u }) => {
884
+ }, ct = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: r = 6, error: i, onRetry: a, currentRunId: o, onRunClick: s, labels: c, footer: l, styles: u }) => {
885
885
  let { colors: d, typography: f } = u ?? {}, p = f?.runTimestampClassName ?? "dial-small-text", m = f?.subtitleClassName ?? "dial-body-text", h = c.unreadIndicatorLabel ?? "Unread", g = _({
886
886
  "--strhl-success-icon": d?.successIconColor,
887
887
  "--strhl-error-icon": d?.errorIconColor,
@@ -893,9 +893,13 @@ var W = {
893
893
  "--strhl-row-focus-bg": u?.rowFocusBackground,
894
894
  "--strhl-row-focus-outline": u?.rowFocusOutline
895
895
  }), y = (e) => {
896
- let t = c.runStatusLabels[e.status], n = e.id === o, r = [e.isUnread ? h : void 0, n ? c.currentRunLabel : void 0].filter((e) => !!e), i = [`${t} ${e.timestampLabel}`, ...r].join(" — "), a = !!e.conversationId && !!s;
897
- return /* @__PURE__ */ H("li", {
898
- ...a ? {
896
+ let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ot.Error && e.errorText ? e.errorText : void 0, i = [
897
+ r,
898
+ e.isUnread ? h : void 0,
899
+ n ? c.currentRunLabel : void 0
900
+ ].filter((e) => !!e), a = [`${t} ${e.timestampLabel}`, ...i].join(" — "), l = !!e.conversationId && !!s;
901
+ return /* @__PURE__ */ W("li", {
902
+ ...l ? {
899
903
  role: "button",
900
904
  tabIndex: 0,
901
905
  onClick: () => s?.(e),
@@ -903,41 +907,50 @@ var W = {
903
907
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), s?.(e));
904
908
  }
905
909
  } : {},
906
- "aria-label": i,
910
+ "aria-label": a,
907
911
  "aria-current": n ? "true" : void 0,
908
- className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full pe-2", Q.rowLayout, n && Q.currentRun, a && "cursor-pointer", a && Q.interactiveRow),
909
- children: [/* @__PURE__ */ H("span", {
912
+ className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full pe-2", Q.rowLayout, n && Q.currentRun, l && "cursor-pointer", l && Q.interactiveRow),
913
+ children: [/* @__PURE__ */ W("span", {
910
914
  className: "flex items-center gap-2 truncate",
911
- children: [/* @__PURE__ */ V("span", {
915
+ children: [/* @__PURE__ */ U("span", {
912
916
  className: "relative flex size-3 shrink-0 items-center justify-center",
913
- children: e.isUnread && /* @__PURE__ */ V("span", {
917
+ children: e.isUnread && /* @__PURE__ */ U("span", {
914
918
  className: v("size-[5.33px] rounded-full", Q.unreadDot),
915
919
  "aria-hidden": !0
916
920
  })
917
- }), /* @__PURE__ */ V("span", {
921
+ }), /* @__PURE__ */ U("span", {
918
922
  className: v(p, "truncate"),
919
923
  children: e.timestampLabel
920
924
  })]
921
- }), /* @__PURE__ */ V("span", {
925
+ }), /* @__PURE__ */ U("span", {
922
926
  className: "flex min-h-[var(--strhl-row-min-height,32px)] w-14 shrink-0 items-center justify-end",
923
- children: /* @__PURE__ */ V(ot, { status: e.status })
927
+ children: r ? /* @__PURE__ */ U(ge, {
928
+ tooltip: r,
929
+ asChild: !0,
930
+ contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
931
+ children: /* @__PURE__ */ U("span", {
932
+ className: "flex shrink-0",
933
+ tabIndex: l ? void 0 : 0,
934
+ children: /* @__PURE__ */ U(st, { status: e.status })
935
+ })
936
+ }) : /* @__PURE__ */ U(st, { status: e.status })
924
937
  })]
925
938
  }, e.id);
926
- }, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ H("li", {
939
+ }, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ W("li", {
927
940
  "aria-hidden": "true",
928
941
  className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 pe-2", Q.rowLayout),
929
- children: [/* @__PURE__ */ V(j, {
930
- variant: M.Rectangular,
942
+ children: [/* @__PURE__ */ U(N, {
943
+ variant: P.Rectangular,
931
944
  width: "160px",
932
945
  height: "16px"
933
- }), /* @__PURE__ */ V(j, {
934
- variant: M.Rectangular,
946
+ }), /* @__PURE__ */ U(N, {
947
+ variant: P.Rectangular,
935
948
  width: "16px",
936
949
  height: "16px",
937
950
  className: "shrink-0 rounded-full"
938
951
  })]
939
952
  }, `history-skeleton-${t}`));
940
- return t && e.length === 0 ? /* @__PURE__ */ V("ul", {
953
+ return t && e.length === 0 ? /* @__PURE__ */ U("ul", {
941
954
  style: {
942
955
  ...g,
943
956
  "--strhl-row-min-height": u?.rowMinHeight
@@ -945,31 +958,31 @@ var W = {
945
958
  "aria-label": c.historyTitle,
946
959
  className: "flex flex-col gap-0.5",
947
960
  children: b(r)
948
- }) : i && e.length === 0 ? /* @__PURE__ */ H("div", {
961
+ }) : i && e.length === 0 ? /* @__PURE__ */ W("div", {
949
962
  style: g,
950
963
  className: "flex flex-col items-start gap-3",
951
- children: [/* @__PURE__ */ V("p", {
964
+ children: [/* @__PURE__ */ U("p", {
952
965
  role: "alert",
953
966
  className: v(m, Q.subtitleText),
954
967
  children: c.errorLabel
955
- }), /* @__PURE__ */ V(k, {
968
+ }), /* @__PURE__ */ U(A, {
956
969
  label: c.retryLabel,
957
970
  onClick: a
958
971
  })]
959
- }) : e.length === 0 ? /* @__PURE__ */ H("div", {
972
+ }) : e.length === 0 ? /* @__PURE__ */ W("div", {
960
973
  style: g,
961
974
  className: "flex w-full flex-col items-center justify-center gap-2 py-4",
962
- children: [/* @__PURE__ */ V(Se, {
975
+ children: [/* @__PURE__ */ U(L, {
963
976
  size: 44,
964
977
  stroke: O,
965
978
  className: Q.subtitleText,
966
979
  "aria-hidden": !0
967
- }), /* @__PURE__ */ V("p", {
980
+ }), /* @__PURE__ */ U("p", {
968
981
  role: "status",
969
982
  className: p,
970
983
  children: c.emptyLabel
971
984
  })]
972
- }) : /* @__PURE__ */ H("ul", {
985
+ }) : /* @__PURE__ */ W("ul", {
973
986
  style: {
974
987
  ...g,
975
988
  "--strhl-row-min-height": u?.rowMinHeight
@@ -979,50 +992,50 @@ var W = {
979
992
  children: [
980
993
  e.map(y),
981
994
  n && b(r),
982
- i ? /* @__PURE__ */ H("li", {
995
+ i ? /* @__PURE__ */ W("li", {
983
996
  className: "flex flex-col items-start gap-3 px-5 py-2",
984
- children: [/* @__PURE__ */ V("p", {
997
+ children: [/* @__PURE__ */ U("p", {
985
998
  role: "alert",
986
999
  className: v(m, Q.subtitleText),
987
1000
  children: c.errorLabel
988
- }), /* @__PURE__ */ V(k, {
1001
+ }), /* @__PURE__ */ U(A, {
989
1002
  label: c.retryLabel,
990
1003
  onClick: a
991
1004
  })]
992
1005
  }) : l
993
1006
  ]
994
1007
  });
995
- }, ct = {
1008
+ }, lt = {
996
1009
  historyCard: "_historyCard_153p9_4",
997
1010
  subtitleText: "_subtitleText_153p9_8",
998
1011
  cardLayout: "_cardLayout_153p9_13"
999
- }, lt = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", sectionTitleClassName: h = "dial-body-semi-text", colors: g, styles: _ }) => {
1000
- let y = e === et.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", ct.historyCard) : "pt-2", x = l ? /* @__PURE__ */ H("li", {
1012
+ }, ut = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", sectionTitleClassName: h = "dial-body-semi-text", colors: g, styles: _ }) => {
1013
+ let y = e === tt.Card, b = y ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", x = l ? /* @__PURE__ */ W("li", {
1001
1014
  className: b,
1002
- children: [/* @__PURE__ */ V("p", {
1015
+ children: [/* @__PURE__ */ U("p", {
1003
1016
  role: "alert",
1004
1017
  children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
1005
- }), u && /* @__PURE__ */ V(k, {
1018
+ }), u && /* @__PURE__ */ U(A, {
1006
1019
  label: t.historyRetryLabel,
1007
1020
  onClick: u,
1008
1021
  disabled: a
1009
1022
  })]
1010
- }) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ V("li", {
1023
+ }) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ U("li", {
1011
1024
  className: b,
1012
- children: /* @__PURE__ */ V(k, {
1025
+ children: /* @__PURE__ */ U(A, {
1013
1026
  label: t.historyShowMoreLabel,
1014
1027
  onClick: f,
1015
1028
  disabled: a
1016
1029
  })
1017
- }) : void 0, ee = n ? /* @__PURE__ */ V("p", {
1018
- className: v(m, ct.subtitleText),
1030
+ }) : void 0, ee = n ? /* @__PURE__ */ U("p", {
1031
+ className: v(m, lt.subtitleText),
1019
1032
  children: n
1020
- }) : void 0, te = t.historyLoadingMoreLabel ? /* @__PURE__ */ V("span", {
1033
+ }) : void 0, te = t.historyLoadingMoreLabel ? /* @__PURE__ */ U("span", {
1021
1034
  role: "status",
1022
1035
  "aria-live": "polite",
1023
1036
  className: "sr-only",
1024
1037
  children: a ? t.historyLoadingMoreLabel : ""
1025
- }) : void 0, S = /* @__PURE__ */ V(st, {
1038
+ }) : void 0, S = /* @__PURE__ */ U(ct, {
1026
1039
  items: r,
1027
1040
  isLoading: i,
1028
1041
  isLoadingMore: a,
@@ -1048,24 +1061,24 @@ var W = {
1048
1061
  rowFocusOutline: _?.rowFocusOutline
1049
1062
  }
1050
1063
  });
1051
- return y ? /* @__PURE__ */ H("div", {
1052
- className: v("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", ct.historyCard, ct.cardLayout),
1064
+ return y ? /* @__PURE__ */ W("div", {
1065
+ className: v("flex max-h-[var(--st-history-max-height,70vh)] w-full max-w-full flex-col overflow-y-auto rounded-xl shadow-md", lt.historyCard, lt.cardLayout),
1053
1066
  style: { "--st-history-max-height": _?.maxHeight },
1054
- children: [/* @__PURE__ */ H("div", {
1055
- className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", ct.historyCard),
1067
+ children: [/* @__PURE__ */ W("div", {
1068
+ className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", lt.historyCard),
1056
1069
  children: [
1057
- /* @__PURE__ */ V("h2", {
1070
+ /* @__PURE__ */ U("h2", {
1058
1071
  className: h,
1059
1072
  children: t.historyTitle
1060
1073
  }),
1061
1074
  ee,
1062
1075
  te
1063
1076
  ]
1064
- }), /* @__PURE__ */ V("div", {
1077
+ }), /* @__PURE__ */ U("div", {
1065
1078
  className: "flex flex-1 flex-col gap-4 px-6 pb-2",
1066
1079
  children: S
1067
1080
  })]
1068
- }) : /* @__PURE__ */ H("div", {
1081
+ }) : /* @__PURE__ */ W("div", {
1069
1082
  className: "flex flex-col gap-4",
1070
1083
  children: [
1071
1084
  ee,
@@ -1086,27 +1099,27 @@ var W = {
1086
1099
  actionButton: "_actionButton_hdn5b_75",
1087
1100
  roundActionButton: "_roundActionButton_hdn5b_82",
1088
1101
  stickyTabs: "_stickyTabs_hdn5b_88"
1089
- }, ut = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: te, modelLabel: S, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: ie, renderInstructions: oe, runs: se, runsIsLoading: ce = !1, runsIsLoadingMore: le = !1, runsSkeletonCount: de = 6, runsError: fe, onRunsRetry: A, runsLoadMoreError: pe, onRunsRetryLoadMore: j, runsHasMore: M = !1, onRunsLoadMore: _e, onRunClick: ve, styles: N, className: be, backIcon: xe, layout: P, historyStyles: Se }) => {
1090
- let { colors: F, typography: I } = N ?? {}, R = I?.titleClassName ?? "dial-h2-text", Te = I?.sectionTitleClassName ?? "dial-body-semi-text", Ee = I?.fieldLabelClassName ?? "dial-tiny-text", z = I?.fieldValueClassName ?? "dial-small-text", De = I?.runTimestampClassName ?? "dial-small-text", ke = _({
1091
- "--stdv-bg": F?.background,
1092
- "--stdv-header-border": F?.headerBorder,
1093
- "--stdv-details-border": F?.detailsColumnBorder,
1094
- "--stdv-subtitle-text": F?.subtitleText,
1095
- "--stdv-history-bg": F?.historyCardBackground
1096
- }), Ae = b(), [B, Ne] = je($e.Details), U = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, G = [
1102
+ }, dt = ({ labels: e, onBack: t, onEdit: n, onStartNow: r, isStarting: i = !1, isStartNowDisabled: a = !1, isStartNowBusy: o = !1, onDelete: s, isDeleting: c = !1, isDeleted: l = !1, isCompleted: u = !1, isActive: d, isActiveUpdating: f = !1, isActiveDisabled: p = !1, activeDisabledReason: m, onActiveChange: h, displayName: g, isLoading: y = !1, error: x, onRetry: ee, description: te, modelLabel: S, repeatsLabel: C, activeWindowLabel: w, completedLabel: T, nextRunLabel: E, instructionsMarkdown: re, skillDisplayNames: k, renderInstructions: j, runs: ae, runsIsLoading: oe = !1, runsIsLoadingMore: se = !1, runsSkeletonCount: le = 6, runsError: ue, onRunsRetry: M, runsLoadMoreError: de, onRunsRetryLoadMore: N, runsHasMore: P = !1, onRunsLoadMore: he, onRunClick: ge, styles: F, className: ve, backIcon: ye, layout: I, historyStyles: be }) => {
1103
+ let { colors: L, typography: R } = F ?? {}, z = R?.titleClassName ?? "dial-h2-text", Se = R?.sectionTitleClassName ?? "dial-body-semi-text", we = R?.fieldLabelClassName ?? "dial-tiny-text", V = R?.fieldValueClassName ?? "dial-small-text", Te = R?.runTimestampClassName ?? "dial-small-text", Ee = _({
1104
+ "--stdv-bg": L?.background,
1105
+ "--stdv-header-border": L?.headerBorder,
1106
+ "--stdv-details-border": L?.detailsColumnBorder,
1107
+ "--stdv-subtitle-text": L?.subtitleText,
1108
+ "--stdv-history-bg": L?.historyCardBackground
1109
+ }), Oe = b(), [H, ke] = Ae(et.Details), Me = De(), G = o && !i ? e.startNowBusyLabel : void 0, Ne = [
1097
1110
  {
1098
- id: $e.Details,
1111
+ id: et.Details,
1099
1112
  label: e.detailsTitle
1100
1113
  },
1101
1114
  {
1102
- id: $e.Configuration,
1115
+ id: et.Configuration,
1103
1116
  label: e.configurationTitle
1104
1117
  },
1105
1118
  {
1106
- id: $e.History,
1119
+ id: et.History,
1107
1120
  label: e.historyTitle
1108
1121
  }
1109
- ], K = G.find((e) => e.id === B)?.label ?? e.detailsTitle, Pe = /* @__PURE__ */ V(it, {
1122
+ ], K = Ne.find((e) => e.id === H)?.label ?? e.detailsTitle, q = /* @__PURE__ */ U(at, {
1110
1123
  labels: {
1111
1124
  descriptionLabel: e.descriptionLabel,
1112
1125
  modelLabel: e.modelLabel,
@@ -1119,14 +1132,14 @@ var W = {
1119
1132
  repeatsLabel: C,
1120
1133
  activeWindowLabel: w,
1121
1134
  completedLabel: T,
1122
- fieldLabelClassName: Ee,
1123
- fieldValueClassName: z
1124
- }), q = /* @__PURE__ */ V(nt, {
1135
+ fieldLabelClassName: we,
1136
+ fieldValueClassName: V
1137
+ }), Pe = /* @__PURE__ */ U(rt, {
1125
1138
  instructionsLabel: e.instructionsLabel,
1126
1139
  skillLabel: e.skillLabel,
1127
- skillDisplayNames: ie,
1140
+ skillDisplayNames: k,
1128
1141
  instructionsMarkdown: re,
1129
- renderInstructions: oe,
1142
+ renderInstructions: j,
1130
1143
  markdownLabels: {
1131
1144
  codeBlockCopyLabel: e.codeBlockCopyLabel,
1132
1145
  codeBlockCopiedLabel: e.codeBlockCopiedLabel,
@@ -1134,8 +1147,8 @@ var W = {
1134
1147
  tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
1135
1148
  mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
1136
1149
  },
1137
- fieldLabelClassName: Ee
1138
- }), J = (t) => /* @__PURE__ */ V(lt, {
1150
+ fieldLabelClassName: we
1151
+ }), J = (t) => /* @__PURE__ */ U(ut, {
1139
1152
  variant: t,
1140
1153
  labels: {
1141
1154
  historyTitle: e.historyTitle,
@@ -1149,67 +1162,67 @@ var W = {
1149
1162
  unreadIndicatorLabel: e.unreadIndicatorLabel
1150
1163
  },
1151
1164
  nextRunLabel: E,
1152
- items: se,
1153
- isLoading: ce,
1154
- isLoadingMore: le,
1155
- skeletonCount: de,
1156
- error: fe,
1157
- onRetry: A,
1158
- loadMoreError: pe,
1159
- onRetryLoadMore: j,
1160
- hasMore: M,
1161
- onLoadMore: _e,
1162
- onRunClick: ve,
1163
- runTimestampClassName: De,
1164
- sectionTitleClassName: Te,
1165
- colors: F,
1166
- styles: Se
1165
+ items: ae,
1166
+ isLoading: oe,
1167
+ isLoadingMore: se,
1168
+ skeletonCount: le,
1169
+ error: ue,
1170
+ onRetry: M,
1171
+ loadMoreError: de,
1172
+ onRetryLoadMore: N,
1173
+ hasMore: P,
1174
+ onLoadMore: he,
1175
+ onRunClick: ge,
1176
+ runTimestampClassName: Te,
1177
+ sectionTitleClassName: Se,
1178
+ colors: L,
1179
+ styles: be
1167
1180
  });
1168
- return /* @__PURE__ */ H("div", {
1169
- style: ke,
1170
- className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, be),
1181
+ return /* @__PURE__ */ W("div", {
1182
+ style: Ee,
1183
+ className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, ve),
1171
1184
  children: [
1172
- /* @__PURE__ */ H("div", {
1185
+ /* @__PURE__ */ W("div", {
1173
1186
  className: v("flex min-h-16 shrink-0 items-start justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:items-center desktop:px-8 desktop:py-0", $.header),
1174
- children: [/* @__PURE__ */ H("div", {
1187
+ children: [/* @__PURE__ */ W("div", {
1175
1188
  className: "flex min-w-0 items-center gap-2",
1176
1189
  children: [
1177
- /* @__PURE__ */ V(ae, {
1178
- icon: xe === void 0 ? /* @__PURE__ */ V(ye, {
1190
+ /* @__PURE__ */ U(ie, {
1191
+ icon: ye === void 0 ? /* @__PURE__ */ U(_e, {
1179
1192
  size: D.LG,
1180
1193
  className: "rtl:scale-x-[-1]",
1181
1194
  "aria-hidden": !0,
1182
1195
  stroke: O
1183
- }) : xe,
1196
+ }) : ye,
1184
1197
  "aria-label": e.backAriaLabel,
1185
1198
  onClick: t
1186
1199
  }),
1187
- /* @__PURE__ */ V("h1", {
1188
- className: v("truncate", $.desktopTitle, R),
1200
+ /* @__PURE__ */ U("h1", {
1201
+ className: v("truncate", $.desktopTitle, z),
1189
1202
  children: g
1190
1203
  }),
1191
- l && /* @__PURE__ */ V("span", {
1192
- className: v("shrink-0", $.desktopBadge, z, $.subtitleText),
1204
+ l && /* @__PURE__ */ U("span", {
1205
+ className: v("shrink-0", $.desktopBadge, V, $.subtitleText),
1193
1206
  children: e.deletedStateLabel
1194
1207
  })
1195
1208
  ]
1196
- }), /* @__PURE__ */ H("div", {
1209
+ }), /* @__PURE__ */ W("div", {
1197
1210
  className: v("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
1198
1211
  children: [
1199
- !l && !u && d !== void 0 && /* @__PURE__ */ H(Me, { children: [/* @__PURE__ */ V(he, {
1212
+ !l && !u && d !== void 0 && /* @__PURE__ */ W(je, { children: [/* @__PURE__ */ U(pe, {
1200
1213
  id: "scheduled-task-active-switch",
1201
1214
  labelProps: { label: e.activeStatusLabel },
1202
1215
  isOn: d,
1203
1216
  disabled: f || p || c,
1204
1217
  onChange: (e) => h?.(e)
1205
- }), p && m && /* @__PURE__ */ V("span", {
1206
- className: v(z, $.subtitleText),
1218
+ }), p && m && /* @__PURE__ */ U("span", {
1219
+ className: v(V, $.subtitleText),
1207
1220
  children: m
1208
1221
  })] }),
1209
- !l && s && /* @__PURE__ */ V(k, {
1222
+ !l && s && /* @__PURE__ */ U(A, {
1210
1223
  variant: ne.Danger,
1211
1224
  label: e.deleteButtonLabel,
1212
- iconBefore: /* @__PURE__ */ V(we, {
1225
+ iconBefore: /* @__PURE__ */ U(Ce, {
1213
1226
  size: D.SM,
1214
1227
  "aria-hidden": !0,
1215
1228
  stroke: O
@@ -1219,9 +1232,9 @@ var W = {
1219
1232
  textClassName: $.actionLabel,
1220
1233
  className: v("min-h-11 shrink-0", $.actionButton)
1221
1234
  }),
1222
- !l && n && /* @__PURE__ */ V(ue, {
1235
+ !l && n && /* @__PURE__ */ U(ce, {
1223
1236
  label: e.editButtonLabel,
1224
- iconBefore: /* @__PURE__ */ V(Ce, {
1237
+ iconBefore: /* @__PURE__ */ U(xe, {
1225
1238
  size: D.SM,
1226
1239
  "aria-hidden": !0,
1227
1240
  stroke: O
@@ -1231,23 +1244,23 @@ var W = {
1231
1244
  textClassName: $.actionLabel,
1232
1245
  className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
1233
1246
  }),
1234
- !l && r && e.startNowButtonLabel && /* @__PURE__ */ H("div", {
1247
+ !l && r && e.startNowButtonLabel && /* @__PURE__ */ W("div", {
1235
1248
  "aria-busy": i,
1236
- children: [W && /* @__PURE__ */ V("span", {
1237
- id: U,
1249
+ children: [G && /* @__PURE__ */ U("span", {
1250
+ id: Me,
1238
1251
  className: "sr-only",
1239
- children: W
1240
- }), /* @__PURE__ */ V(ue, {
1252
+ children: G
1253
+ }), /* @__PURE__ */ U(ce, {
1241
1254
  label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
1242
- iconBefore: /* @__PURE__ */ V(L, {
1255
+ iconBefore: /* @__PURE__ */ U(B, {
1243
1256
  size: D.SM,
1244
1257
  "aria-hidden": !0,
1245
1258
  stroke: O
1246
1259
  }),
1247
1260
  onClick: r,
1248
1261
  disabled: c || i || a || o,
1249
- "aria-describedby": W ? U : void 0,
1250
- tooltipProps: W ? { tooltip: W } : void 0,
1262
+ "aria-describedby": G ? Me : void 0,
1263
+ tooltipProps: G ? { tooltip: G } : void 0,
1251
1264
  textClassName: $.actionLabel,
1252
1265
  className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
1253
1266
  })]
@@ -1255,146 +1268,146 @@ var W = {
1255
1268
  ]
1256
1269
  })]
1257
1270
  }),
1258
- /* @__PURE__ */ H("div", {
1271
+ /* @__PURE__ */ W("div", {
1259
1272
  className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
1260
- children: [/* @__PURE__ */ V("h1", {
1261
- className: v("truncate", R),
1273
+ children: [/* @__PURE__ */ U("h1", {
1274
+ className: v("truncate", z),
1262
1275
  children: g
1263
- }), l && /* @__PURE__ */ V("span", {
1264
- className: v("shrink-0", z, $.subtitleText),
1276
+ }), l && /* @__PURE__ */ U("span", {
1277
+ className: v("shrink-0", V, $.subtitleText),
1265
1278
  children: e.deletedStateLabel
1266
1279
  })]
1267
1280
  }),
1268
- e.activeStatusAnnouncement != null && /* @__PURE__ */ V("span", {
1281
+ e.activeStatusAnnouncement != null && /* @__PURE__ */ U("span", {
1269
1282
  role: "status",
1270
1283
  "aria-live": "polite",
1271
1284
  className: "sr-only",
1272
1285
  children: e.activeStatusAnnouncement
1273
1286
  }),
1274
- e.startStatusAnnouncement != null && /* @__PURE__ */ V("span", {
1287
+ e.startStatusAnnouncement != null && /* @__PURE__ */ U("span", {
1275
1288
  role: "status",
1276
1289
  "aria-live": "polite",
1277
1290
  className: "sr-only",
1278
1291
  children: e.startStatusAnnouncement
1279
1292
  }),
1280
- y && /* @__PURE__ */ V("div", {
1293
+ y && /* @__PURE__ */ U("div", {
1281
1294
  className: "flex flex-1 items-center justify-center",
1282
- children: /* @__PURE__ */ V(me, {})
1295
+ children: /* @__PURE__ */ U(fe, {})
1283
1296
  }),
1284
- !y && x && /* @__PURE__ */ H("div", {
1297
+ !y && x && /* @__PURE__ */ W("div", {
1285
1298
  className: "flex flex-1 flex-col items-center justify-center gap-3",
1286
- children: [/* @__PURE__ */ V("p", {
1287
- className: v(z, $.subtitleText),
1299
+ children: [/* @__PURE__ */ U("p", {
1300
+ className: v(V, $.subtitleText),
1288
1301
  children: e.errorLabel
1289
- }), /* @__PURE__ */ V(k, {
1302
+ }), /* @__PURE__ */ U(A, {
1290
1303
  label: e.retryLabel,
1291
1304
  onClick: ee
1292
1305
  })]
1293
1306
  }),
1294
- !y && !x && (Ae ? /* @__PURE__ */ H("div", {
1307
+ !y && !x && (Oe ? /* @__PURE__ */ W("div", {
1295
1308
  className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
1296
- children: [/* @__PURE__ */ V("div", {
1309
+ children: [/* @__PURE__ */ U("div", {
1297
1310
  className: v("sticky top-0 z-10", $.stickyTabs),
1298
- children: /* @__PURE__ */ V(ge, {
1311
+ children: /* @__PURE__ */ U(me, {
1299
1312
  ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
1300
1313
  className: "px-4",
1301
- tabs: G,
1302
- activeTabId: B,
1303
- onTabChange: Ne
1314
+ tabs: Ne,
1315
+ activeTabId: H,
1316
+ onTabChange: ke
1304
1317
  })
1305
- }), /* @__PURE__ */ V("div", {
1318
+ }), /* @__PURE__ */ U("div", {
1306
1319
  role: "tabpanel",
1307
1320
  "aria-label": K,
1308
1321
  className: "flex flex-1 flex-col gap-5 px-4 py-6",
1309
- children: B === $e.Configuration ? q : B === $e.History ? J(et.Flow) : Pe
1322
+ children: H === et.Configuration ? Pe : H === et.History ? J(tt.Flow) : q
1310
1323
  })]
1311
- }) : /* @__PURE__ */ H("div", {
1324
+ }) : /* @__PURE__ */ W("div", {
1312
1325
  style: {
1313
1326
  flexDirection: "row",
1314
- "--st-details-width": P?.detailsWidth,
1315
- "--st-history-width": P?.historyWidth,
1316
- "--st-history-max-height": P?.historyMaxHeight,
1317
- "--st-configuration-min-width": P?.configurationMinWidth
1327
+ "--st-details-width": I?.detailsWidth,
1328
+ "--st-history-width": I?.historyWidth,
1329
+ "--st-history-max-height": I?.historyMaxHeight,
1330
+ "--st-configuration-min-width": I?.configurationMinWidth
1318
1331
  },
1319
1332
  className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
1320
1333
  children: [
1321
- /* @__PURE__ */ H("div", {
1334
+ /* @__PURE__ */ W("div", {
1322
1335
  role: "group",
1323
1336
  "aria-label": e.detailsTitle,
1324
1337
  style: {
1325
- flex: `0 1 ${P?.detailsWidth ?? "360px"}`,
1338
+ flex: `0 1 ${I?.detailsWidth ?? "360px"}`,
1326
1339
  maxWidth: "100%"
1327
1340
  },
1328
1341
  className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
1329
- children: [/* @__PURE__ */ V("h2", {
1330
- className: Te,
1342
+ children: [/* @__PURE__ */ U("h2", {
1343
+ className: Se,
1331
1344
  children: e.detailsTitle
1332
- }), Pe]
1345
+ }), q]
1333
1346
  }),
1334
- /* @__PURE__ */ H("div", {
1347
+ /* @__PURE__ */ W("div", {
1335
1348
  style: {
1336
- flex: `1 1 ${P?.configurationMinWidth ?? "320px"}`,
1349
+ flex: `1 1 ${I?.configurationMinWidth ?? "320px"}`,
1337
1350
  minWidth: 0
1338
1351
  },
1339
1352
  className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
1340
- children: [/* @__PURE__ */ V("h2", {
1341
- className: Te,
1353
+ children: [/* @__PURE__ */ U("h2", {
1354
+ className: Se,
1342
1355
  children: e.configurationTitle
1343
- }), q]
1356
+ }), Pe]
1344
1357
  }),
1345
- /* @__PURE__ */ V("div", {
1358
+ /* @__PURE__ */ U("div", {
1346
1359
  style: {
1347
- flex: `0 1 calc(${P?.historyWidth ?? "360px"} + 48px)`,
1360
+ flex: `0 1 calc(${I?.historyWidth ?? "360px"} + 48px)`,
1348
1361
  minWidth: 0
1349
1362
  },
1350
1363
  className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
1351
- children: J(et.Card)
1364
+ children: J(tt.Card)
1352
1365
  })
1353
1366
  ]
1354
1367
  }))
1355
1368
  ]
1356
1369
  });
1357
- }, dt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, markdownLabels: s, styles: c }) => {
1370
+ }, ft = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, markdownLabels: s, styles: c }) => {
1358
1371
  let l = c?.typography?.fieldLabelClassName ?? "dial-tiny-text", u = c?.typography?.fieldValueClassName ?? "dial-body-text";
1359
- return /* @__PURE__ */ H("div", {
1372
+ return /* @__PURE__ */ W("div", {
1360
1373
  className: "flex flex-col gap-3",
1361
1374
  children: [
1362
- i && /* @__PURE__ */ H("div", {
1375
+ i && /* @__PURE__ */ W("div", {
1363
1376
  className: "flex flex-col gap-2",
1364
- children: [/* @__PURE__ */ V("span", {
1377
+ children: [/* @__PURE__ */ U("span", {
1365
1378
  className: l,
1366
1379
  children: e
1367
- }), /* @__PURE__ */ V("p", {
1380
+ }), /* @__PURE__ */ U("p", {
1368
1381
  className: u,
1369
1382
  children: i
1370
1383
  })]
1371
1384
  }),
1372
- !!n?.length && /* @__PURE__ */ H("div", {
1385
+ !!n?.length && /* @__PURE__ */ W("div", {
1373
1386
  className: "flex min-w-0 flex-col gap-2",
1374
- children: [/* @__PURE__ */ V("span", {
1387
+ children: [/* @__PURE__ */ U("span", {
1375
1388
  className: l,
1376
1389
  children: t
1377
- }), /* @__PURE__ */ V("p", {
1390
+ }), /* @__PURE__ */ U("p", {
1378
1391
  className: `${u} whitespace-normal break-all`,
1379
- children: n?.map((e, t) => /* @__PURE__ */ V("span", {
1392
+ children: n?.map((e, t) => /* @__PURE__ */ U("span", {
1380
1393
  className: "block",
1381
1394
  children: e
1382
1395
  }, `${t}:${e}`))
1383
1396
  })]
1384
1397
  }),
1385
- a && /* @__PURE__ */ H("div", {
1398
+ a && /* @__PURE__ */ W("div", {
1386
1399
  className: "flex flex-col gap-2",
1387
- children: [/* @__PURE__ */ V("span", {
1400
+ children: [/* @__PURE__ */ U("span", {
1388
1401
  className: l,
1389
1402
  children: r
1390
- }), ((e) => o ? o(e) : /* @__PURE__ */ V(p, {
1403
+ }), ((e) => o ? o(e) : /* @__PURE__ */ U(p, {
1391
1404
  content: e,
1392
1405
  ...s
1393
1406
  }))(a)]
1394
1407
  })
1395
1408
  ]
1396
1409
  });
1397
- }, ft = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ V(l, {
1410
+ }, pt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ U(l, {
1398
1411
  ...s,
1399
1412
  variant: E.Danger,
1400
1413
  popupClassName: o?.popupClassName,
@@ -1403,7 +1416,7 @@ var W = {
1403
1416
  message: r,
1404
1417
  isLoading: a,
1405
1418
  loadingStatusLabel: i,
1406
- identity: /* @__PURE__ */ V(h, { children: /* @__PURE__ */ V(u, {
1419
+ identity: /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U(u, {
1407
1420
  icon: t,
1408
1421
  typeLabel: n,
1409
1422
  name: e,
@@ -1411,4 +1424,4 @@ var W = {
1411
1424
  }) })
1412
1425
  });
1413
1426
  //#endregion
1414
- export { r as DESCRIPTION_MAX_LENGTH, W as SCHEDULED_TASKS_CLASS, Ie as ScheduledTaskCard, Ve as ScheduledTaskCardGrid, Be as ScheduledTaskCardSkeleton, Qe as ScheduledTaskCreateForm, ft as ScheduledTaskDeleteConfirmation, ut as ScheduledTaskDetailView, dt as ScheduledTaskDetailsSummary, lt as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, st as ScheduledTaskRunHistoryList, at as ScheduledTaskRunStatus, G as ScheduledTaskStatus, Ge as ScheduledTasks, Ke as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Je as hasScheduledTaskFormChanges };
1427
+ export { r as DESCRIPTION_MAX_LENGTH, Ne as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, $e as ScheduledTaskCreateForm, pt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, ft as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, q as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, ot as ScheduledTaskRunStatus, K as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };