@epam/ai-dial-scheduled-tasks 1.3.0-dev.147 → 1.3.0-dev.152

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,25 +1,25 @@
1
1
  import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, t as s, u as c } from "./calendar-value-CjtsOQpy.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 { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, FolderPath as re, GhostButton as j, GhostIconButton as M, Highlight as ie, Input as ae, Label as oe, MenuItemMark as N, NeutralButton as se, NumberInput as ce, PrimaryButton as le, Search as ue, Select as de, Skeleton as P, SkeletonVariant as F, Spinner as fe, Switch as pe, Tabs as I, Textarea as me, Tooltip as he } from "@epam/ai-dial-ui-kit";
4
- import { IconAlertTriangle as ge, IconArrowNarrowLeft as _e, IconArrowsSort as ve, IconCheck as L, IconCircleX as ye, IconClipboardX as R, IconClockHour3 as z, IconPencilMinus as B, IconPlayerPause as V, IconPlayerPlay as be, IconPlus as xe, IconTrashX as Se } from "@tabler/icons-react";
5
- import { Suspense as Ce, lazy as H, useCallback as we, useEffect as Te, useId as Ee, useLayoutEffect as U, useMemo as De, useRef as Oe, useState as ke } from "react";
6
- import { Fragment as Ae, jsx as W, jsxs as G } from "react/jsx-runtime";
3
+ import { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, ErrorText as j, FolderPath as M, GhostButton as N, GhostIconButton as re, Highlight as ie, Input as ae, Label as oe, MenuItemMark as P, NeutralButton as F, NumberInput as se, PrimaryButton as ce, Search as le, Select as ue, Skeleton as I, SkeletonVariant as L, Spinner as de, Switch as fe, Tabs as pe, Textarea as me, Tooltip as he } from "@epam/ai-dial-ui-kit";
4
+ import { IconAlertTriangle as ge, IconArrowNarrowLeft as _e, IconArrowsSort as R, IconCheck as ve, IconCircleX as z, IconClipboardX as B, IconClockHour3 as ye, IconPencilMinus as V, IconPlayerPause as H, IconPlayerPlay as be, IconPlus as xe, IconTrashX as Se } from "@tabler/icons-react";
5
+ import { Suspense as Ce, lazy as we, useCallback as Te, useEffect as Ee, useId as De, useLayoutEffect as U, useMemo as Oe, useRef as W, useState as ke } from "react";
6
+ import { Fragment as Ae, jsx as G, jsxs as K } from "react/jsx-runtime";
7
7
  import { BuilderFormContainer as je } from "@epam/ai-dial-builder-form";
8
- import { LazyMarkdownEditor as K } from "@epam/ai-dial-ui-kit/editors";
8
+ import { LazyMarkdownEditor as Me } from "@epam/ai-dial-ui-kit/editors";
9
9
  //#region src/constants/public-class-names.ts
