@epam/ai-dial-scheduled-tasks 1.2.0-dev.225 → 1.2.0-dev.231

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