@epam/ai-dial-scheduled-tasks 1.2.0-dev.287 → 1.2.0-dev.288

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