10
- var Me = {
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
14
  }, q = /* @__PURE__ */ function(e) {
15
15
  return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
16
- }({}), Ne = /* @__PURE__ */ function(e) {
16
+ }({}), Pe = /* @__PURE__ */ function(e) {
17
17
  return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
18
- }({}), Pe = (e) => {
18
+ }({}), Fe = (e) => {
19
19
  switch (e.presentationStatus) {
20
- case Ne.Active: return q.Scheduled;
21
- case Ne.Paused: return q.Paused;
22
- case Ne.Completed: return q.Completed;
20
+ case Pe.Active: return q.Scheduled;
21
+ case Pe.Paused: return q.Paused;
22
+ case Pe.Completed: return q.Completed;
23
23
  }
24
24
  return e.isCompleted ? q.Completed : e.isActive === !1 ? q.Paused : q.Scheduled;
25
25
  }, J = {
@@ -29,7 +29,7 @@ var Me = {
29
29
  pausedLabel: "_pausedLabel_1cwco_15",
30
30
  completedPill: "_completedPill_1cwco_19",
31
31
  completedLabel: "_completedLabel_1cwco_24"
32
- }, Fe = {
32
+ }, Ie = {
33
33
  [q.Scheduled]: {
34
34
  pillClassName: "inline-block rounded-lg border px-2 py-1",
35
35
  wrapperClassName: J.schedulePill,
@@ -39,7 +39,7 @@ var Me = {
39
39
  pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
40
40
  wrapperClassName: J.pausedPill,
41
41
  labelClassName: J.pausedLabel,
42
- renderIcon: () => /* @__PURE__ */ W(V, {
42
+ renderIcon: () => /* @__PURE__ */ G(H, {
43
43
  size: k.SM,
44
44
  "aria-hidden": !0,
45
45
  stroke: A
@@ -49,15 +49,15 @@ var Me = {
49
49
  pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
50
50
  wrapperClassName: J.completedPill,
51
51
  labelClassName: J.completedLabel,
52
- renderIcon: () => /* @__PURE__ */ W(L, {
52
+ renderIcon: () => /* @__PURE__ */ G(ve, {
53
53
  size: k.SM,
54
54
  "aria-hidden": !0,
55
55
  stroke: A
56
56
  })
57
57
  }
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__ */ G("span", {
58
+ }, Le = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
59
+ let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Ie[e];
60
+ return /* @__PURE__ */ K("span", {
61
61
  className: v(i, n, a, o, r),
62
62
  children: [s && s(), t]
63
63
  });
@@ -69,8 +69,8 @@ var Me = {
69
69
  newBadge: "_newBadge_hmbo0_18",
70
70
  locationDivider: "_locationDivider_hmbo0_23",
71
71
  card: "_card_hmbo0_34"
72
- }, Le = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
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", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Pe(e), { text: w, textClassName: T } = {
72
+ }, Re = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
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", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Fe(e), { text: w, textClassName: T } = {
74
74
  [q.Scheduled]: {
75
75
  text: e.scheduleLabel,
76
76
  textClassName: h
@@ -107,39 +107,39 @@ var Me = {
107
107
  (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
108
108
  }
109
109
  } : {};
110
- return /* @__PURE__ */ G(O, {
110
+ return /* @__PURE__ */ K(O, {
111
111
  role: n ? "button" : "group",
112
112
  "aria-label": e.displayName,
113
113
  style: E,
114
- className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Me.card),
114
+ className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Ne.card),
115
115
  ...D,
116
116
  children: [
117
- /* @__PURE__ */ G("div", {
117
+ /* @__PURE__ */ K("div", {
118
118
  className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
119
- children: [/* @__PURE__ */ W(ie, {
119
+ children: [/* @__PURE__ */ G(ie, {
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__ */ W("span", {
124
+ }), e.isNew && /* @__PURE__ */ G("span", {
125
125
  className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
126
126
  children: s
127
127
  })]
128
128
  }),
129
- e.descriptionPreview && /* @__PURE__ */ W("p", {
129
+ e.descriptionPreview && /* @__PURE__ */ G("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__ */ G("div", {
133
+ /* @__PURE__ */ K("div", {
134
134
  className: "mt-auto flex shrink-0 flex-col gap-3",
135
- children: [/* @__PURE__ */ W("div", {
135
+ children: [/* @__PURE__ */ G("div", {
136
136
  className: "flex min-h-[28px] items-center",
137
- children: /* @__PURE__ */ W(Ie, {
137
+ children: /* @__PURE__ */ G(Le, {
138
138
  status: C,
139
139
  text: w,
140
140
  textClassName: T
141
141
  })
142
- }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ W(re, {
142
+ }), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ G(M, {
143
143
  segments: e.locationSegments,
144
144
  labelClassName: v(x, Y.locationLabel),
145
145
  leafClassName: v(ee, Y.locationLeaf),
@@ -148,43 +148,43 @@ var Me = {
148
148
  })
149
149
  ]
150
150
  });
151
- }, Re = { card: "_card_18ivt_1" }, ze = [
151
+ }, ze = { card: "_card_18ivt_1" }, Be = [
152
152
  "100%",
153
153
  "100%",
154
154
  "61%"
155
- ], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => {
155
+ ], Ve = "var(--stcs-skeleton-bg)", He = ({ styles: e }) => {
156
156
  let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
157
- return /* @__PURE__ */ G(O, {
157
+ return /* @__PURE__ */ K(O, {
158
158
  "aria-hidden": !0,
159
159
  style: t,
160
- className: v("h-[var(--st-card-height,232px)]", Re.card),
160
+ className: v("h-[var(--st-card-height,232px)]", ze.card),
161
161
  children: [
162
- /* @__PURE__ */ W(P, {
163
- variant: F.Rectangular,
162
+ /* @__PURE__ */ G(I, {
163
+ variant: L.Rectangular,
164
164
  width: "60%",
165
165
  height: "20px",
166
- color: Be,
166
+ color: Ve,
167
167
  className: "shrink-0"
168
168
  }),
169
- /* @__PURE__ */ W("div", {
169
+ /* @__PURE__ */ G("div", {
170
170
  className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
171
- children: ze.map((e, t) => /* @__PURE__ */ W(P, {
172
- variant: F.Rectangular,
171
+ children: Be.map((e, t) => /* @__PURE__ */ G(I, {
172
+ variant: L.Rectangular,
173
173
  width: e,
174
174
  height: "16px",
175
- color: Be
175
+ color: Ve
176
176
  }, t))
177
177
  }),
178
- /* @__PURE__ */ W(P, {
179
- variant: F.Rectangular,
178
+ /* @__PURE__ */ G(I, {
179
+ variant: L.Rectangular,
180
180
  width: "110px",
181
181
  height: "28px",
182
- color: Be,
182
+ color: Ve,
183
183
  className: "shrink-0 rounded-lg"
184
184
  })
185
185
  ]
186
186
  });
187
- }, He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ G("div", {
187
+ }, Ue = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ K("div", {
188
188
  style: {
189
189
  "--st-grid-min-card-width": s?.minCardWidth,
190
190
  "--st-grid-gap": s?.gap,
@@ -194,14 +194,14 @@ var Me = {
194
194
  gap: "var(--st-grid-gap, 20px)",
195
195
  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))"
196
196
  },
197
- className: v("mx-auto grid w-full min-w-0", Me.cardGrid),
198
- children: [e.map((e) => /* @__PURE__ */ W(Le, {
197
+ className: v("mx-auto grid w-full min-w-0", Ne.cardGrid),
198
+ children: [e.map((e) => /* @__PURE__ */ G(Re, {
199
199
  item: e,
200
200
  searchQuery: t,
201
201
  onCardClick: n,
202
202
  labels: r,
203
203
  styles: i
204
- }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ W(Ve, { styles: o }, `skeleton-${t}`))]
204
+ }, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ G(He, { styles: o }, `skeleton-${t}`))]
205
205
  }), X = {
206
206
  container: "_container_3vz4t_2",
207
207
  subtitle: "_subtitle_3vz4t_6",
@@ -209,47 +209,47 @@ var Me = {
209
209
  sortButton: "_sortButton_3vz4t_19",
210
210
  createButton: "_createButton_3vz4t_10",
211
211
  sortControlHidden: "_sortControlHidden_3vz4t_49"
212
- }, Ue = /* @__PURE__ */ W(z, {
212
+ }, We = /* @__PURE__ */ G(ye, {
213
213
  size: 48,
214
214
  stroke: 1,
215
215
  "aria-hidden": !0
216
- }), We = (e, t, n, r, i, a) => {
216
+ }), Ge = (e, t, n, r, i, a) => {
217
217
  if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
218
- }, Ge = (e) => {
218
+ }, Ke = (e) => {
219
219
  if (!e || e === document.body) return null;
220
220
  let { overflow: t, overflowY: n } = getComputedStyle(e);
221
- return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ge(e.parentElement);
222
- }, 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: S, loadMoreError: E, onRetryLoadMore: D }) => {
223
- let { colors: O, typography: te } = y ?? {}, re = te?.titleClassName ?? "dial-h1-text", M = te?.subtitleClassName ?? "dial-body-text", ie = _({
221
+ return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ke(e.parentElement);
222
+ }, qe = ({ 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: S, loadMoreError: E, onRetryLoadMore: D }) => {
223
+ let { colors: O, typography: te } = y ?? {}, j = te?.titleClassName ?? "dial-h1-text", M = te?.subtitleClassName ?? "dial-body-text", re = _({
224
224
  "--st-bg": O?.background,
225
225
  "--st-subtitle-text": O?.subtitleText,
226
226
  "--st-sort-text": O?.sortButtonText
227
- }), ae = (e) => {
227
+ }), ie = (e) => {
228
228
  r(e ?? "");
229
- }, [oe, se] = ke(!1), [ce, de] = ke(!1), P = Oe(null), F = we(() => {
230
- de(!0);
231
- }, []), pe = we(() => {
232
- de(!1);
229
+ }, [ae, oe] = ke(!1), [F, se] = ke(!1), ue = W(null), I = Te(() => {
230
+ se(!0);
231
+ }, []), L = Te(() => {
232
+ se(!1);
233
233
  }, []);
234
234
  U(() => {
235
- let e = P.current;
236
- ce && oe && e != null && e.offsetParent == null && se(!1);
237
- }, [ce, oe]);
238
- let I = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, me = De(() => e.sortOptions.map((e) => ({
235
+ let e = ue.current;
236
+ F && ae && e != null && e.offsetParent == null && oe(!1);
237
+ }, [F, ae]);
238
+ let fe = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, pe = Oe(() => e.sortOptions.map((e) => ({
239
239
  key: e.value,
240
240
  label: e.label,
241
- mark: N.Check,
241
+ mark: P.Check,
242
242
  checked: e.value === i,
243
243
  onClick: () => a(e.value)
244
244
  })), [
245
245
  e.sortOptions,
246
246
  i,
247
247
  a
248
- ]), he = We(s, d, !!c, o.length, n.trim().length > 0, e), ge = Oe(null);
249
- Te(() => {
250
- let e = ge.current;
248
+ ]), me = Ge(s, d, !!c, o.length, n.trim().length > 0, e), he = W(null);
249
+ Ee(() => {
250
+ let e = he.current;
251
251
  if (!e || !p) return;
252
- let t = Ge(e.parentElement);
252
+ let t = Ke(e.parentElement);
253
253
  if (!t) return;
254
254
  let n = () => {
255
255
  if (d || s || E || !u) return;
@@ -264,25 +264,25 @@ var Me = {
264
264
  E,
265
265
  p
266
266
  ]);
267
- let _e = () => s ? /* @__PURE__ */ W(fe, {}) : c ? /* @__PURE__ */ G("div", {
267
+ let ge = () => s ? /* @__PURE__ */ G(de, {}) : c ? /* @__PURE__ */ K("div", {
268
268
  className: "flex flex-col items-center gap-3",
269
- children: [/* @__PURE__ */ W("p", {
269
+ children: [/* @__PURE__ */ G("p", {
270
270
  className: v(M, X.subtitle),
271
271
  children: e.errorLabel
272
- }), /* @__PURE__ */ W(j, {
272
+ }), /* @__PURE__ */ G(N, {
273
273
  label: e.retryLabel,
274
274
  onClick: l
275
275
  })]
276
- }) : o.length === 0 ? n.trim() ? /* @__PURE__ */ W("p", {
276
+ }) : o.length === 0 ? n.trim() ? /* @__PURE__ */ G("p", {
277
277
  className: v(M, X.subtitle),
278
278
  children: e.noResultsLabel
279
- }) : /* @__PURE__ */ W(m, {
279
+ }) : /* @__PURE__ */ G(m, {
280
280
  label: e.emptyStateLabel,
281
- icon: Ue
282
- }) : /* @__PURE__ */ G("div", {
281
+ icon: We
282
+ }) : /* @__PURE__ */ K("div", {
283
283
  className: "flex w-full flex-col gap-6",
284
284
  children: [
285
- /* @__PURE__ */ W(He, {
285
+ /* @__PURE__ */ G(Ue, {
286
286
  items: o,
287
287
  searchQuery: n,
288
288
  onCardClick: h,
@@ -292,44 +292,44 @@ var Me = {
292
292
  cardStyles: S,
293
293
  layout: ee
294
294
  }),
295
- E && /* @__PURE__ */ G("div", {
295
+ E && /* @__PURE__ */ K("div", {
296
296
  role: "alert",
297
297
  className: "flex items-center gap-3",
298
- children: [/* @__PURE__ */ W("span", {
298
+ children: [/* @__PURE__ */ G("span", {
299
299
  className: v(M, X.subtitle),
300
300
  children: e.loadMoreErrorLabel ?? e.errorLabel
301
- }), /* @__PURE__ */ W(j, {
301
+ }), /* @__PURE__ */ G(N, {
302
302
  label: e.retryLabel,
303
303
  onClick: D
304
304
  })]
305
305
  }),
306
- /* @__PURE__ */ W("div", {
307
- ref: ge,
306
+ /* @__PURE__ */ G("div", {
307
+ ref: he,
308
308
  "aria-hidden": !0,
309
309
  className: "h-px w-full"
310
310
  })
311
311
  ]
312
- }), L = s || !!c || o.length === 0;
313
- return /* @__PURE__ */ G("div", {
314
- style: ie,
312
+ }), _e = s || !!c || o.length === 0;
313
+ return /* @__PURE__ */ K("div", {
314
+ style: re,
315
315
  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),
316
316
  children: [
317
- /* @__PURE__ */ G("div", {
317
+ /* @__PURE__ */ K("div", {
318
318
  className: "flex items-start justify-between gap-4",
319
- children: [/* @__PURE__ */ G("div", {
319
+ children: [/* @__PURE__ */ K("div", {
320
320
  className: "min-w-0 gap-2",
321
- children: [/* @__PURE__ */ W("h1", {
322
- className: v("truncate", re),
321
+ children: [/* @__PURE__ */ G("h1", {
322
+ className: v("truncate", j),
323
323
  children: e.title
324
- }), /* @__PURE__ */ W("p", {
324
+ }), /* @__PURE__ */ G("p", {
325
325
  className: v("mt-1", M, X.subtitle),
326
326
  children: e.subtitle
327
327
  })]
328
- }), /* @__PURE__ */ W(le, {
328
+ }), /* @__PURE__ */ G(ce, {
329
329
  label: e.createButtonLabel,
330
330
  textClassName: X.createButtonLabel,
331
331
  "aria-label": e.createButtonLabel,
332
- iconBefore: /* @__PURE__ */ W(xe, {
332
+ iconBefore: /* @__PURE__ */ G(xe, {
333
333
  size: k.SM,
334
334
  "aria-hidden": !0,
335
335
  stroke: A
@@ -338,30 +338,30 @@ var Me = {
338
338
  className: v("shrink-0", X.createButton)
339
339
  })]
340
340
  }),
341
- /* @__PURE__ */ G("div", {
341
+ /* @__PURE__ */ K("div", {
342
342
  className: "flex flex-wrap items-center gap-3",
343
- children: [/* @__PURE__ */ W("div", {
343
+ children: [/* @__PURE__ */ G("div", {
344
344
  role: "search",
345
345
  className: "flex-1",
346
- children: /* @__PURE__ */ W(ue, {
346
+ children: /* @__PURE__ */ G(le, {
347
347
  value: n,
348
- onChange: ae,
348
+ onChange: ie,
349
349
  placeholder: e.searchPlaceholder,
350
350
  clearLabel: e.clearSearchLabel,
351
351
  "aria-label": e.searchAriaLabel,
352
352
  size: ne.Large,
353
- onFocus: F,
354
- onBlur: pe
353
+ onFocus: I,
354
+ onBlur: L
355
355
  })
356
- }), e.sortOptions.length > 0 && /* @__PURE__ */ W("div", {
357
- ref: P,
358
- className: v(ce && X.sortControlHidden),
359
- children: /* @__PURE__ */ W(w, {
360
- items: me,
361
- label: I,
356
+ }), e.sortOptions.length > 0 && /* @__PURE__ */ G("div", {
357
+ ref: ue,
358
+ className: v(F && X.sortControlHidden),
359
+ children: /* @__PURE__ */ G(w, {
360
+ items: pe,
361
+ label: fe,
362
362
  variant: T.Primary,
363
363
  appearance: C.Ghost,
364
- iconBefore: b === void 0 ? /* @__PURE__ */ W(ve, {
364
+ iconBefore: b === void 0 ? /* @__PURE__ */ G(R, {
365
365
  size: k.SM,
366
366
  "aria-hidden": !0,
367
367
  stroke: A
@@ -371,26 +371,26 @@ var Me = {
371
371
  })]
372
372
  }),
373
373
  g,
374
- /* @__PURE__ */ W("span", {
374
+ /* @__PURE__ */ G("span", {
375
375
  role: "status",
376
376
  "aria-live": "polite",
377
377
  className: "sr-only",
378
- children: he
378
+ children: me
379
379
  }),
380
- /* @__PURE__ */ W("div", {
381
- className: v("mx-auto flex size-full w-full min-w-0 flex-col", L && "items-center justify-center"),
382
- children: _e()
380
+ /* @__PURE__ */ G("div", {
381
+ className: v("mx-auto flex size-full w-full min-w-0 flex-col", _e && "items-center justify-center"),
382
+ children: ge()
383
383
  })
384
384
  ]
385
385
  });
386
- }, qe = /* @__PURE__ */ function(e) {
386
+ }, Je = /* @__PURE__ */ function(e) {
387
387
  return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
388
- }({}), Je = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Ye = (e, t) => {
388
+ }({}), Ye = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Xe = (e, t) => {
389
389
  let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
390
- for (let r of n) if (Je(e[r]) !== Je(t[r])) return !0;
390
+ for (let r of n) if (Ye(e[r]) !== Ye(t[r])) return !0;
391
391
  return !1;
392
- }, Xe = (e, t, n) => t === r.Hourly == (n === r.Hourly) ? e : void 0, Ze = (e, t) => {
393
- let n = Ee();
392
+ }, Ze = (e, t, n) => t === r.Hourly == (n === r.Hourly) ? e : void 0, Qe = (e, t) => {
393
+ let n = De();
394
394
  return U(() => {
395
395
  let r = document.getElementById(e);
396
396
  r && (t ? r.setAttribute("aria-describedby", n) : r.removeAttribute("aria-describedby"));
@@ -399,11 +399,11 @@ var Me = {
399
399
  n,
400
400
  e
401
401
  ]), n;
402
- }, Qe = { error: "_error_v2pfn_4" }, $e = ({ id: t, mode: r, label: a, placeholder: o, value: s, onChange: c, minDate: l, error: u, errorClassName: d, disabled: f }) => {
403
- let p = (e) => c(r === D.DateTime ? n(e) : i(e)), m = Ze(t, u);
404
- return /* @__PURE__ */ G("div", {
402
+ }, $e = { error: "_error_v2pfn_4" }, et = ({ id: t, mode: r, label: a, placeholder: o, value: s, onChange: c, minDate: l, error: u, errorClassName: d, disabled: f }) => {
403
+ let p = (e) => c(r === D.DateTime ? n(e) : i(e)), m = Qe(t, u);
404
+ return /* @__PURE__ */ K("div", {
405
405
  className: "flex flex-1 flex-col gap-1",
406
- children: [/* @__PURE__ */ W(E, {
406
+ children: [/* @__PURE__ */ G(E, {
407
407
  id: t,
408
408
  mode: r,
409
409
  value: e(s),
@@ -413,18 +413,18 @@ var Me = {
413
413
  placeholder: o,
414
414
  invalid: !!u,
415
415
  disabled: f
416
- }), u && /* @__PURE__ */ W("p", {
416
+ }), u && /* @__PURE__ */ G(j, {
417
417
  id: m,
418
418
  role: "alert",
419
- className: v(d, Qe.error),
420
- children: u
419
+ className: v(d, $e.error),
420
+ text: u
421
421
  })]
422
422
  });
423
- }, et = { error: "_error_v2pfn_4" }, tt = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-small-text" }) => {
424
- let l = Oe(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Ze("scheduled-task-run-at", s);
425
- return /* @__PURE__ */ G("div", {
423
+ }, tt = { error: "_error_v2pfn_4" }, nt = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-tiny-text" }) => {
424
+ let l = W(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Qe("scheduled-task-run-at", s);
425
+ return /* @__PURE__ */ K("div", {
426
426
  className: "flex flex-col gap-1",
427
- children: [/* @__PURE__ */ W(E, {
427
+ children: [/* @__PURE__ */ G(E, {
428
428
  id: "scheduled-task-run-at",
429
429
  mode: D.DateTime,
430
430
  value: t(i),
@@ -437,11 +437,11 @@ var Me = {
437
437
  placeholder: r,
438
438
  invalid: !!s,
439
439
  disabled: o
440
- }), s && /* @__PURE__ */ W("p", {
440
+ }), s && /* @__PURE__ */ G(j, {
441
441
  id: d,
442
442
  role: "alert",
443
- className: v(c, et.error),
444
- children: s
443
+ className: v(c, tt.error),
444
+ text: s
445
445
  })]
446
446
  });
447
447
  }, Z = {
@@ -451,58 +451,58 @@ var Me = {
451
451
  instructionsError: "_instructionsError_1253x_18",
452
452
  refineFeedback: "_refineFeedback_1253x_22",
453
453
  refineError: "_refineError_1253x_26"
454
- }, nt = H(async () => ({ default: (await K()).MarkdownEditor })), rt = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: b, onSubmit: S, isSubmitting: C = !1, onRefineDescription: w, onRefineInstructions: T, markdownEditorTheme: O, backIcon: ne, className: re, styles: j }) => {
455
- let M = Ee(), ie = Ee(), N = Oe(void 0), se = (e) => e ? async (t, n) => {
456
- if (N.current && !N.current.aborted) throw new DOMException("Busy", "AbortError");
457
- N.current = n;
454
+ }, rt = we(async () => ({ default: (await Me()).MarkdownEditor })), it = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: b, onSubmit: S, isSubmitting: C = !1, onRefineDescription: w, onRefineInstructions: T, markdownEditorTheme: O, backIcon: ne, className: M, styles: N }) => {
455
+ let re = De(), ie = De(), P = W(void 0), F = (e) => e ? async (t, n) => {
456
+ if (P.current && !P.current.aborted) throw new DOMException("Busy", "AbortError");
457
+ P.current = n;
458
458
  try {
459
459
  return await e(t, n);
460
460
  } finally {
461
- N.current === n && (N.current = void 0);
461
+ P.current === n && (P.current = void 0);
462
462
  }
463
- } : void 0, le = x({
463
+ } : void 0, ce = x({
464
464
  value: t.description ?? "",
465
465
  onChange: (e) => m("description", e),
466
- onRefine: se(w),
466
+ onRefine: F(w),
467
467
  disabled: C
468
- }), ue = x({
468
+ }), le = x({
469
469
  value: t.prompt,
470
470
  onChange: (e) => m("prompt", e),
471
- onRefine: se(T),
471
+ onRefine: F(T),
472
472
  disabled: C
473
- }), P = le.isPending || ue.isPending, F = () => {
474
- le.reset(), ue.reset();
475
- }, pe = !!(n && Ye(t, n)), I = ee(pe), he = () => I.guard(() => {
476
- F(), h();
477
- }), ge = () => I.guard(() => {
478
- F(), b();
479
- }), ve = y(), L = !t.skillUrls?.length, [ye, R] = ke(), z = Oe(/* @__PURE__ */ new Date()).current, { colors: B, typography: V, layout: be } = j ?? {}, xe = V?.titleClassName ?? "dial-h1-text", Se = V?.sectionTitleClassName ?? "dial-body-semi-text", H = V?.sectionSubtitleClassName ?? "dial-tiny-text", we = V?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = V?.instructionsErrorClassName ?? "dial-small-text", De = _({
480
- "--stcf-details-border": B?.detailsColumnBorder,
481
- "--stcf-subtitle-text": B?.sectionSubtitleText,
482
- "--stcf-error-text": B?.instructionsErrorText,
483
- "--stcf-refine-action-text": B?.refineActionText,
484
- "--stcf-refine-error-text": B?.refineErrorText
485
- }), K = {
486
- feedbackClassName: v(B?.refineActionText && Z.refineFeedback, V?.refineFeedbackClassName, Me.refineFeedback),
473
+ }), I = ce.isPending || le.isPending, L = () => {
474
+ ce.reset(), le.reset();
475
+ }, fe = !!(n && Xe(t, n)), pe = ee(fe), he = () => pe.guard(() => {
476
+ L(), h();
477
+ }), ge = () => pe.guard(() => {
478
+ L(), b();
479
+ }), R = y(), ve = !t.skillUrls?.length, [z, B] = ke(), ye = W(/* @__PURE__ */ new Date()).current, { colors: V, typography: H, layout: be } = N ?? {}, xe = H?.titleClassName ?? "dial-h1-text", Se = H?.sectionTitleClassName ?? "dial-body-semi-text", we = H?.sectionSubtitleClassName ?? "dial-tiny-text", Te = H?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = H?.instructionsErrorClassName ?? "dial-tiny-text", Oe = _({
480
+ "--stcf-details-border": V?.detailsColumnBorder,
481
+ "--stcf-subtitle-text": V?.sectionSubtitleText,
482
+ "--stcf-error-text": V?.instructionsErrorText,
483
+ "--stcf-refine-action-text": V?.refineActionText,
484
+ "--stcf-refine-error-text": V?.refineErrorText
485
+ }), Me = {
486
+ feedbackClassName: v(V?.refineActionText && Z.refineFeedback, H?.refineFeedbackClassName, Ne.refineFeedback),
487
487
  errorClassName: Z.refineError
488
488
  }, q = (t) => {
489
489
  let n = s.test(t.target.value) ? void 0 : e.timeInvalidLabel;
490
- R(n), m("time", t.target.value);
491
- }, Ne = (e) => {
492
- R(void 0), m("time", typeof e == "string" ? e : "");
490
+ B(n), m("time", t.target.value);
493
491
  }, Pe = (e) => {
492
+ B(void 0), m("time", typeof e == "string" ? e : "");
493
+ }, Fe = (e) => {
494
494
  let n = e;
495
495
  m("repeat", n);
496
- let r = Xe(t.startDate, t.repeat, n);
496
+ let r = Ze(t.startDate, t.repeat, n);
497
497
  r !== t.startDate && m("startDate", r ?? "");
498
- let i = Xe(t.endDate, t.repeat, n);
498
+ let i = Ze(t.endDate, t.repeat, n);
499
499
  i !== t.endDate && m("endDate", i ?? "");
500
- }, J = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Fe = t.repeat === r.Hourly, Ie = Fe ? D.DateTime : D.Date, Y = Fe ? e.startDateAndTimeLabel : e.startDateLabel, Le = Fe ? e.endDateAndTimeLabel : e.endDateLabel;
501
- Te(() => {
502
- J || R(void 0);
500
+ }, J = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Ie = t.repeat === r.Hourly, Le = Ie ? D.DateTime : D.Date, Y = Ie ? e.startDateAndTimeLabel : e.startDateLabel, Re = Ie ? e.endDateAndTimeLabel : e.endDateLabel;
501
+ Ee(() => {
502
+ J || B(void 0);
503
503
  }, [J]);
504
- let Re = J ? ye ?? i.time : void 0, ze = (e) => m("runAt", e), Be = C || P || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || J && !t.time || !!Re;
505
- return /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(je, {
504
+ let ze = J ? z ?? i.time : void 0, Be = (e) => m("runAt", e), Ve = C || I || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || J && !t.time || !!ze;
505
+ return /* @__PURE__ */ K(Ae, { children: [/* @__PURE__ */ G(je, {
506
506
  labels: {
507
507
  title: e.pageTitle,
508
508
  backButtonLabel: e.backButtonLabel,
@@ -513,12 +513,12 @@ var Me = {
513
513
  onBack: he,
514
514
  onCancel: ge,
515
515
  onSubmit: () => {
516
- !Be && (!N.current || N.current.aborted) && S();
516
+ !Ve && (!P.current || P.current.aborted) && S();
517
517
  },
518
518
  isCancelDisabled: C,
519
- isSubmitDisabled: Be,
519
+ isSubmitDisabled: Ve,
520
520
  isSubmitting: C,
521
- backIcon: ne === void 0 ? /* @__PURE__ */ W(_e, {
521
+ backIcon: ne === void 0 ? /* @__PURE__ */ G(_e, {
522
522
  size: k.LG,
523
523
  stroke: A,
524
524
  "aria-hidden": !0,
@@ -529,31 +529,31 @@ var Me = {
529
529
  columnGap: be?.columnGap,
530
530
  reserveEndColumn: !1
531
531
  },
532
- className: re,
532
+ className: M,
533
533
  styles: {
534
- colors: { background: B?.background },
534
+ colors: { background: V?.background },
535
535
  header: {
536
- colors: { borderColor: B?.headerBorder },
536
+ colors: { borderColor: V?.headerBorder },
537
537
  typography: { fontClassName: xe }
538
538
  },
539
- cssVars: De
539
+ cssVars: Oe
540
540
  },
541
- left: /* @__PURE__ */ G("div", {
541
+ left: /* @__PURE__ */ K("div", {
542
542
  role: "group",
543
543
  "aria-label": e.detailsSectionTitle,
544
544
  className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", Z.detailsColumn, Z.formColumn),
545
545
  children: [
546
- /* @__PURE__ */ G("div", {
546
+ /* @__PURE__ */ K("div", {
547
547
  className: "flex flex-col gap-1",
548
- children: [/* @__PURE__ */ W("h2", {
548
+ children: [/* @__PURE__ */ G("h2", {
549
549
  className: Se,
550
550
  children: e.detailsSectionTitle
551
- }), /* @__PURE__ */ W("p", {
552
- className: v(H, Z.sectionSubtitle),
551
+ }), /* @__PURE__ */ G("p", {
552
+ className: v(we, Z.sectionSubtitle),
553
553
  children: e.detailsSectionSubtitle
554
554
  })]
555
555
  }),
556
- /* @__PURE__ */ W(ae, {
556
+ /* @__PURE__ */ G(ae, {
557
557
  id: "scheduled-task-display-name",
558
558
  value: t.displayName,
559
559
  onChange: (e) => m("displayName", e ?? ""),
@@ -564,20 +564,20 @@ var Me = {
564
564
  invalid: !!i.displayName,
565
565
  error: i.displayName
566
566
  }),
567
- /* @__PURE__ */ W(g, {
567
+ /* @__PURE__ */ G(g, {
568
568
  isEnabled: !!w,
569
- fieldId: M,
569
+ fieldId: re,
570
570
  label: e.descriptionLabel,
571
571
  labels: e,
572
- refinement: le,
573
- disabled: C || P,
572
+ refinement: ce,
573
+ disabled: C || I,
574
574
  caption: `${(t.description ?? "").length}/500`,
575
- ...K,
576
- children: /* @__PURE__ */ W(me, {
577
- id: M,
575
+ ...Me,
576
+ children: /* @__PURE__ */ G(me, {
577
+ id: re,
578
578
  value: t.description ?? "",
579
579
  onChange: (e) => {
580
- le.reset(), m("description", e);
580
+ ce.reset(), m("description", e);
581
581
  },
582
582
  labelProps: w ? void 0 : { label: e.descriptionLabel },
583
583
  maxLength: 500,
@@ -585,46 +585,46 @@ var Me = {
585
585
  error: i.description
586
586
  })
587
587
  }),
588
- /* @__PURE__ */ G("div", {
588
+ /* @__PURE__ */ K("div", {
589
589
  className: "flex flex-col gap-1",
590
590
  children: [
591
- /* @__PURE__ */ W(oe, {
591
+ /* @__PURE__ */ G(oe, {
592
592
  id: u,
593
593
  label: e.modelOrAgentLabel,
594
594
  required: !0
595
595
  }),
596
596
  c,
597
- i.modelId && /* @__PURE__ */ W("p", {
597
+ i.modelId && /* @__PURE__ */ G(j, {
598
598
  className: v(U, Z.instructionsError),
599
- children: i.modelId
599
+ text: i.modelId
600
600
  })
601
601
  ]
602
602
  }),
603
- /* @__PURE__ */ G("div", {
603
+ /* @__PURE__ */ K("div", {
604
604
  className: "flex flex-col gap-3",
605
605
  children: [
606
- /* @__PURE__ */ W(de, {
606
+ /* @__PURE__ */ G(ue, {
607
607
  labelProps: { label: e.repeatLabel },
608
608
  value: t.repeat,
609
- onChange: Pe,
609
+ onChange: Fe,
610
610
  options: e.repeatOptions.map((e) => ({
611
611
  value: e.key,
612
612
  label: e.label
613
613
  }))
614
614
  }),
615
- t.repeat === r.OneTime && /* @__PURE__ */ W(tt, {
615
+ t.repeat === r.OneTime && /* @__PURE__ */ G(nt, {
616
616
  label: e.runAtLabel,
617
617
  placeholder: e.runAtPlaceholder,
618
618
  value: t.runAt ?? "",
619
- onChange: ze,
619
+ onChange: Be,
620
620
  error: i.runAt,
621
621
  errorClassName: U,
622
622
  disabled: C
623
623
  }),
624
- t.repeat !== r.OneTime && /* @__PURE__ */ G(Ae, { children: [
625
- t.repeat === r.Weekly && /* @__PURE__ */ G("div", {
624
+ t.repeat !== r.OneTime && /* @__PURE__ */ K(Ae, { children: [
625
+ t.repeat === r.Weekly && /* @__PURE__ */ K("div", {
626
626
  className: "flex flex-col gap-1",
627
- children: [/* @__PURE__ */ W(E, {
627
+ children: [/* @__PURE__ */ G(E, {
628
628
  id: "scheduled-task-day-of-week",
629
629
  mode: D.Weekday,
630
630
  value: a(t.dayOfWeek),
@@ -634,32 +634,32 @@ var Me = {
634
634
  required: !0
635
635
  },
636
636
  invalid: !!i.dayOfWeek
637
- }), i.dayOfWeek && /* @__PURE__ */ W("p", {
637
+ }), i.dayOfWeek && /* @__PURE__ */ G(j, {
638
638
  className: v(U, Z.instructionsError),
639
- children: i.dayOfWeek
639
+ text: i.dayOfWeek
640
640
  })]
641
641
  }),
642
- J && /* @__PURE__ */ G("div", {
642
+ J && /* @__PURE__ */ K("div", {
643
643
  className: "flex flex-col gap-1",
644
- children: [/* @__PURE__ */ W(E, {
644
+ children: [/* @__PURE__ */ G(E, {
645
645
  id: "scheduled-task-time",
646
646
  mode: D.Time,
647
647
  value: t.time,
648
- onChange: Ne,
648
+ onChange: Pe,
649
649
  onBlur: q,
650
650
  labelProps: {
651
651
  label: e.timeLabel,
652
652
  required: !0
653
653
  },
654
- invalid: !!Re,
654
+ invalid: !!ze,
655
655
  disabled: C,
656
656
  showTimezone: !0
657
- }), Re && /* @__PURE__ */ W("p", {
657
+ }), ze && /* @__PURE__ */ G(j, {
658
658
  className: v(U, Z.instructionsError),
659
- children: Re
659
+ text: ze
660
660
  })]
661
661
  }),
662
- t.repeat === r.Monthly && /* @__PURE__ */ W(ce, {
662
+ t.repeat === r.Monthly && /* @__PURE__ */ G(se, {
663
663
  id: "scheduled-task-day-of-month",
664
664
  integer: !0,
665
665
  min: 1,
@@ -673,7 +673,7 @@ var Me = {
673
673
  invalid: !!i.dayOfMonth,
674
674
  error: i.dayOfMonth
675
675
  }),
676
- t.repeat === r.Hourly && /* @__PURE__ */ W(ce, {
676
+ t.repeat === r.Hourly && /* @__PURE__ */ G(se, {
677
677
  id: "scheduled-task-minute",
678
678
  integer: !0,
679
679
  min: 0,
@@ -688,27 +688,27 @@ var Me = {
688
688
  invalid: !!i.minute,
689
689
  error: i.minute
690
690
  }),
691
- /* @__PURE__ */ G("div", {
692
- className: v("gap-3", Fe ? "flex flex-col" : "flex flex-row"),
693
- children: [/* @__PURE__ */ W($e, {
691
+ /* @__PURE__ */ K("div", {
692
+ className: v("gap-3", Ie ? "flex flex-col" : "flex flex-row"),
693
+ children: [/* @__PURE__ */ G(et, {
694
694
  id: "scheduled-task-start-date",
695
- mode: Ie,
695
+ mode: Le,
696
696
  label: Y,
697
697
  placeholder: e.startDatePlaceholder,
698
698
  value: t.startDate,
699
699
  onChange: (e) => m("startDate", e),
700
- minDate: z,
700
+ minDate: ye,
701
701
  error: i.startDate,
702
702
  errorClassName: U,
703
703
  disabled: C
704
- }), /* @__PURE__ */ W($e, {
704
+ }), /* @__PURE__ */ G(et, {
705
705
  id: "scheduled-task-end-date",
706
- mode: Ie,
707
- label: Le,
706
+ mode: Le,
707
+ label: Re,
708
708
  placeholder: e.endDatePlaceholder,
709
709
  value: t.endDate,
710
710
  onChange: (e) => m("endDate", e),
711
- minDate: z,
711
+ minDate: ye,
712
712
  error: i.endDate,
713
713
  errorClassName: U,
714
714
  disabled: C
@@ -719,59 +719,59 @@ var Me = {
719
719
  })
720
720
  ]
721
721
  }),
722
- children: /* @__PURE__ */ G("div", {
722
+ children: /* @__PURE__ */ K("div", {
723
723
  role: "group",
724
724
  "aria-label": e.configurationSectionTitle,
725
725
  className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
726
726
  children: [
727
- /* @__PURE__ */ W("div", {
727
+ /* @__PURE__ */ G("div", {
728
728
  className: "flex flex-col gap-1",
729
- children: /* @__PURE__ */ W("h2", {
729
+ children: /* @__PURE__ */ G("h2", {
730
730
  className: Se,
731
731
  children: e.configurationSectionTitle
732
732
  })
733
733
  }),
734
- p == null ? i.skillUrls && /* @__PURE__ */ W("div", {
734
+ p == null ? i.skillUrls && /* @__PURE__ */ G("div", {
735
735
  "aria-live": "polite",
736
- children: /* @__PURE__ */ W("p", {
736
+ children: /* @__PURE__ */ G(j, {
737
737
  className: v(U, Z.instructionsError),
738
- children: i.skillUrls
738
+ text: i.skillUrls
739
739
  })
740
- }) : /* @__PURE__ */ W("div", {
740
+ }) : /* @__PURE__ */ G("div", {
741
741
  className: "w-full max-w-[996px] min-w-0",
742
742
  children: p
743
743
  }),
744
- /* @__PURE__ */ W("div", {
744
+ /* @__PURE__ */ G("div", {
745
745
  className: "flex w-full max-w-[996px] min-w-0 flex-col",
746
- children: /* @__PURE__ */ W(g, {
746
+ children: /* @__PURE__ */ G(g, {
747
747
  isEnabled: !!T,
748
748
  fieldId: ie,
749
- labelClassName: we,
749
+ labelClassName: Te,
750
750
  label: e.instructionsLabel,
751
- required: L,
751
+ required: ve,
752
752
  labels: e,
753
- refinement: ue,
754
- disabled: C || P,
755
- ...K,
756
- children: /* @__PURE__ */ G("div", {
753
+ refinement: le,
754
+ disabled: C || I,
755
+ ...Me,
756
+ children: /* @__PURE__ */ K("div", {
757
757
  className: "flex flex-1 flex-col gap-1",
758
758
  children: [
759
- !T && /* @__PURE__ */ W(oe, {
759
+ !T && /* @__PURE__ */ G(oe, {
760
760
  htmlFor: ie,
761
- className: we,
761
+ className: Te,
762
762
  label: e.instructionsLabel,
763
- required: L
763
+ required: ve
764
764
  }),
765
- /* @__PURE__ */ W("div", {
766
- ref: ve,
765
+ /* @__PURE__ */ G("div", {
766
+ ref: R,
767
767
  className: v("w-full", d, f),
768
- children: /* @__PURE__ */ W(Ce, {
769
- fallback: /* @__PURE__ */ W(fe, {}),
770
- children: /* @__PURE__ */ W(nt, {
768
+ children: /* @__PURE__ */ G(Ce, {
769
+ fallback: /* @__PURE__ */ G(de, {}),
770
+ children: /* @__PURE__ */ G(rt, {
771
771
  id: ie,
772
772
  value: t.prompt,
773
773
  onChange: (e) => {
774
- ue.reset(), m("prompt", e);
774
+ le.reset(), m("prompt", e);
775
775
  },
776
776
  height: 480,
777
777
  theme: O,
@@ -779,9 +779,9 @@ var Me = {
779
779
  })
780
780
  })
781
781
  }),
782
- i.prompt && /* @__PURE__ */ W("p", {
782
+ i.prompt && /* @__PURE__ */ G(j, {
783
783
  className: v(U, Z.instructionsError),
784
- children: i.prompt
784
+ text: i.prompt
785
785
  })
786
786
  ]
787
787
  })
@@ -789,100 +789,100 @@ var Me = {
789
789
  })
790
790
  ]
791
791
  })
792
- }), I.isConfirmOpen && /* @__PURE__ */ W(l, {
792
+ }), pe.isConfirmOpen && /* @__PURE__ */ G(l, {
793
793
  open: !0,
794
794
  title: e.discardTitle ?? "Discard unsaved changes?",
795
795
  message: e.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
796
796
  confirmLabel: e.discardConfirmLabel ?? "Discard changes",
797
797
  cancelLabel: e.discardCancelLabel ?? "Keep editing",
798
798
  variant: te.Danger,
799
- onConfirm: I.confirm,
800
- onClose: I.dismiss
799
+ onConfirm: pe.confirm,
800
+ onClose: pe.dismiss
801
801
  })] });
802
- }, it = /* @__PURE__ */ function(e) {
802
+ }, at = /* @__PURE__ */ function(e) {
803
803
  return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
804
- }({}), at = /* @__PURE__ */ function(e) {
804
+ }({}), ot = /* @__PURE__ */ function(e) {
805
805
  return e.Card = "card", e.Flow = "flow", e;
806
- }({}), ot = { subtitleText: "_subtitleText_1i4x2_3" }, st = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ G("div", {
806
+ }({}), st = { subtitleText: "_subtitleText_1i4x2_3" }, ct = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ K("div", {
807
807
  className: "flex min-w-0 flex-col gap-5",
808
- children: [!!t?.length && /* @__PURE__ */ G("div", {
808
+ children: [!!t?.length && /* @__PURE__ */ K("div", {
809
809
  role: "group",
810
810
  "aria-label": e,
811
811
  className: "flex min-w-0 flex-col gap-1",
812
- children: [/* @__PURE__ */ W("span", {
813
- className: v(o, ot.subtitleText),
812
+ children: [/* @__PURE__ */ G("span", {
813
+ className: v(o, st.subtitleText),
814
814
  children: e
815
- }), /* @__PURE__ */ W("p", {
815
+ }), /* @__PURE__ */ G("p", {
816
816
  className: "break-all whitespace-normal",
817
- children: t?.map((e, t) => /* @__PURE__ */ W("span", {
817
+ children: t?.map((e, t) => /* @__PURE__ */ G("span", {
818
818
  className: "block",
819
819
  children: e
820
820
  }, `${t}:${e}`))
821
821
  })]
822
- }), r && /* @__PURE__ */ G("div", {
822
+ }), r && /* @__PURE__ */ K("div", {
823
823
  role: "group",
824
824
  "aria-label": n,
825
825
  className: "flex min-w-0 flex-col gap-1",
826
- children: [/* @__PURE__ */ W("span", {
827
- className: v(o, ot.subtitleText),
826
+ children: [/* @__PURE__ */ G("span", {
827
+ className: v(o, st.subtitleText),
828
828
  children: n
829
- }), i ? i(r) : /* @__PURE__ */ W(p, {
829
+ }), i ? i(r) : /* @__PURE__ */ G(p, {
830
830
  content: r,
831
831
  ...a
832
832
  })]
833
833
  })]
834
- }), ct = { subtitleText: "_subtitleText_1i4x2_3" }, lt = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ G(Ae, { children: [
835
- t && /* @__PURE__ */ G("div", {
834
+ }), lt = { subtitleText: "_subtitleText_1i4x2_3" }, ut = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ K(Ae, { children: [
835
+ t && /* @__PURE__ */ K("div", {
836
836
  className: "flex flex-col gap-1",
837
- children: [/* @__PURE__ */ W("span", {
838
- className: v(o, ct.subtitleText),
837
+ children: [/* @__PURE__ */ G("span", {
838
+ className: v(o, lt.subtitleText),
839
839
  children: e.descriptionLabel
840
- }), /* @__PURE__ */ W("p", {
840
+ }), /* @__PURE__ */ G("p", {
841
841
  className: s,
842
842
  children: t
843
843
  })]
844
844
  }),
845
- a && /* @__PURE__ */ G("div", {
845
+ a && /* @__PURE__ */ K("div", {
846
846
  className: "flex flex-col gap-1",
847
- children: [/* @__PURE__ */ W("span", {
848
- className: v(o, ct.subtitleText),
847
+ children: [/* @__PURE__ */ G("span", {
848
+ className: v(o, lt.subtitleText),
849
849
  children: e.completedFieldLabel
850
- }), /* @__PURE__ */ W("p", {
850
+ }), /* @__PURE__ */ G("p", {
851
851
  className: s,
852
852
  children: a
853
853
  })]
854
854
  }),
855
- n && /* @__PURE__ */ G("div", {
855
+ n && /* @__PURE__ */ K("div", {
856
856
  className: "flex flex-col gap-1",
857
- children: [/* @__PURE__ */ W("span", {
858
- className: v(o, ct.subtitleText),
857
+ children: [/* @__PURE__ */ G("span", {
858
+ className: v(o, lt.subtitleText),
859
859
  children: e.modelLabel
860
- }), /* @__PURE__ */ W("p", {
860
+ }), /* @__PURE__ */ G("p", {
861
861
  className: s,
862
862
  children: n
863
863
  })]
864
864
  }),
865
- r && /* @__PURE__ */ G("div", {
865
+ r && /* @__PURE__ */ K("div", {
866
866
  className: "flex flex-col gap-1",
867
- children: [/* @__PURE__ */ W("span", {
868
- className: v(o, ct.subtitleText),
867
+ children: [/* @__PURE__ */ G("span", {
868
+ className: v(o, lt.subtitleText),
869
869
  children: e.repeatsLabel
870
- }), /* @__PURE__ */ W("p", {
870
+ }), /* @__PURE__ */ G("p", {
871
871
  className: s,
872
872
  children: r
873
873
  })]
874
874
  }),
875
- i && /* @__PURE__ */ G("div", {
875
+ i && /* @__PURE__ */ K("div", {
876
876
  className: "flex flex-col gap-1",
877
- children: [/* @__PURE__ */ W("span", {
878
- className: v(o, ct.subtitleText),
877
+ children: [/* @__PURE__ */ G("span", {
878
+ className: v(o, lt.subtitleText),
879
879
  children: e.activeWindowLabel
880
- }), /* @__PURE__ */ W("p", {
880
+ }), /* @__PURE__ */ G("p", {
881
881
  className: s,
882
882
  children: i
883
883
  })]
884
884
  })
885
- ] }), ut = /* @__PURE__ */ function(e) {
885
+ ] }), dt = /* @__PURE__ */ function(e) {
886
886
  return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
887
887
  }({}), Q = {
888
888
  subtitleText: "_subtitleText_6i141_1",
@@ -892,25 +892,25 @@ var Me = {
892
892
  currentRun: "_currentRun_6i141_17",
893
893
  interactiveRow: "_interactiveRow_6i141_22",
894
894
  unreadDot: "_unreadDot_6i141_33"
895
- }, dt = ({ status: e }) => {
895
+ }, ft = ({ status: e }) => {
896
896
  switch (e) {
897
- case ut.Success: return /* @__PURE__ */ W(L, {
897
+ case dt.Success: return /* @__PURE__ */ G(ve, {
898
898
  size: k.SM,
899
899
  className: Q.successIcon,
900
900
  "aria-hidden": !0,
901
901
  stroke: A
902
902
  });
903
- case ut.Error: return /* @__PURE__ */ W(ye, {
903
+ case dt.Error: return /* @__PURE__ */ G(z, {
904
904
  size: k.SM,
905
905
  className: Q.errorIcon,
906
906
  "aria-hidden": !0,
907
907
  stroke: A
908
908
  });
909
- case ut.InProgress: return /* @__PURE__ */ W("span", {
909
+ case dt.InProgress: return /* @__PURE__ */ G("span", {
910
910
  "aria-hidden": !0,
911
- children: /* @__PURE__ */ W(fe, { size: k.SM })
911
+ children: /* @__PURE__ */ G(de, { size: k.SM })
912
912
  });
913
- case ut.Missed: return /* @__PURE__ */ W(ge, {
913
+ case dt.Missed: return /* @__PURE__ */ G(ge, {
914
914
  size: k.SM,
915
915
  className: Q.missedIcon,
916
916
  "aria-hidden": !0,
@@ -918,7 +918,7 @@ var Me = {
918
918
  });
919
919
  default: return null;
920
920
  }
921
- }, ft = ({ 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 }) => {
921
+ }, pt = ({ 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 }) => {
922
922
  let { colors: d, typography: f } = u ?? {}, p = f?.runTimestampClassName ?? "dial-small-paragraph-text", m = f?.runTimestampUnreadClassName ?? "dial-small-paragraph-semi-text", h = f?.subtitleClassName ?? "dial-body-text", g = c.unreadIndicatorLabel ?? "Unread", y = _({
923
923
  "--strhl-success-icon": d?.successIconColor,
924
924
  "--strhl-error-icon": d?.errorIconColor,
@@ -930,7 +930,7 @@ var Me = {
930
930
  "--strhl-row-focus-bg": u?.rowFocusBackground,
931
931
  "--strhl-row-focus-outline": u?.rowFocusOutline
932
932
  }), b = (e) => {
933
- let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ut.Error && e.errorText ? e.errorText : void 0, i = [
933
+ let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === dt.Error && e.errorText ? e.errorText : void 0, i = [
934
934
  r,
935
935
  e.isUnread ? g : void 0,
936
936
  n ? c.currentRunLabel : void 0
@@ -939,7 +939,7 @@ var Me = {
939
939
  e.timestampLabel,
940
940
  e.durationLabel
941
941
  ].filter(Boolean).join(" "), ...i].join(" — "), l = !!e.conversationId && !!s;
942
- return /* @__PURE__ */ G("li", {
942
+ return /* @__PURE__ */ K("li", {
943
943
  ...l ? {
944
944
  role: "button",
945
945
  tabIndex: 0,
@@ -951,50 +951,50 @@ var Me = {
951
951
  "aria-label": a,
952
952
  "aria-current": n ? "true" : void 0,
953
953
  className: v("-mx-(--strhl-row-bleed,0px) flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full px-3", n && Q.currentRun, l && "cursor-pointer", l && Q.interactiveRow),
954
- children: [/* @__PURE__ */ G("span", {
954
+ children: [/* @__PURE__ */ K("span", {
955
955
  className: "flex min-w-0 items-center gap-1",
956
- children: [r ? /* @__PURE__ */ W(he, {
956
+ children: [r ? /* @__PURE__ */ G(he, {
957
957
  tooltip: r,
958
958
  asChild: !0,
959
959
  contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
960
- children: /* @__PURE__ */ W("span", {
960
+ children: /* @__PURE__ */ G("span", {
961
961
  className: "flex shrink-0",
962
962
  tabIndex: l ? void 0 : 0,
963
- children: /* @__PURE__ */ W(dt, { status: e.status })
963
+ children: /* @__PURE__ */ G(ft, { status: e.status })
964
964
  })
965
- }) : /* @__PURE__ */ W(dt, { status: e.status }), /* @__PURE__ */ G("span", {
965
+ }) : /* @__PURE__ */ G(ft, { status: e.status }), /* @__PURE__ */ K("span", {
966
966
  className: "flex min-w-0 items-center gap-1",
967
- children: [/* @__PURE__ */ W("span", {
967
+ children: [/* @__PURE__ */ G("span", {
968
968
  className: v(e.isUnread ? m : p, "truncate"),
969
969
  children: e.timestampLabel
970
- }), e.durationLabel && /* @__PURE__ */ W("span", {
970
+ }), e.durationLabel && /* @__PURE__ */ G("span", {
971
971
  className: v(p, Q.subtitleText, "shrink-0"),
972
972
  children: e.durationLabel
973
973
  })]
974
974
  })]
975
- }), /* @__PURE__ */ W("span", {
975
+ }), /* @__PURE__ */ G("span", {
976
976
  className: "relative flex size-3 shrink-0 items-center justify-center",
977
- children: e.isUnread && /* @__PURE__ */ W("span", {
977
+ children: e.isUnread && /* @__PURE__ */ G("span", {
978
978
  className: v("size-[5.33px] rounded-full", Q.unreadDot),
979
979
  "aria-hidden": !0
980
980
  })
981
981
  })]
982
982
  }, e.id);
983
- }, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ G("li", {
983
+ }, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ K("li", {
984
984
  "aria-hidden": "true",
985
985
  className: "-mx-(--strhl-row-bleed,0px) flex min-h-(--strhl-row-min-height,32px) max-w-[328px] items-center justify-between gap-2 px-3",
986
- children: [/* @__PURE__ */ W(P, {
987
- variant: F.Rectangular,
986
+ children: [/* @__PURE__ */ G(I, {
987
+ variant: L.Rectangular,
988
988
  width: "160px",
989
989
  height: "16px"
990
- }), /* @__PURE__ */ W(P, {
991
- variant: F.Rectangular,
990
+ }), /* @__PURE__ */ G(I, {
991
+ variant: L.Rectangular,
992
992
  width: "16px",
993
993
  height: "16px",
994
994
  className: "shrink-0 rounded-full"
995
995
  })]
996
996
  }, `history-skeleton-${t}`));
997
- return t && e.length === 0 ? /* @__PURE__ */ W("ul", {
997
+ return t && e.length === 0 ? /* @__PURE__ */ G("ul", {
998
998
  style: {
999
999
  ...y,
1000
1000
  "--strhl-row-min-height": u?.rowMinHeight
@@ -1002,31 +1002,31 @@ var Me = {
1002
1002
  "aria-label": c.historyTitle,
1003
1003
  className: "flex flex-col gap-0.5",
1004
1004
  children: x(r)
1005
- }) : i && e.length === 0 ? /* @__PURE__ */ G("div", {
1005
+ }) : i && e.length === 0 ? /* @__PURE__ */ K("div", {
1006
1006
  style: y,
1007
1007
  className: "flex flex-col items-start gap-3",
1008
- children: [/* @__PURE__ */ W("p", {
1008
+ children: [/* @__PURE__ */ G("p", {
1009
1009
  role: "alert",
1010
1010
  className: v(h, Q.subtitleText),
1011
1011
  children: c.errorLabel
1012
- }), /* @__PURE__ */ W(j, {
1012
+ }), /* @__PURE__ */ G(N, {
1013
1013
  label: c.retryLabel,
1014
1014
  onClick: a
1015
1015
  })]
1016
- }) : e.length === 0 ? /* @__PURE__ */ G("div", {
1016
+ }) : e.length === 0 ? /* @__PURE__ */ K("div", {
1017
1017
  style: y,
1018
1018
  className: "flex w-full flex-col items-center justify-center gap-2 py-4",
1019
- children: [/* @__PURE__ */ W(R, {
1019
+ children: [/* @__PURE__ */ G(B, {
1020
1020
  size: 44,
1021
1021
  stroke: A,
1022
1022
  className: Q.subtitleText,
1023
1023
  "aria-hidden": !0
1024
- }), /* @__PURE__ */ W("p", {
1024
+ }), /* @__PURE__ */ G("p", {
1025
1025
  role: "status",
1026
1026
  className: p,
1027
1027
  children: c.emptyLabel
1028
1028
  })]
1029
- }) : /* @__PURE__ */ G("ul", {
1029
+ }) : /* @__PURE__ */ K("ul", {
1030
1030
  style: {
1031
1031
  ...y,
1032
1032
  "--strhl-row-min-height": u?.rowMinHeight
@@ -1036,50 +1036,50 @@ var Me = {
1036
1036
  children: [
1037
1037
  e.map(b),
1038
1038
  n && x(r),
1039
- i ? /* @__PURE__ */ G("li", {
1039
+ i ? /* @__PURE__ */ K("li", {
1040
1040
  className: "flex flex-col items-start gap-3 px-5 py-2",
1041
- children: [/* @__PURE__ */ W("p", {
1041
+ children: [/* @__PURE__ */ G("p", {
1042
1042
  role: "alert",
1043
1043
  className: v(h, Q.subtitleText),
1044
1044
  children: c.errorLabel
1045
- }), /* @__PURE__ */ W(j, {
1045
+ }), /* @__PURE__ */ G(N, {
1046
1046
  label: c.retryLabel,
1047
1047
  onClick: a
1048
1048
  })]
1049
1049
  }) : l
1050
1050
  ]
1051
1051
  });
1052
- }, pt = {
1052
+ }, mt = {
1053
1053
  historyCard: "_historyCard_153p9_4",
1054
1054
  subtitleText: "_subtitleText_153p9_8",
1055
1055
  cardLayout: "_cardLayout_153p9_13"
1056
- }, mt = ({ 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", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
1057
- let b = e === at.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", pt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ G("li", {
1056
+ }, ht = ({ 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", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
1057
+ let b = e === ot.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", mt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ K("li", {
1058
1058
  className: x,
1059
- children: [/* @__PURE__ */ W("p", {
1059
+ children: [/* @__PURE__ */ G("p", {
1060
1060
  role: "alert",
1061
1061
  children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
1062
- }), u && /* @__PURE__ */ W(j, {
1062
+ }), u && /* @__PURE__ */ G(N, {
1063
1063
  label: t.historyRetryLabel,
1064
1064
  onClick: u,
1065
1065
  disabled: a
1066
1066
  })]
1067
- }) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ W("li", {
1067
+ }) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ G("li", {
1068
1068
  className: x,
1069
- children: /* @__PURE__ */ W(j, {
1069
+ children: /* @__PURE__ */ G(N, {
1070
1070
  label: t.historyShowMoreLabel,
1071
1071
  onClick: f,
1072
1072
  disabled: a
1073
1073
  })
1074
- }) : void 0, S = n ? /* @__PURE__ */ W("p", {
1075
- className: v(m, pt.subtitleText),
1074
+ }) : void 0, S = n ? /* @__PURE__ */ G("p", {
1075
+ className: v(m, mt.subtitleText),
1076
1076
  children: n
1077
- }) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ W("span", {
1077
+ }) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ G("span", {
1078
1078
  role: "status",
1079
1079
  "aria-live": "polite",
1080
1080
  className: "sr-only",
1081
1081
  children: a ? t.historyLoadingMoreLabel : ""
1082
- }) : void 0, w = /* @__PURE__ */ W(ft, {
1082
+ }) : void 0, w = /* @__PURE__ */ G(pt, {
1083
1083
  items: r,
1084
1084
  isLoading: i,
1085
1085
  isLoadingMore: a,
@@ -1108,25 +1108,25 @@ var Me = {
1108
1108
  rowFocusOutline: y?.rowFocusOutline
1109
1109
  }
1110
1110
  });
1111
- return b ? /* @__PURE__ */ G("div", {
1112
- 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", pt.historyCard, pt.cardLayout),
1111
+ return b ? /* @__PURE__ */ K("div", {
1112
+ 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", mt.historyCard, mt.cardLayout),
1113
1113
  style: { "--st-history-max-height": y?.maxHeight },
1114
- children: [/* @__PURE__ */ G("div", {
1115
- className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", pt.historyCard),
1114
+ children: [/* @__PURE__ */ K("div", {
1115
+ className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", mt.historyCard),
1116
1116
  children: [
1117
- /* @__PURE__ */ W("h2", {
1117
+ /* @__PURE__ */ G("h2", {
1118
1118
  className: g,
1119
1119
  children: t.historyTitle
1120
1120
  }),
1121
1121
  S,
1122
1122
  C
1123
1123
  ]
1124
- }), /* @__PURE__ */ W("div", {
1124
+ }), /* @__PURE__ */ G("div", {
1125
1125
  className: "flex flex-1 flex-col gap-4 px-6 pb-2",
1126
1126
  style: { "--strhl-row-bleed": "12px" },
1127
1127
  children: w
1128
1128
  })]
1129
- }) : /* @__PURE__ */ G("div", {
1129
+ }) : /* @__PURE__ */ K("div", {
1130
1130
  className: "flex flex-col gap-4",
1131
1131
  children: [
1132
1132
  S,
@@ -1147,27 +1147,27 @@ var Me = {
1147
1147
  actionButton: "_actionButton_hdn5b_75",
1148
1148
  roundActionButton: "_roundActionButton_hdn5b_82",
1149
1149
  stickyTabs: "_stickyTabs_hdn5b_88"
1150
- }, ht = ({ 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: S, modelLabel: C, repeatsLabel: w, activeWindowLabel: E, completedLabel: D, nextRunLabel: O, instructionsMarkdown: te, skillDisplayNames: ne, renderInstructions: re, runs: ie, runsIsLoading: ae = !1, runsIsLoadingMore: oe = !1, runsSkeletonCount: N = 6, runsError: ce, onRunsRetry: le, runsLoadMoreError: ue, onRunsRetryLoadMore: de, runsHasMore: P = !1, onRunsLoadMore: F, onRunClick: me, styles: he, className: ge, backIcon: ve, layout: L, historyStyles: ye }) => {
1151
- let { colors: R, typography: z } = he ?? {}, V = z?.titleClassName ?? "dial-h2-text", xe = z?.sectionTitleClassName ?? "dial-body-semi-text", Ce = z?.fieldLabelClassName ?? "dial-tiny-text", H = z?.fieldValueClassName ?? "dial-small-text", we = z?.runTimestampClassName ?? "dial-small-text", Te = _({
1152
- "--stdv-bg": R?.background,
1153
- "--stdv-header-border": R?.headerBorder,
1154
- "--stdv-details-border": R?.detailsColumnBorder,
1155
- "--stdv-subtitle-text": R?.subtitleText,
1156
- "--stdv-history-bg": R?.historyCardBackground
1157
- }), U = b(), [De, Oe] = ke(it.Details), je = Ee(), K = o && !i ? e.startNowBusyLabel : void 0, Me = [
1150
+ }, gt = ({ 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: S, modelLabel: C, repeatsLabel: w, activeWindowLabel: E, completedLabel: D, nextRunLabel: O, instructionsMarkdown: te, skillDisplayNames: ne, renderInstructions: j, runs: M, runsIsLoading: ie = !1, runsIsLoadingMore: ae = !1, runsSkeletonCount: oe = 6, runsError: P, onRunsRetry: se, runsLoadMoreError: ce, onRunsRetryLoadMore: le, runsHasMore: ue = !1, onRunsLoadMore: I, onRunClick: L, styles: me, className: he, backIcon: ge, layout: R, historyStyles: ve }) => {
1151
+ let { colors: z, typography: B } = me ?? {}, ye = B?.titleClassName ?? "dial-h2-text", H = B?.sectionTitleClassName ?? "dial-body-semi-text", xe = B?.fieldLabelClassName ?? "dial-tiny-text", Ce = B?.fieldValueClassName ?? "dial-small-text", we = B?.runTimestampClassName ?? "dial-small-text", Te = _({
1152
+ "--stdv-bg": z?.background,
1153
+ "--stdv-header-border": z?.headerBorder,
1154
+ "--stdv-details-border": z?.detailsColumnBorder,
1155
+ "--stdv-subtitle-text": z?.subtitleText,
1156
+ "--stdv-history-bg": z?.historyCardBackground
1157
+ }), Ee = b(), [U, Oe] = ke(at.Details), W = De(), je = o && !i ? e.startNowBusyLabel : void 0, Me = [
1158
1158
  {
1159
- id: it.Details,
1159
+ id: at.Details,
1160
1160
  label: e.detailsTitle
1161
1161
  },
1162
1162
  {
1163
- id: it.Configuration,
1163
+ id: at.Configuration,
1164
1164
  label: e.configurationTitle
1165
1165
  },
1166
1166
  {
1167
- id: it.History,
1167
+ id: at.History,
1168
1168
  label: e.historyTitle
1169
1169
  }
1170
- ], q = Me.find((e) => e.id === De)?.label ?? e.detailsTitle, Ne = /* @__PURE__ */ W(lt, {
1170
+ ], Ne = Me.find((e) => e.id === U)?.label ?? e.detailsTitle, q = /* @__PURE__ */ G(ut, {
1171
1171
  labels: {
1172
1172
  descriptionLabel: e.descriptionLabel,
1173
1173
  modelLabel: e.modelLabel,
@@ -1180,14 +1180,14 @@ var Me = {
1180
1180
  repeatsLabel: w,
1181
1181
  activeWindowLabel: E,
1182
1182
  completedLabel: D,
1183
- fieldLabelClassName: Ce,
1184
- fieldValueClassName: H
1185
- }), Pe = /* @__PURE__ */ W(st, {
1183
+ fieldLabelClassName: xe,
1184
+ fieldValueClassName: Ce
1185
+ }), Pe = /* @__PURE__ */ G(ct, {
1186
1186
  instructionsLabel: e.instructionsLabel,
1187
1187
  skillLabel: e.skillLabel,
1188
1188
  skillDisplayNames: ne,
1189
1189
  instructionsMarkdown: te,
1190
- renderInstructions: re,
1190
+ renderInstructions: j,
1191
1191
  markdownLabels: {
1192
1192
  codeBlockCopyLabel: e.codeBlockCopyLabel,
1193
1193
  codeBlockCopiedLabel: e.codeBlockCopiedLabel,
@@ -1195,8 +1195,8 @@ var Me = {
1195
1195
  tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
1196
1196
  mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
1197
1197
  },
1198
- fieldLabelClassName: Ce
1199
- }), J = (t) => /* @__PURE__ */ W(mt, {
1198
+ fieldLabelClassName: xe
1199
+ }), Fe = (t) => /* @__PURE__ */ G(ht, {
1200
1200
  variant: t,
1201
1201
  labels: {
1202
1202
  historyTitle: e.historyTitle,
@@ -1210,67 +1210,67 @@ var Me = {
1210
1210
  unreadIndicatorLabel: e.unreadIndicatorLabel
1211
1211
  },
1212
1212
  nextRunLabel: O,
1213
- items: ie,
1214
- isLoading: ae,
1215
- isLoadingMore: oe,
1216
- skeletonCount: N,
1217
- error: ce,
1218
- onRetry: le,
1219
- loadMoreError: ue,
1220
- onRetryLoadMore: de,
1221
- hasMore: P,
1222
- onLoadMore: F,
1223
- onRunClick: me,
1213
+ items: M,
1214
+ isLoading: ie,
1215
+ isLoadingMore: ae,
1216
+ skeletonCount: oe,
1217
+ error: P,
1218
+ onRetry: se,
1219
+ loadMoreError: ce,
1220
+ onRetryLoadMore: le,
1221
+ hasMore: ue,
1222
+ onLoadMore: I,
1223
+ onRunClick: L,
1224
1224
  runTimestampClassName: we,
1225
- sectionTitleClassName: xe,
1226
- colors: R,
1227
- styles: ye
1225
+ sectionTitleClassName: H,
1226
+ colors: z,
1227
+ styles: ve
1228
1228
  });
1229
- return /* @__PURE__ */ G("div", {
1229
+ return /* @__PURE__ */ K("div", {
1230
1230
  style: Te,
1231
- className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, ge),
1231
+ className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, he),
1232
1232
  children: [
1233
- /* @__PURE__ */ G("div", {
1233
+ /* @__PURE__ */ K("div", {
1234
1234
  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),
1235
- children: [/* @__PURE__ */ G("div", {
1235
+ children: [/* @__PURE__ */ K("div", {
1236
1236
  className: "flex min-w-0 items-center gap-2",
1237
1237
  children: [
1238
- /* @__PURE__ */ W(M, {
1239
- icon: ve === void 0 ? /* @__PURE__ */ W(_e, {
1238
+ /* @__PURE__ */ G(re, {
1239
+ icon: ge === void 0 ? /* @__PURE__ */ G(_e, {
1240
1240
  size: k.LG,
1241
1241
  className: "rtl:scale-x-[-1]",
1242
1242
  "aria-hidden": !0,
1243
1243
  stroke: A
1244
- }) : ve,
1244
+ }) : ge,
1245
1245
  "aria-label": e.backAriaLabel,
1246
1246
  onClick: t
1247
1247
  }),
1248
- /* @__PURE__ */ W("h1", {
1249
- className: v("truncate", $.desktopTitle, V),
1248
+ /* @__PURE__ */ G("h1", {
1249
+ className: v("truncate", $.desktopTitle, ye),
1250
1250
  children: g
1251
1251
  }),
1252
- l && /* @__PURE__ */ W("span", {
1253
- className: v("shrink-0", $.desktopBadge, H, $.subtitleText),
1252
+ l && /* @__PURE__ */ G("span", {
1253
+ className: v("shrink-0", $.desktopBadge, Ce, $.subtitleText),
1254
1254
  children: e.deletedStateLabel
1255
1255
  })
1256
1256
  ]
1257
- }), /* @__PURE__ */ G("div", {
1257
+ }), /* @__PURE__ */ K("div", {
1258
1258
  className: v("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
1259
1259
  children: [
1260
- !l && !u && d !== void 0 && /* @__PURE__ */ G(Ae, { children: [/* @__PURE__ */ W(pe, {
1260
+ !l && !u && d !== void 0 && /* @__PURE__ */ K(Ae, { children: [/* @__PURE__ */ G(fe, {
1261
1261
  id: "scheduled-task-active-switch",
1262
1262
  labelProps: { label: e.activeStatusLabel },
1263
1263
  isOn: d,
1264
1264
  disabled: f || p || c,
1265
1265
  onChange: (e) => h?.(e)
1266
- }), p && m && /* @__PURE__ */ W("span", {
1267
- className: v(H, $.subtitleText),
1266
+ }), p && m && /* @__PURE__ */ G("span", {
1267
+ className: v(Ce, $.subtitleText),
1268
1268
  children: m
1269
1269
  })] }),
1270
- !l && s && /* @__PURE__ */ W(j, {
1270
+ !l && s && /* @__PURE__ */ G(N, {
1271
1271
  variant: T.Danger,
1272
1272
  label: e.deleteButtonLabel,
1273
- iconBefore: /* @__PURE__ */ W(Se, {
1273
+ iconBefore: /* @__PURE__ */ G(Se, {
1274
1274
  size: k.SM,
1275
1275
  "aria-hidden": !0,
1276
1276
  stroke: A
@@ -1280,9 +1280,9 @@ var Me = {
1280
1280
  textClassName: $.actionLabel,
1281
1281
  className: v("min-h-11 shrink-0", $.actionButton)
1282
1282
  }),
1283
- !l && n && /* @__PURE__ */ W(se, {
1283
+ !l && n && /* @__PURE__ */ G(F, {
1284
1284
  label: e.editButtonLabel,
1285
- iconBefore: /* @__PURE__ */ W(B, {
1285
+ iconBefore: /* @__PURE__ */ G(V, {
1286
1286
  size: k.SM,
1287
1287
  "aria-hidden": !0,
1288
1288
  stroke: A
@@ -1292,23 +1292,23 @@ var Me = {
1292
1292
  textClassName: $.actionLabel,
1293
1293
  className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
1294
1294
  }),
1295
- !l && r && e.startNowButtonLabel && /* @__PURE__ */ G("div", {
1295
+ !l && r && e.startNowButtonLabel && /* @__PURE__ */ K("div", {
1296
1296
  "aria-busy": i,
1297
- children: [K && /* @__PURE__ */ W("span", {
1298
- id: je,
1297
+ children: [je && /* @__PURE__ */ G("span", {
1298
+ id: W,
1299
1299
  className: "sr-only",
1300
- children: K
1301
- }), /* @__PURE__ */ W(se, {
1300
+ children: je
1301
+ }), /* @__PURE__ */ G(F, {
1302
1302
  label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
1303
- iconBefore: /* @__PURE__ */ W(be, {
1303
+ iconBefore: /* @__PURE__ */ G(be, {
1304
1304
  size: k.SM,
1305
1305
  "aria-hidden": !0,
1306
1306
  stroke: A
1307
1307
  }),
1308
1308
  onClick: r,
1309
1309
  disabled: c || i || a || o,
1310
- "aria-describedby": K ? je : void 0,
1311
- tooltipProps: K ? { tooltip: K } : void 0,
1310
+ "aria-describedby": je ? W : void 0,
1311
+ tooltipProps: je ? { tooltip: je } : void 0,
1312
1312
  textClassName: $.actionLabel,
1313
1313
  className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
1314
1314
  })]
@@ -1316,106 +1316,106 @@ var Me = {
1316
1316
  ]
1317
1317
  })]
1318
1318
  }),
1319
- /* @__PURE__ */ G("div", {
1319
+ /* @__PURE__ */ K("div", {
1320
1320
  className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
1321
- children: [/* @__PURE__ */ W("h1", {
1322
- className: v("truncate", V),
1321
+ children: [/* @__PURE__ */ G("h1", {
1322
+ className: v("truncate", ye),
1323
1323
  children: g
1324
- }), l && /* @__PURE__ */ W("span", {
1325
- className: v("shrink-0", H, $.subtitleText),
1324
+ }), l && /* @__PURE__ */ G("span", {
1325
+ className: v("shrink-0", Ce, $.subtitleText),
1326
1326
  children: e.deletedStateLabel
1327
1327
  })]
1328
1328
  }),
1329
- e.activeStatusAnnouncement != null && /* @__PURE__ */ W("span", {
1329
+ e.activeStatusAnnouncement != null && /* @__PURE__ */ G("span", {
1330
1330
  role: "status",
1331
1331
  "aria-live": "polite",
1332
1332
  className: "sr-only",
1333
1333
  children: e.activeStatusAnnouncement
1334
1334
  }),
1335
- e.startStatusAnnouncement != null && /* @__PURE__ */ W("span", {
1335
+ e.startStatusAnnouncement != null && /* @__PURE__ */ G("span", {
1336
1336
  role: "status",
1337
1337
  "aria-live": "polite",
1338
1338
  className: "sr-only",
1339
1339
  children: e.startStatusAnnouncement
1340
1340
  }),
1341
- y && /* @__PURE__ */ W("div", {
1341
+ y && /* @__PURE__ */ G("div", {
1342
1342
  className: "flex flex-1 items-center justify-center",
1343
- children: /* @__PURE__ */ W(fe, {})
1343
+ children: /* @__PURE__ */ G(de, {})
1344
1344
  }),
1345
- !y && x && /* @__PURE__ */ G("div", {
1345
+ !y && x && /* @__PURE__ */ K("div", {
1346
1346
  className: "flex flex-1 flex-col items-center justify-center gap-3",
1347
- children: [/* @__PURE__ */ W("p", {
1348
- className: v(H, $.subtitleText),
1347
+ children: [/* @__PURE__ */ G("p", {
1348
+ className: v(Ce, $.subtitleText),
1349
1349
  children: e.errorLabel
1350
- }), /* @__PURE__ */ W(j, {
1350
+ }), /* @__PURE__ */ G(N, {
1351
1351
  label: e.retryLabel,
1352
1352
  onClick: ee
1353
1353
  })]
1354
1354
  }),
1355
- !y && !x && (U ? /* @__PURE__ */ G("div", {
1355
+ !y && !x && (Ee ? /* @__PURE__ */ K("div", {
1356
1356
  className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
1357
- children: [/* @__PURE__ */ W("div", {
1357
+ children: [/* @__PURE__ */ G("div", {
1358
1358
  className: v("sticky top-0 z-10", $.stickyTabs),
1359
- children: /* @__PURE__ */ W(I, {
1359
+ children: /* @__PURE__ */ G(pe, {
1360
1360
  ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
1361
1361
  className: "px-4",
1362
1362
  tabs: Me,
1363
- activeTabId: De,
1363
+ activeTabId: U,
1364
1364
  onTabChange: Oe
1365
1365
  })
1366
- }), /* @__PURE__ */ W("div", {
1366
+ }), /* @__PURE__ */ G("div", {
1367
1367
  role: "tabpanel",
1368
- "aria-label": q,
1368
+ "aria-label": Ne,
1369
1369
  className: "flex flex-1 flex-col gap-5 px-4 py-6",
1370
- children: De === it.Configuration ? Pe : De === it.History ? J(at.Flow) : Ne
1370
+ children: U === at.Configuration ? Pe : U === at.History ? Fe(ot.Flow) : q
1371
1371
  })]
1372
- }) : /* @__PURE__ */ G("div", {
1372
+ }) : /* @__PURE__ */ K("div", {
1373
1373
  style: {
1374
1374
  flexDirection: "row",
1375
- "--st-details-width": L?.detailsWidth,
1376
- "--st-history-width": L?.historyWidth,
1377
- "--st-history-max-height": L?.historyMaxHeight,
1378
- "--st-configuration-min-width": L?.configurationMinWidth
1375
+ "--st-details-width": R?.detailsWidth,
1376
+ "--st-history-width": R?.historyWidth,
1377
+ "--st-history-max-height": R?.historyMaxHeight,
1378
+ "--st-configuration-min-width": R?.configurationMinWidth
1379
1379
  },
1380
1380
  className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
1381
1381
  children: [
1382
- /* @__PURE__ */ G("div", {
1382
+ /* @__PURE__ */ K("div", {
1383
1383
  role: "group",
1384
1384
  "aria-label": e.detailsTitle,
1385
1385
  style: {
1386
- flex: `0 1 ${L?.detailsWidth ?? "360px"}`,
1386
+ flex: `0 1 ${R?.detailsWidth ?? "360px"}`,
1387
1387
  maxWidth: "100%"
1388
1388
  },
1389
1389
  className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
1390
- children: [/* @__PURE__ */ W("h2", {
1391
- className: xe,
1390
+ children: [/* @__PURE__ */ G("h2", {
1391
+ className: H,
1392
1392
  children: e.detailsTitle
1393
- }), Ne]
1393
+ }), q]
1394
1394
  }),
1395
- /* @__PURE__ */ G("div", {
1395
+ /* @__PURE__ */ K("div", {
1396
1396
  style: {
1397
- flex: `1 1 ${L?.configurationMinWidth ?? "320px"}`,
1397
+ flex: `1 1 ${R?.configurationMinWidth ?? "320px"}`,
1398
1398
  minWidth: 0
1399
1399
  },
1400
1400
  className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
1401
- children: [/* @__PURE__ */ W("h2", {
1402
- className: xe,
1401
+ children: [/* @__PURE__ */ G("h2", {
1402
+ className: H,
1403
1403
  children: e.configurationTitle
1404
1404
  }), Pe]
1405
1405
  }),
1406
- /* @__PURE__ */ W("div", {
1406
+ /* @__PURE__ */ G("div", {
1407
1407
  style: {
1408
- flex: `0 1 calc(${L?.historyWidth ?? "360px"} + 48px)`,
1408
+ flex: `0 1 calc(${R?.historyWidth ?? "360px"} + 48px)`,
1409
1409
  minWidth: 0
1410
1410
  },
1411
1411
  className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
1412
- children: J(at.Card)
1412
+ children: Fe(ot.Card)
1413
1413
  })
1414
1414
  ]
1415
1415
  }))
1416
1416
  ]
1417
1417
  });
1418
- }, gt = {
1418
+ }, _t = {
1419
1419
  h1: "dial-small-semi-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
1420
1420
  h2: "dial-small-semi-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
1421
1421
  h3: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
@@ -1430,40 +1430,40 @@ var Me = {
1430
1430
  link: "break-words [overflow-wrap:anywhere]",
1431
1431
  tableWrapper: "my-4",
1432
1432
  mathBlock: "my-4"
1433
- }, _t = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = gt, markdownLabels: c, styles: l }) => {
1433
+ }, vt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = _t, markdownLabels: c, styles: l }) => {
1434
1434
  let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
1435
- return /* @__PURE__ */ G("div", {
1435
+ return /* @__PURE__ */ K("div", {
1436
1436
  className: "flex flex-col gap-3",
1437
1437
  children: [
1438
- i && /* @__PURE__ */ G("div", {
1438
+ i && /* @__PURE__ */ K("div", {
1439
1439
  className: "flex flex-col gap-2",
1440
- children: [/* @__PURE__ */ W("span", {
1440
+ children: [/* @__PURE__ */ G("span", {
1441
1441
  className: u,
1442
1442
  children: e
1443
- }), /* @__PURE__ */ W("p", {
1443
+ }), /* @__PURE__ */ G("p", {
1444
1444
  className: d,
1445
1445
  children: i
1446
1446
  })]
1447
1447
  }),
1448
- !!n?.length && /* @__PURE__ */ G("div", {
1448
+ !!n?.length && /* @__PURE__ */ K("div", {
1449
1449
  className: "flex min-w-0 flex-col gap-2",
1450
- children: [/* @__PURE__ */ W("span", {
1450
+ children: [/* @__PURE__ */ G("span", {
1451
1451
  className: u,
1452
1452
  children: t
1453
- }), /* @__PURE__ */ W("p", {
1453
+ }), /* @__PURE__ */ G("p", {
1454
1454
  className: v(d, "break-all whitespace-normal"),
1455
- children: n?.map((e, t) => /* @__PURE__ */ W("span", {
1455
+ children: n?.map((e, t) => /* @__PURE__ */ G("span", {
1456
1456
  className: "block",
1457
1457
  children: e
1458
1458
  }, `${t}:${e}`))
1459
1459
  })]
1460
1460
  }),
1461
- a && /* @__PURE__ */ G("div", {
1461
+ a && /* @__PURE__ */ K("div", {
1462
1462
  className: "flex flex-col gap-2",
1463
- children: [/* @__PURE__ */ W("span", {
1463
+ children: [/* @__PURE__ */ G("span", {
1464
1464
  className: u,
1465
1465
  children: r
1466
- }), ((e) => o ? o(e) : /* @__PURE__ */ W(p, {
1466
+ }), ((e) => o ? o(e) : /* @__PURE__ */ G(p, {
1467
1467
  content: e,
1468
1468
  classNames: s,
1469
1469
  ...c
@@ -1471,36 +1471,36 @@ var Me = {
1471
1471
  })
1472
1472
  ]
1473
1473
  });
1474
- }, vt = ({ className: e, children: t }) => /* @__PURE__ */ W("span", {
1474
+ }, yt = ({ className: e, children: t }) => /* @__PURE__ */ G("span", {
1475
1475
  className: v(e, "block truncate py-1"),
1476
1476
  children: t
1477
- }), yt = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o, isUnavailable: s = !1, hasMore: c = !1, onLoadMore: l, currentRunId: u, onRunClick: d, labels: f, titleClassName: p = "dial-tiny-semi-text", contentClassName: m = "ps-3", unavailableTextClassName: h = "dial-body-text text-secondary" }) => {
1477
+ }), bt = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o, isUnavailable: s = !1, hasMore: c = !1, onLoadMore: l, currentRunId: u, onRunClick: d, labels: f, titleClassName: p = "dial-tiny-semi-text", contentClassName: m = "ps-3", unavailableTextClassName: h = "dial-body-text text-secondary" }) => {
1478
1478
  let [g, _] = ke(!0);
1479
- Te(() => {
1479
+ Ee(() => {
1480
1480
  _(!0);
1481
1481
  }, [e]);
1482
- let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ W("li", {
1482
+ let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ G("li", {
1483
1483
  className: "pt-2",
1484
- children: /* @__PURE__ */ W(j, {
1484
+ children: /* @__PURE__ */ G(N, {
1485
1485
  variant: T.Primary,
1486
1486
  label: f.showMoreLabel,
1487
1487
  onClick: l,
1488
1488
  disabled: r
1489
1489
  })
1490
1490
  }) : void 0;
1491
- return /* @__PURE__ */ W(S, {
1492
- title: /* @__PURE__ */ W(vt, {
1491
+ return /* @__PURE__ */ G(S, {
1492
+ title: /* @__PURE__ */ G(yt, {
1493
1493
  className: p,
1494
1494
  children: f.title
1495
1495
  }),
1496
1496
  expanded: g,
1497
1497
  onToggle: _,
1498
1498
  contentClassName: m,
1499
- children: s ? /* @__PURE__ */ W("p", {
1499
+ children: s ? /* @__PURE__ */ G("p", {
1500
1500
  role: "alert",
1501
1501
  className: h,
1502
1502
  children: f.unavailableLabel
1503
- }) : /* @__PURE__ */ W(ft, {
1503
+ }) : /* @__PURE__ */ G(pt, {
1504
1504
  items: t,
1505
1505
  isLoading: n,
1506
1506
  isLoadingMore: r,
@@ -1521,24 +1521,24 @@ var Me = {
1521
1521
  }
1522
1522
  })
1523
1523
  });
1524
- }, bt = /* @__PURE__ */ function(e) {
1524
+ }, xt = /* @__PURE__ */ function(e) {
1525
1525
  return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
1526
- }({}), xt = ({ scheduleId: e, state: t, onRetry: n, modelDisplayName: r, skillDisplayNames: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s, markdownLabels: c, summaryStyles: l, labels: u, titleClassName: d = "dial-tiny-semi-text", unavailableTextClassName: f = "dial-body-text text-secondary" }) => {
1526
+ }({}), St = ({ scheduleId: e, state: t, onRetry: n, modelDisplayName: r, skillDisplayNames: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s, markdownLabels: c, summaryStyles: l, labels: u, titleClassName: d = "dial-tiny-semi-text", unavailableTextClassName: f = "dial-body-text text-secondary" }) => {
1527
1527
  let [p, m] = ke(!1);
1528
- Te(() => {
1528
+ Ee(() => {
1529
1529
  m(!1);
1530
1530
  }, [e]);
1531
- let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ G("div", {
1531
+ let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ K("div", {
1532
1532
  className: "flex flex-col items-start gap-2",
1533
- children: [/* @__PURE__ */ W("p", {
1533
+ children: [/* @__PURE__ */ G("p", {
1534
1534
  role: "alert",
1535
1535
  className: f,
1536
1536
  children: u.unavailableLabel
1537
- }), t === "error" && n && /* @__PURE__ */ W(j, {
1537
+ }), t === "error" && n && /* @__PURE__ */ G(N, {
1538
1538
  label: u.retryLabel,
1539
1539
  onClick: n
1540
1540
  })]
1541
- }) : /* @__PURE__ */ W(_t, {
1541
+ }) : /* @__PURE__ */ G(vt, {
1542
1542
  modelLabel: u.modelLabel,
1543
1543
  instructionsLabel: u.instructionsLabel,
1544
1544
  skillLabel: u.skillLabel,
@@ -1550,8 +1550,8 @@ var Me = {
1550
1550
  markdownLabels: c,
1551
1551
  styles: l
1552
1552
  });
1553
- return /* @__PURE__ */ W(S, {
1554
- title: /* @__PURE__ */ W(vt, {
1553
+ return /* @__PURE__ */ G(S, {
1554
+ title: /* @__PURE__ */ G(yt, {
1555
1555
  className: d,
1556
1556
  children: u.title
1557
1557
  }),
@@ -1559,7 +1559,7 @@ var Me = {
1559
1559
  onToggle: m,
1560
1560
  children: h
1561
1561
  });
1562
- }, St = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ W(l, {
1562
+ }, Ct = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ G(l, {
1563
1563
  ...s,
1564
1564
  variant: te.Danger,
1565
1565
  popupClassName: o?.popupClassName,
@@ -1570,12 +1570,12 @@ var Me = {
1570
1570
  message: r,
1571
1571
  isLoading: a,
1572
1572
  loadingStatusLabel: i,
1573
- identity: /* @__PURE__ */ W(h, {
1573
+ identity: /* @__PURE__ */ G(h, {
1574
1574
  styles: { colors: {
1575
1575
  background: o?.colors?.summaryBackground ?? "var(--bg-error, #f3d6d8)",
1576
1576
  border: o?.colors?.summaryBorder ?? "var(--stroke-error-alpha, #ae2f2f73)"
1577
1577
  } },
1578
- children: /* @__PURE__ */ W(u, {
1578
+ children: /* @__PURE__ */ G(u, {
1579
1579
  icon: t,
1580
1580
  typeLabel: n,
1581
1581
  name: e,
@@ -1584,4 +1584,4 @@ var Me = {
1584
1584
  })
1585
1585
  });
1586
1586
  //#endregion
1587
- export { c as DESCRIPTION_MAX_LENGTH, Me as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, xt as ScheduledTaskConversationDetailsSection, bt as ScheduledTaskConversationDetailsState, yt as ScheduledTaskConversationHistorySection, rt as ScheduledTaskCreateForm, St as ScheduledTaskDeleteConfirmation, ht as ScheduledTaskDetailView, _t as ScheduledTaskDetailsSummary, mt as ScheduledTaskHistorySection, Ne as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, ft as ScheduledTaskRunHistoryList, ut as ScheduledTaskRunStatus, q as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Pe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };
1587
+ export { c as DESCRIPTION_MAX_LENGTH, Ne as SCHEDULED_TASKS_CLASS, Re as ScheduledTaskCard, Ue as ScheduledTaskCardGrid, He as ScheduledTaskCardSkeleton, St as ScheduledTaskConversationDetailsSection, xt as ScheduledTaskConversationDetailsState, bt as ScheduledTaskConversationHistorySection, it as ScheduledTaskCreateForm, Ct as ScheduledTaskDeleteConfirmation, gt as ScheduledTaskDetailView, vt as ScheduledTaskDetailsSummary, ht as ScheduledTaskHistorySection, Pe as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, pt as ScheduledTaskRunHistoryList, dt as ScheduledTaskRunStatus, q as ScheduledTaskStatus, qe as ScheduledTasks, Je as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Xe as hasScheduledTaskFormChanges };