@epam/ai-dial-scheduled-tasks 1.3.0-dev.204 → 1.3.0-dev.206

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