@epam/ai-dial-scheduled-tasks 1.2.0-dev.232 → 1.2.0-dev.239

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