@epam/ai-dial-scheduled-tasks 1.2.0-dev.282 → 1.2.0-dev.284

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