@epam/ai-dial-scheduled-tasks 1.2.0-dev.242 → 1.2.0-dev.245

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