@epam/ai-dial-scheduled-tasks 1.3.0-dev.102 → 1.3.0-dev.105
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.
package/index.js
CHANGED
|
@@ -2,66 +2,66 @@ 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 } fro
|
|
|
2
2
|
import { ConfirmationDialog as l, ConfirmationIdentityRow as u, MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as d, MARKDOWN_EDITOR_PREVIEW_LIST_CLASS_NAME as f, MDMessageViewer as p, PanelEmptyState as m, ResourceSummary as h, TextRefinementField as g, buildCssVars as _, mergeClasses as v, useAvailableHeightCap as y, useIsMobile as b, useTextRefinement as x, useUnsavedChangesGuard as ee } from "@epam/ai-dial-chat-shared";
|
|
3
3
|
import { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as P } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { IconAlertTriangle as ve, IconArrowNarrowLeft as ye, IconArrowsSort as be, IconCheck as F, IconCircleX as xe, IconClipboardX as I, IconClockHour3 as L, IconPencilMinus as Se, IconPlayerPause as R, IconPlayerPlay as z, IconPlus as Ce, IconTrashX as we } from "@tabler/icons-react";
|
|
5
|
-
import { Suspense as Te, lazy as B, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as V, useRef as
|
|
6
|
-
import { Fragment as
|
|
7
|
-
import { BuilderFormContainer as
|
|
8
|
-
import { LazyMarkdownEditor as
|
|
5
|
+
import { Suspense as Te, lazy as B, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as V, useRef as Ae, useState as je } from "react";
|
|
6
|
+
import { Fragment as Me, jsx as H, jsxs as U } from "react/jsx-runtime";
|
|
7
|
+
import { BuilderFormContainer as Ne } from "@epam/ai-dial-builder-form";
|
|
8
|
+
import { LazyMarkdownEditor as W } from "@epam/ai-dial-ui-kit/editors";
|
|
9
9
|
//#region src/constants/public-class-names.ts
|
|
10
|
-
var
|
|
10
|
+
var Pe = {
|
|
11
11
|
card: "dial-scheduled-tasks-card",
|
|
12
12
|
cardGrid: "dial-scheduled-tasks-card-grid",
|
|
13
13
|
refineFeedback: "dial-scheduled-tasks-refine-feedback"
|
|
14
|
-
},
|
|
14
|
+
}, G = /* @__PURE__ */ function(e) {
|
|
15
15
|
return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
|
|
16
|
-
}({}),
|
|
16
|
+
}({}), K = /* @__PURE__ */ function(e) {
|
|
17
17
|
return e.Active = "active", e.Paused = "paused", e.Completed = "completed", e;
|
|
18
|
-
}({}),
|
|
18
|
+
}({}), Fe = (e) => {
|
|
19
19
|
switch (e.presentationStatus) {
|
|
20
|
-
case
|
|
21
|
-
case
|
|
22
|
-
case
|
|
20
|
+
case K.Active: return G.Scheduled;
|
|
21
|
+
case K.Paused: return G.Paused;
|
|
22
|
+
case K.Completed: return G.Completed;
|
|
23
23
|
}
|
|
24
|
-
return e.isCompleted ?
|
|
25
|
-
},
|
|
24
|
+
return e.isCompleted ? G.Completed : e.isActive === !1 ? G.Paused : G.Scheduled;
|
|
25
|
+
}, q = {
|
|
26
26
|
schedulePill: "_schedulePill_1cwco_1",
|
|
27
27
|
scheduleLabel: "_scheduleLabel_1cwco_6",
|
|
28
28
|
pausedPill: "_pausedPill_1cwco_10",
|
|
29
29
|
pausedLabel: "_pausedLabel_1cwco_15",
|
|
30
30
|
completedPill: "_completedPill_1cwco_19",
|
|
31
31
|
completedLabel: "_completedLabel_1cwco_24"
|
|
32
|
-
},
|
|
33
|
-
[
|
|
32
|
+
}, Ie = {
|
|
33
|
+
[G.Scheduled]: {
|
|
34
34
|
pillClassName: "inline-block rounded-lg border px-2 py-1",
|
|
35
|
-
wrapperClassName:
|
|
36
|
-
labelClassName:
|
|
35
|
+
wrapperClassName: q.schedulePill,
|
|
36
|
+
labelClassName: q.scheduleLabel
|
|
37
37
|
},
|
|
38
|
-
[
|
|
38
|
+
[G.Paused]: {
|
|
39
39
|
pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
40
|
-
wrapperClassName:
|
|
41
|
-
labelClassName:
|
|
42
|
-
renderIcon: () => /* @__PURE__ */
|
|
40
|
+
wrapperClassName: q.pausedPill,
|
|
41
|
+
labelClassName: q.pausedLabel,
|
|
42
|
+
renderIcon: () => /* @__PURE__ */ H(R, {
|
|
43
43
|
size: O.SM,
|
|
44
44
|
"aria-hidden": !0,
|
|
45
45
|
stroke: k
|
|
46
46
|
})
|
|
47
47
|
},
|
|
48
|
-
[
|
|
48
|
+
[G.Completed]: {
|
|
49
49
|
pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
50
|
-
wrapperClassName:
|
|
51
|
-
labelClassName:
|
|
52
|
-
renderIcon: () => /* @__PURE__ */
|
|
50
|
+
wrapperClassName: q.completedPill,
|
|
51
|
+
labelClassName: q.completedLabel,
|
|
52
|
+
renderIcon: () => /* @__PURE__ */ H(F, {
|
|
53
53
|
size: O.SM,
|
|
54
54
|
"aria-hidden": !0,
|
|
55
55
|
stroke: k
|
|
56
56
|
})
|
|
57
57
|
}
|
|
58
|
-
},
|
|
59
|
-
let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } =
|
|
60
|
-
return /* @__PURE__ */
|
|
58
|
+
}, Le = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
|
|
59
|
+
let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = Ie[e];
|
|
60
|
+
return /* @__PURE__ */ U("span", {
|
|
61
61
|
className: v(i, n, a, o, r),
|
|
62
62
|
children: [s && s(), t]
|
|
63
63
|
});
|
|
64
|
-
},
|
|
64
|
+
}, J = {
|
|
65
65
|
title: "_title_hmbo0_2",
|
|
66
66
|
description: "_description_hmbo0_6",
|
|
67
67
|
locationLabel: "_locationLabel_hmbo0_10",
|
|
@@ -69,17 +69,17 @@ var Ne = {
|
|
|
69
69
|
newBadge: "_newBadge_hmbo0_18",
|
|
70
70
|
locationDivider: "_locationDivider_hmbo0_23",
|
|
71
71
|
card: "_card_hmbo0_34"
|
|
72
|
-
},
|
|
73
|
-
let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C =
|
|
74
|
-
[
|
|
72
|
+
}, Re = ({ item: e, searchQuery: t = "", onCardClick: n, labels: r, styles: i, className: a }) => {
|
|
73
|
+
let o = b(), s = r?.newBadgeLabel ?? "NEW", c = r?.pausedBadgeLabel ?? "Paused", l = r?.completedBadgeLabel ?? "Completed", { colors: u, typography: d } = i ?? {}, f = d?.titleClassName ?? "dial-body-semi-text", p = d?.descriptionClassName ?? "dial-small-text", m = d?.descriptionSizeClassName ?? "dial-tiny-text", h = d?.scheduleLabelClassName ?? "dial-tiny-text", g = d?.pausedBadgeClassName ?? "dial-tiny-text", y = d?.completedBadgeClassName ?? "dial-tiny-text", x = d?.locationLabelClassName ?? "dial-tiny-text", ee = d?.locationLeafClassName ?? "dial-tiny-semi-text", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Fe(e), { text: te, textClassName: w } = {
|
|
74
|
+
[G.Scheduled]: {
|
|
75
75
|
text: e.scheduleLabel,
|
|
76
76
|
textClassName: h
|
|
77
77
|
},
|
|
78
|
-
[
|
|
78
|
+
[G.Paused]: {
|
|
79
79
|
text: c,
|
|
80
80
|
textClassName: g
|
|
81
81
|
},
|
|
82
|
-
[
|
|
82
|
+
[G.Completed]: {
|
|
83
83
|
text: l,
|
|
84
84
|
textClassName: y
|
|
85
85
|
}
|
|
@@ -107,81 +107,81 @@ var Ne = {
|
|
|
107
107
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
|
|
108
108
|
}
|
|
109
109
|
} : {};
|
|
110
|
-
return /* @__PURE__ */
|
|
110
|
+
return /* @__PURE__ */ U(D, {
|
|
111
111
|
role: n ? "button" : "group",
|
|
112
112
|
"aria-label": e.displayName,
|
|
113
113
|
style: T,
|
|
114
|
-
className: v("h-[var(--st-card-height,232px)]",
|
|
114
|
+
className: v("h-[var(--st-card-height,232px)]", J.card, n && "cursor-pointer", a, Pe.card),
|
|
115
115
|
...E,
|
|
116
116
|
children: [
|
|
117
|
-
/* @__PURE__ */
|
|
117
|
+
/* @__PURE__ */ U("div", {
|
|
118
118
|
className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
|
|
119
|
-
children: [/* @__PURE__ */
|
|
119
|
+
children: [/* @__PURE__ */ H(oe, {
|
|
120
120
|
text: e.displayName,
|
|
121
121
|
query: t,
|
|
122
122
|
maxLines: o ? 2 : 1,
|
|
123
|
-
className: v(f,
|
|
124
|
-
}), e.isNew && /* @__PURE__ */
|
|
125
|
-
className: v("shrink-0 rounded-full px-2 py-0.5", S,
|
|
123
|
+
className: v(f, J.title)
|
|
124
|
+
}), e.isNew && /* @__PURE__ */ H("span", {
|
|
125
|
+
className: v("shrink-0 rounded-full px-2 py-0.5", S, J.newBadge),
|
|
126
126
|
children: s
|
|
127
127
|
})]
|
|
128
128
|
}),
|
|
129
|
-
e.descriptionPreview && /* @__PURE__ */
|
|
130
|
-
className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p,
|
|
129
|
+
e.descriptionPreview && /* @__PURE__ */ H("p", {
|
|
130
|
+
className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p, J.description),
|
|
131
131
|
children: e.descriptionPreview
|
|
132
132
|
}),
|
|
133
|
-
/* @__PURE__ */
|
|
133
|
+
/* @__PURE__ */ U("div", {
|
|
134
134
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
135
|
-
children: [/* @__PURE__ */
|
|
135
|
+
children: [/* @__PURE__ */ H("div", {
|
|
136
136
|
className: "flex min-h-[28px] items-center",
|
|
137
|
-
children: /* @__PURE__ */
|
|
137
|
+
children: /* @__PURE__ */ H(Le, {
|
|
138
138
|
status: C,
|
|
139
139
|
text: te,
|
|
140
140
|
textClassName: w
|
|
141
141
|
})
|
|
142
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */
|
|
142
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ H(ie, {
|
|
143
143
|
segments: e.locationSegments,
|
|
144
|
-
labelClassName: v(x,
|
|
145
|
-
leafClassName: v(ee,
|
|
146
|
-
className: v("pt-3",
|
|
144
|
+
labelClassName: v(x, J.locationLabel),
|
|
145
|
+
leafClassName: v(ee, J.locationLeaf),
|
|
146
|
+
className: v("pt-3", J.locationDivider)
|
|
147
147
|
})]
|
|
148
148
|
})
|
|
149
149
|
]
|
|
150
150
|
});
|
|
151
|
-
},
|
|
151
|
+
}, ze = { card: "_card_18ivt_1" }, Be = [
|
|
152
152
|
"100%",
|
|
153
153
|
"100%",
|
|
154
154
|
"61%"
|
|
155
|
-
],
|
|
155
|
+
], Ve = "var(--stcs-skeleton-bg)", He = ({ styles: e }) => /* @__PURE__ */ U(D, {
|
|
156
156
|
"aria-hidden": !0,
|
|
157
157
|
style: _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
|
|
158
|
-
className: v("h-[var(--st-card-height,232px)]",
|
|
158
|
+
className: v("h-[var(--st-card-height,232px)]", ze.card),
|
|
159
159
|
children: [
|
|
160
|
-
/* @__PURE__ */
|
|
160
|
+
/* @__PURE__ */ H(M, {
|
|
161
161
|
variant: N.Rectangular,
|
|
162
162
|
width: "60%",
|
|
163
163
|
height: "20px",
|
|
164
|
-
color:
|
|
164
|
+
color: Ve,
|
|
165
165
|
className: "shrink-0"
|
|
166
166
|
}),
|
|
167
|
-
/* @__PURE__ */
|
|
167
|
+
/* @__PURE__ */ H("div", {
|
|
168
168
|
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
169
|
-
children:
|
|
169
|
+
children: Be.map((e, t) => /* @__PURE__ */ H(M, {
|
|
170
170
|
variant: N.Rectangular,
|
|
171
171
|
width: e,
|
|
172
172
|
height: "16px",
|
|
173
|
-
color:
|
|
173
|
+
color: Ve
|
|
174
174
|
}, t))
|
|
175
175
|
}),
|
|
176
|
-
/* @__PURE__ */
|
|
176
|
+
/* @__PURE__ */ H(M, {
|
|
177
177
|
variant: N.Rectangular,
|
|
178
178
|
width: "110px",
|
|
179
179
|
height: "28px",
|
|
180
|
-
color:
|
|
180
|
+
color: Ve,
|
|
181
181
|
className: "shrink-0 rounded-lg"
|
|
182
182
|
})
|
|
183
183
|
]
|
|
184
|
-
}),
|
|
184
|
+
}), Ue = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ U("div", {
|
|
185
185
|
style: {
|
|
186
186
|
"--st-grid-min-card-width": s?.minCardWidth,
|
|
187
187
|
"--st-grid-gap": s?.gap,
|
|
@@ -191,39 +191,39 @@ var Ne = {
|
|
|
191
191
|
gap: "var(--st-grid-gap, 20px)",
|
|
192
192
|
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))"
|
|
193
193
|
},
|
|
194
|
-
className: v("mx-auto grid w-full min-w-0",
|
|
195
|
-
children: [e.map((e) => /* @__PURE__ */
|
|
194
|
+
className: v("mx-auto grid w-full min-w-0", Pe.cardGrid),
|
|
195
|
+
children: [e.map((e) => /* @__PURE__ */ H(Re, {
|
|
196
196
|
item: e,
|
|
197
197
|
searchQuery: t,
|
|
198
198
|
onCardClick: n,
|
|
199
199
|
labels: r,
|
|
200
200
|
styles: i
|
|
201
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */
|
|
202
|
-
}),
|
|
201
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(He, { styles: o }, `skeleton-${t}`))]
|
|
202
|
+
}), Y = {
|
|
203
203
|
container: "_container_3vz4t_2",
|
|
204
204
|
subtitle: "_subtitle_3vz4t_6",
|
|
205
205
|
createButtonLabel: "_createButtonLabel_3vz4t_10",
|
|
206
206
|
sortButton: "_sortButton_3vz4t_19",
|
|
207
207
|
createButton: "_createButton_3vz4t_10",
|
|
208
208
|
sortControlHidden: "_sortControlHidden_3vz4t_49"
|
|
209
|
-
},
|
|
209
|
+
}, We = /* @__PURE__ */ H(L, {
|
|
210
210
|
size: 48,
|
|
211
211
|
stroke: 1,
|
|
212
212
|
"aria-hidden": !0
|
|
213
|
-
}),
|
|
213
|
+
}), Ge = (e, t, n, r, i, a) => {
|
|
214
214
|
if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
|
|
215
|
-
},
|
|
215
|
+
}, Ke = (e) => {
|
|
216
216
|
if (!e || e === document.body) return null;
|
|
217
217
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
218
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
219
|
-
},
|
|
218
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ke(e.parentElement);
|
|
219
|
+
}, qe = ({ 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: h, banner: g, styles: y, sortIcon: b, className: x, gridLayout: ee, cardStyles: S, loadMoreError: T, onRetryLoadMore: E }) => {
|
|
220
220
|
let { colors: D, typography: ne } = y ?? {}, ie = ne?.titleClassName ?? "dial-h1-text", ae = ne?.subtitleClassName ?? "dial-body-text", oe = _({
|
|
221
221
|
"--st-bg": D?.background,
|
|
222
222
|
"--st-subtitle-text": D?.subtitleText,
|
|
223
223
|
"--st-sort-text": D?.sortButtonText
|
|
224
224
|
}), se = (e) => {
|
|
225
225
|
r(e ?? "");
|
|
226
|
-
}, [ce, ue] =
|
|
226
|
+
}, [ce, ue] = je(!1), [de, pe] = je(!1), M = Ae(null), N = Ee(() => {
|
|
227
227
|
pe(!0);
|
|
228
228
|
}, []), he = Ee(() => {
|
|
229
229
|
pe(!1);
|
|
@@ -242,11 +242,11 @@ var Ne = {
|
|
|
242
242
|
e.sortOptions,
|
|
243
243
|
i,
|
|
244
244
|
a
|
|
245
|
-
]), P =
|
|
245
|
+
]), P = Ge(s, d, !!c, o.length, n.trim().length > 0, e), ve = Ae(null);
|
|
246
246
|
De(() => {
|
|
247
247
|
let e = ve.current;
|
|
248
248
|
if (!e || !p) return;
|
|
249
|
-
let t =
|
|
249
|
+
let t = Ke(e.parentElement);
|
|
250
250
|
if (!t) return;
|
|
251
251
|
let n = () => {
|
|
252
252
|
if (d || s || T || !u) return;
|
|
@@ -261,25 +261,25 @@ var Ne = {
|
|
|
261
261
|
T,
|
|
262
262
|
p
|
|
263
263
|
]);
|
|
264
|
-
let ye = () => s ? /* @__PURE__ */
|
|
264
|
+
let ye = () => s ? /* @__PURE__ */ H(me, {}) : c ? /* @__PURE__ */ U("div", {
|
|
265
265
|
className: "flex flex-col items-center gap-3",
|
|
266
|
-
children: [/* @__PURE__ */
|
|
267
|
-
className: v(ae,
|
|
266
|
+
children: [/* @__PURE__ */ H("p", {
|
|
267
|
+
className: v(ae, Y.subtitle),
|
|
268
268
|
children: e.errorLabel
|
|
269
|
-
}), /* @__PURE__ */
|
|
269
|
+
}), /* @__PURE__ */ H(A, {
|
|
270
270
|
label: e.retryLabel,
|
|
271
271
|
onClick: l
|
|
272
272
|
})]
|
|
273
|
-
}) : o.length === 0 ? n.trim() ? /* @__PURE__ */
|
|
274
|
-
className: v(ae,
|
|
273
|
+
}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ H("p", {
|
|
274
|
+
className: v(ae, Y.subtitle),
|
|
275
275
|
children: e.noResultsLabel
|
|
276
|
-
}) : /* @__PURE__ */
|
|
276
|
+
}) : /* @__PURE__ */ H(m, {
|
|
277
277
|
label: e.emptyStateLabel,
|
|
278
|
-
icon:
|
|
279
|
-
}) : /* @__PURE__ */
|
|
278
|
+
icon: We
|
|
279
|
+
}) : /* @__PURE__ */ U("div", {
|
|
280
280
|
className: "flex w-full flex-col gap-6",
|
|
281
281
|
children: [
|
|
282
|
-
/* @__PURE__ */
|
|
282
|
+
/* @__PURE__ */ H(Ue, {
|
|
283
283
|
items: o,
|
|
284
284
|
searchQuery: n,
|
|
285
285
|
onCardClick: h,
|
|
@@ -289,58 +289,58 @@ var Ne = {
|
|
|
289
289
|
cardStyles: S,
|
|
290
290
|
layout: ee
|
|
291
291
|
}),
|
|
292
|
-
T && /* @__PURE__ */
|
|
292
|
+
T && /* @__PURE__ */ U("div", {
|
|
293
293
|
role: "alert",
|
|
294
294
|
className: "flex items-center gap-3",
|
|
295
|
-
children: [/* @__PURE__ */
|
|
296
|
-
className: v(ae,
|
|
295
|
+
children: [/* @__PURE__ */ H("span", {
|
|
296
|
+
className: v(ae, Y.subtitle),
|
|
297
297
|
children: e.loadMoreErrorLabel ?? e.errorLabel
|
|
298
|
-
}), /* @__PURE__ */
|
|
298
|
+
}), /* @__PURE__ */ H(A, {
|
|
299
299
|
label: e.retryLabel,
|
|
300
300
|
onClick: E
|
|
301
301
|
})]
|
|
302
302
|
}),
|
|
303
|
-
/* @__PURE__ */
|
|
303
|
+
/* @__PURE__ */ H("div", {
|
|
304
304
|
ref: ve,
|
|
305
305
|
"aria-hidden": !0,
|
|
306
306
|
className: "h-px w-full"
|
|
307
307
|
})
|
|
308
308
|
]
|
|
309
309
|
}), F = s || !!c || o.length === 0;
|
|
310
|
-
return /* @__PURE__ */
|
|
310
|
+
return /* @__PURE__ */ U("div", {
|
|
311
311
|
style: oe,
|
|
312
|
-
className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8",
|
|
312
|
+
className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8", Y.container, x),
|
|
313
313
|
children: [
|
|
314
|
-
/* @__PURE__ */
|
|
314
|
+
/* @__PURE__ */ U("div", {
|
|
315
315
|
className: "flex items-start justify-between gap-4",
|
|
316
|
-
children: [/* @__PURE__ */
|
|
316
|
+
children: [/* @__PURE__ */ U("div", {
|
|
317
317
|
className: "min-w-0 gap-2",
|
|
318
|
-
children: [/* @__PURE__ */
|
|
318
|
+
children: [/* @__PURE__ */ H("h1", {
|
|
319
319
|
className: v("truncate", ie),
|
|
320
320
|
children: e.title
|
|
321
|
-
}), /* @__PURE__ */
|
|
322
|
-
className: v("mt-1", ae,
|
|
321
|
+
}), /* @__PURE__ */ H("p", {
|
|
322
|
+
className: v("mt-1", ae, Y.subtitle),
|
|
323
323
|
children: e.subtitle
|
|
324
324
|
})]
|
|
325
|
-
}), /* @__PURE__ */
|
|
325
|
+
}), /* @__PURE__ */ H(j, {
|
|
326
326
|
label: e.createButtonLabel,
|
|
327
|
-
textClassName:
|
|
327
|
+
textClassName: Y.createButtonLabel,
|
|
328
328
|
"aria-label": e.createButtonLabel,
|
|
329
|
-
iconBefore: /* @__PURE__ */
|
|
329
|
+
iconBefore: /* @__PURE__ */ H(Ce, {
|
|
330
330
|
size: O.SM,
|
|
331
331
|
"aria-hidden": !0,
|
|
332
332
|
stroke: k
|
|
333
333
|
}),
|
|
334
334
|
onClick: t,
|
|
335
|
-
className: v("shrink-0",
|
|
335
|
+
className: v("shrink-0", Y.createButton)
|
|
336
336
|
})]
|
|
337
337
|
}),
|
|
338
|
-
/* @__PURE__ */
|
|
338
|
+
/* @__PURE__ */ U("div", {
|
|
339
339
|
className: "flex flex-wrap items-center gap-3",
|
|
340
|
-
children: [/* @__PURE__ */
|
|
340
|
+
children: [/* @__PURE__ */ H("div", {
|
|
341
341
|
role: "search",
|
|
342
342
|
className: "flex-1",
|
|
343
|
-
children: /* @__PURE__ */
|
|
343
|
+
children: /* @__PURE__ */ H(fe, {
|
|
344
344
|
value: n,
|
|
345
345
|
onChange: se,
|
|
346
346
|
placeholder: e.searchPlaceholder,
|
|
@@ -350,47 +350,47 @@ var Ne = {
|
|
|
350
350
|
onFocus: N,
|
|
351
351
|
onBlur: he
|
|
352
352
|
})
|
|
353
|
-
}), e.sortOptions.length > 0 && /* @__PURE__ */
|
|
353
|
+
}), e.sortOptions.length > 0 && /* @__PURE__ */ H("div", {
|
|
354
354
|
ref: M,
|
|
355
|
-
className: v(de &&
|
|
356
|
-
children: /* @__PURE__ */
|
|
355
|
+
className: v(de && Y.sortControlHidden),
|
|
356
|
+
children: /* @__PURE__ */ H(te, {
|
|
357
357
|
items: _e,
|
|
358
358
|
label: ge,
|
|
359
359
|
variant: w.Primary,
|
|
360
360
|
appearance: C.Ghost,
|
|
361
|
-
iconBefore: b === void 0 ? /* @__PURE__ */
|
|
361
|
+
iconBefore: b === void 0 ? /* @__PURE__ */ H(be, {
|
|
362
362
|
size: O.SM,
|
|
363
363
|
"aria-hidden": !0,
|
|
364
364
|
stroke: k
|
|
365
365
|
}) : b,
|
|
366
|
-
className:
|
|
366
|
+
className: Y.sortButton
|
|
367
367
|
})
|
|
368
368
|
})]
|
|
369
369
|
}),
|
|
370
370
|
g,
|
|
371
|
-
/* @__PURE__ */
|
|
371
|
+
/* @__PURE__ */ H("span", {
|
|
372
372
|
role: "status",
|
|
373
373
|
"aria-live": "polite",
|
|
374
374
|
className: "sr-only",
|
|
375
375
|
children: P
|
|
376
376
|
}),
|
|
377
|
-
/* @__PURE__ */
|
|
377
|
+
/* @__PURE__ */ H("div", {
|
|
378
378
|
className: v("mx-auto flex size-full w-full min-w-0 flex-col", F && "items-center justify-center"),
|
|
379
379
|
children: ye()
|
|
380
380
|
})
|
|
381
381
|
]
|
|
382
382
|
});
|
|
383
|
-
},
|
|
383
|
+
}, Je = /* @__PURE__ */ function(e) {
|
|
384
384
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
385
|
-
}({}),
|
|
385
|
+
}({}), Ye = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Xe = (e, t) => {
|
|
386
386
|
let n = new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
387
|
-
for (let r of n) if (
|
|
387
|
+
for (let r of n) if (Ye(e[r]) !== Ye(t[r])) return !0;
|
|
388
388
|
return !1;
|
|
389
|
-
},
|
|
390
|
-
let o =
|
|
391
|
-
return /* @__PURE__ */
|
|
389
|
+
}, Ze = { error: "_error_v2pfn_4" }, Qe = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
|
|
390
|
+
let o = Ae(/* @__PURE__ */ new Date()).current;
|
|
391
|
+
return /* @__PURE__ */ U("div", {
|
|
392
392
|
className: "flex flex-col gap-1",
|
|
393
|
-
children: [/* @__PURE__ */
|
|
393
|
+
children: [/* @__PURE__ */ H(T, {
|
|
394
394
|
id: "scheduled-task-run-at",
|
|
395
395
|
mode: E.DateTime,
|
|
396
396
|
value: s(t),
|
|
@@ -401,20 +401,20 @@ var Ne = {
|
|
|
401
401
|
required: !0
|
|
402
402
|
},
|
|
403
403
|
invalid: !!i
|
|
404
|
-
}), i && /* @__PURE__ */
|
|
405
|
-
className: v(a,
|
|
404
|
+
}), i && /* @__PURE__ */ H("p", {
|
|
405
|
+
className: v(a, Ze.error),
|
|
406
406
|
children: i
|
|
407
407
|
})]
|
|
408
408
|
});
|
|
409
|
-
},
|
|
409
|
+
}, X = {
|
|
410
410
|
formColumn: "_formColumn_1253x_1",
|
|
411
411
|
detailsColumn: "_detailsColumn_1253x_10",
|
|
412
412
|
sectionSubtitle: "_sectionSubtitle_1253x_14",
|
|
413
413
|
instructionsError: "_instructionsError_1253x_18",
|
|
414
414
|
refineFeedback: "_refineFeedback_1253x_22",
|
|
415
415
|
refineError: "_refineError_1253x_26"
|
|
416
|
-
},
|
|
417
|
-
let le = Oe(), ue = Oe(), j =
|
|
416
|
+
}, $e = B(async () => ({ default: (await W()).MarkdownEditor })), et = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: S, onCancel: C, onSubmit: te, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: re, markdownEditorTheme: ie, backIcon: A, className: ae, styles: oe }) => {
|
|
417
|
+
let le = Oe(), ue = Oe(), j = Ae(void 0), fe = (e) => e ? async (t, n) => {
|
|
418
418
|
if (j.current && !j.current.aborted) throw new DOMException("Busy", "AbortError");
|
|
419
419
|
j.current = n;
|
|
420
420
|
try {
|
|
@@ -434,29 +434,29 @@ var Ne = {
|
|
|
434
434
|
disabled: w
|
|
435
435
|
}), he = M.isPending || N.isPending, ge = () => {
|
|
436
436
|
M.reset(), N.reset();
|
|
437
|
-
}, P = ee(!!(s &&
|
|
437
|
+
}, P = ee(!!(s && Xe(r, s))), ve = () => P.guard(() => {
|
|
438
438
|
ge(), S();
|
|
439
439
|
}), be = () => P.guard(() => {
|
|
440
440
|
ge(), C();
|
|
441
|
-
}), F = y(), xe = !r.skillUrls?.length, [I, L] =
|
|
441
|
+
}), F = y(), xe = !r.skillUrls?.length, [I, L] = je(), Se = Ae(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: Ce } = oe ?? {}, we = z?.titleClassName ?? "dial-h1-text", B = z?.sectionTitleClassName ?? "dial-body-semi-text", Ee = z?.sectionSubtitleClassName ?? "dial-tiny-text", ke = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", V = z?.instructionsErrorClassName ?? "dial-small-text", W = _({
|
|
442
442
|
"--stcf-details-border": R?.detailsColumnBorder,
|
|
443
443
|
"--stcf-subtitle-text": R?.sectionSubtitleText,
|
|
444
444
|
"--stcf-error-text": R?.instructionsErrorText,
|
|
445
445
|
"--stcf-refine-action-text": R?.refineActionText,
|
|
446
446
|
"--stcf-refine-error-text": R?.refineErrorText
|
|
447
|
-
}),
|
|
448
|
-
feedbackClassName: v(R?.refineActionText &&
|
|
449
|
-
errorClassName:
|
|
450
|
-
},
|
|
447
|
+
}), G = {
|
|
448
|
+
feedbackClassName: v(R?.refineActionText && X.refineFeedback, z?.refineFeedbackClassName, Pe.refineFeedback),
|
|
449
|
+
errorClassName: X.refineError
|
|
450
|
+
}, K = (e) => {
|
|
451
451
|
L(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
|
|
452
|
-
},
|
|
452
|
+
}, Fe = (e) => {
|
|
453
453
|
L(void 0), b("time", typeof e == "string" ? e : "");
|
|
454
|
-
},
|
|
454
|
+
}, q = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
|
|
455
455
|
De(() => {
|
|
456
|
-
|
|
457
|
-
}, [
|
|
458
|
-
let
|
|
459
|
-
return /* @__PURE__ */
|
|
456
|
+
q || L(void 0);
|
|
457
|
+
}, [q]);
|
|
458
|
+
let Ie = q ? I ?? u.time : void 0, Le = (e) => b("runAt", e), J = w || he || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || q && !r.time || !!Ie;
|
|
459
|
+
return /* @__PURE__ */ U(Me, { children: [/* @__PURE__ */ H(Ne, {
|
|
460
460
|
labels: {
|
|
461
461
|
title: n.pageTitle,
|
|
462
462
|
backButtonLabel: n.backButtonLabel,
|
|
@@ -467,12 +467,12 @@ var Ne = {
|
|
|
467
467
|
onBack: ve,
|
|
468
468
|
onCancel: be,
|
|
469
469
|
onSubmit: () => {
|
|
470
|
-
!
|
|
470
|
+
!J && (!j.current || j.current.aborted) && te();
|
|
471
471
|
},
|
|
472
472
|
isCancelDisabled: w,
|
|
473
|
-
isSubmitDisabled:
|
|
473
|
+
isSubmitDisabled: J,
|
|
474
474
|
isSubmitting: w,
|
|
475
|
-
backIcon: A === void 0 ? /* @__PURE__ */
|
|
475
|
+
backIcon: A === void 0 ? /* @__PURE__ */ H(ye, {
|
|
476
476
|
size: O.LG,
|
|
477
477
|
stroke: k,
|
|
478
478
|
"aria-hidden": !0,
|
|
@@ -490,24 +490,24 @@ var Ne = {
|
|
|
490
490
|
colors: { borderColor: R?.headerBorder },
|
|
491
491
|
typography: { fontClassName: we }
|
|
492
492
|
},
|
|
493
|
-
cssVars:
|
|
493
|
+
cssVars: W
|
|
494
494
|
},
|
|
495
|
-
left: /* @__PURE__ */
|
|
495
|
+
left: /* @__PURE__ */ U("div", {
|
|
496
496
|
role: "group",
|
|
497
497
|
"aria-label": n.detailsSectionTitle,
|
|
498
|
-
className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e",
|
|
498
|
+
className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", X.detailsColumn, X.formColumn),
|
|
499
499
|
children: [
|
|
500
|
-
/* @__PURE__ */
|
|
500
|
+
/* @__PURE__ */ U("div", {
|
|
501
501
|
className: "flex flex-col gap-1",
|
|
502
|
-
children: [/* @__PURE__ */
|
|
502
|
+
children: [/* @__PURE__ */ H("h2", {
|
|
503
503
|
className: B,
|
|
504
504
|
children: n.detailsSectionTitle
|
|
505
|
-
}), /* @__PURE__ */
|
|
506
|
-
className: v(Ee,
|
|
505
|
+
}), /* @__PURE__ */ H("p", {
|
|
506
|
+
className: v(Ee, X.sectionSubtitle),
|
|
507
507
|
children: n.detailsSectionSubtitle
|
|
508
508
|
})]
|
|
509
509
|
}),
|
|
510
|
-
/* @__PURE__ */
|
|
510
|
+
/* @__PURE__ */ H(se, {
|
|
511
511
|
id: "scheduled-task-display-name",
|
|
512
512
|
value: r.displayName,
|
|
513
513
|
onChange: (e) => b("displayName", e ?? ""),
|
|
@@ -518,7 +518,7 @@ var Ne = {
|
|
|
518
518
|
invalid: !!u.displayName,
|
|
519
519
|
error: u.displayName
|
|
520
520
|
}),
|
|
521
|
-
/* @__PURE__ */
|
|
521
|
+
/* @__PURE__ */ H(g, {
|
|
522
522
|
isEnabled: !!D,
|
|
523
523
|
fieldId: le,
|
|
524
524
|
label: n.descriptionLabel,
|
|
@@ -526,8 +526,8 @@ var Ne = {
|
|
|
526
526
|
refinement: M,
|
|
527
527
|
disabled: w || he,
|
|
528
528
|
caption: `${(r.description ?? "").length}/500`,
|
|
529
|
-
...
|
|
530
|
-
children: /* @__PURE__ */
|
|
529
|
+
...G,
|
|
530
|
+
children: /* @__PURE__ */ H(_e, {
|
|
531
531
|
id: le,
|
|
532
532
|
value: r.description ?? "",
|
|
533
533
|
onChange: (e) => {
|
|
@@ -539,25 +539,25 @@ var Ne = {
|
|
|
539
539
|
error: u.description
|
|
540
540
|
})
|
|
541
541
|
}),
|
|
542
|
-
/* @__PURE__ */
|
|
542
|
+
/* @__PURE__ */ U("div", {
|
|
543
543
|
className: "flex flex-col gap-1",
|
|
544
544
|
children: [
|
|
545
|
-
/* @__PURE__ */
|
|
545
|
+
/* @__PURE__ */ H(ce, {
|
|
546
546
|
id: m,
|
|
547
547
|
label: n.modelOrAgentLabel,
|
|
548
548
|
required: !0
|
|
549
549
|
}),
|
|
550
550
|
p,
|
|
551
|
-
u.modelId && /* @__PURE__ */
|
|
552
|
-
className: v(V,
|
|
551
|
+
u.modelId && /* @__PURE__ */ H("p", {
|
|
552
|
+
className: v(V, X.instructionsError),
|
|
553
553
|
children: u.modelId
|
|
554
554
|
})
|
|
555
555
|
]
|
|
556
556
|
}),
|
|
557
|
-
/* @__PURE__ */
|
|
557
|
+
/* @__PURE__ */ U("div", {
|
|
558
558
|
className: "flex flex-col gap-3",
|
|
559
559
|
children: [
|
|
560
|
-
/* @__PURE__ */
|
|
560
|
+
/* @__PURE__ */ H(pe, {
|
|
561
561
|
labelProps: { label: n.repeatLabel },
|
|
562
562
|
value: r.repeat,
|
|
563
563
|
onChange: (e) => b("repeat", e),
|
|
@@ -566,37 +566,37 @@ var Ne = {
|
|
|
566
566
|
label: e.label
|
|
567
567
|
}))
|
|
568
568
|
}),
|
|
569
|
-
r.repeat === t.OneTime && /* @__PURE__ */
|
|
569
|
+
r.repeat === t.OneTime && /* @__PURE__ */ H(Qe, {
|
|
570
570
|
label: n.runAtLabel,
|
|
571
571
|
value: r.runAt ?? "",
|
|
572
|
-
onChange:
|
|
572
|
+
onChange: Le,
|
|
573
573
|
error: u.runAt,
|
|
574
574
|
errorClassName: V
|
|
575
575
|
}),
|
|
576
|
-
r.repeat !== t.OneTime && /* @__PURE__ */
|
|
577
|
-
|
|
576
|
+
r.repeat !== t.OneTime && /* @__PURE__ */ U(Me, { children: [
|
|
577
|
+
q && /* @__PURE__ */ U("div", {
|
|
578
578
|
className: "flex flex-col gap-1",
|
|
579
|
-
children: [/* @__PURE__ */
|
|
579
|
+
children: [/* @__PURE__ */ H(T, {
|
|
580
580
|
id: "scheduled-task-time",
|
|
581
581
|
mode: E.Time,
|
|
582
582
|
value: r.time,
|
|
583
|
-
onChange:
|
|
584
|
-
onBlur:
|
|
583
|
+
onChange: Fe,
|
|
584
|
+
onBlur: K,
|
|
585
585
|
labelProps: {
|
|
586
586
|
label: n.timeLabel,
|
|
587
587
|
required: !0
|
|
588
588
|
},
|
|
589
|
-
invalid: !!
|
|
589
|
+
invalid: !!Ie,
|
|
590
590
|
disabled: w,
|
|
591
591
|
showTimezone: !0
|
|
592
|
-
}),
|
|
593
|
-
className: v(V,
|
|
594
|
-
children:
|
|
592
|
+
}), Ie && /* @__PURE__ */ H("p", {
|
|
593
|
+
className: v(V, X.instructionsError),
|
|
594
|
+
children: Ie
|
|
595
595
|
})]
|
|
596
596
|
}),
|
|
597
|
-
r.repeat === t.Weekly && /* @__PURE__ */
|
|
597
|
+
r.repeat === t.Weekly && /* @__PURE__ */ U("div", {
|
|
598
598
|
className: "flex flex-col gap-1",
|
|
599
|
-
children: [/* @__PURE__ */
|
|
599
|
+
children: [/* @__PURE__ */ H(T, {
|
|
600
600
|
id: "scheduled-task-day-of-week",
|
|
601
601
|
mode: E.Weekday,
|
|
602
602
|
value: a(r.dayOfWeek),
|
|
@@ -606,12 +606,12 @@ var Ne = {
|
|
|
606
606
|
required: !0
|
|
607
607
|
},
|
|
608
608
|
invalid: !!u.dayOfWeek
|
|
609
|
-
}), u.dayOfWeek && /* @__PURE__ */
|
|
610
|
-
className: v(V,
|
|
609
|
+
}), u.dayOfWeek && /* @__PURE__ */ H("p", {
|
|
610
|
+
className: v(V, X.instructionsError),
|
|
611
611
|
children: u.dayOfWeek
|
|
612
612
|
})]
|
|
613
613
|
}),
|
|
614
|
-
r.repeat === t.Monthly && /* @__PURE__ */
|
|
614
|
+
r.repeat === t.Monthly && /* @__PURE__ */ H(de, {
|
|
615
615
|
id: "scheduled-task-day-of-month",
|
|
616
616
|
integer: !0,
|
|
617
617
|
min: 1,
|
|
@@ -625,7 +625,7 @@ var Ne = {
|
|
|
625
625
|
invalid: !!u.dayOfMonth,
|
|
626
626
|
error: u.dayOfMonth
|
|
627
627
|
}),
|
|
628
|
-
r.repeat === t.Hourly && /* @__PURE__ */
|
|
628
|
+
r.repeat === t.Hourly && /* @__PURE__ */ H(de, {
|
|
629
629
|
id: "scheduled-task-minute",
|
|
630
630
|
integer: !0,
|
|
631
631
|
min: 0,
|
|
@@ -639,11 +639,11 @@ var Ne = {
|
|
|
639
639
|
invalid: !!u.minute,
|
|
640
640
|
error: u.minute
|
|
641
641
|
}),
|
|
642
|
-
/* @__PURE__ */
|
|
642
|
+
/* @__PURE__ */ U("div", {
|
|
643
643
|
className: "flex flex-row gap-3",
|
|
644
|
-
children: [/* @__PURE__ */
|
|
644
|
+
children: [/* @__PURE__ */ U("div", {
|
|
645
645
|
className: "flex flex-1 flex-col gap-1",
|
|
646
|
-
children: [/* @__PURE__ */
|
|
646
|
+
children: [/* @__PURE__ */ H(T, {
|
|
647
647
|
id: "scheduled-task-start-date",
|
|
648
648
|
mode: E.Date,
|
|
649
649
|
value: e(r.startDate),
|
|
@@ -652,13 +652,13 @@ var Ne = {
|
|
|
652
652
|
labelProps: { label: n.startDateLabel },
|
|
653
653
|
placeholder: n.startDatePlaceholder,
|
|
654
654
|
invalid: !!u.startDate
|
|
655
|
-
}), u.startDate && /* @__PURE__ */
|
|
656
|
-
className: v(V,
|
|
655
|
+
}), u.startDate && /* @__PURE__ */ H("p", {
|
|
656
|
+
className: v(V, X.instructionsError),
|
|
657
657
|
children: u.startDate
|
|
658
658
|
})]
|
|
659
|
-
}), /* @__PURE__ */
|
|
659
|
+
}), /* @__PURE__ */ U("div", {
|
|
660
660
|
className: "flex flex-1 flex-col gap-1",
|
|
661
|
-
children: [/* @__PURE__ */
|
|
661
|
+
children: [/* @__PURE__ */ H(T, {
|
|
662
662
|
id: "scheduled-task-end-date",
|
|
663
663
|
mode: E.Date,
|
|
664
664
|
value: e(r.endDate),
|
|
@@ -667,8 +667,8 @@ var Ne = {
|
|
|
667
667
|
labelProps: { label: n.endDateLabel },
|
|
668
668
|
placeholder: n.endDatePlaceholder,
|
|
669
669
|
invalid: !!u.endDate
|
|
670
|
-
}), u.endDate && /* @__PURE__ */
|
|
671
|
-
className: v(V,
|
|
670
|
+
}), u.endDate && /* @__PURE__ */ H("p", {
|
|
671
|
+
className: v(V, X.instructionsError),
|
|
672
672
|
children: u.endDate
|
|
673
673
|
})]
|
|
674
674
|
})]
|
|
@@ -678,34 +678,34 @@ var Ne = {
|
|
|
678
678
|
})
|
|
679
679
|
]
|
|
680
680
|
}),
|
|
681
|
-
children: /* @__PURE__ */
|
|
681
|
+
children: /* @__PURE__ */ U("div", {
|
|
682
682
|
role: "group",
|
|
683
683
|
"aria-label": n.configurationSectionTitle,
|
|
684
|
-
className: v("flex flex-1 flex-col gap-5 py-6",
|
|
684
|
+
className: v("flex flex-1 flex-col gap-5 py-6", X.formColumn),
|
|
685
685
|
children: [
|
|
686
|
-
/* @__PURE__ */
|
|
686
|
+
/* @__PURE__ */ U("div", {
|
|
687
687
|
className: "flex flex-col gap-1",
|
|
688
|
-
children: [/* @__PURE__ */
|
|
688
|
+
children: [/* @__PURE__ */ H("h2", {
|
|
689
689
|
className: B,
|
|
690
690
|
children: n.configurationSectionTitle
|
|
691
|
-
}), /* @__PURE__ */
|
|
692
|
-
className: v(Ee,
|
|
691
|
+
}), /* @__PURE__ */ H("p", {
|
|
692
|
+
className: v(Ee, X.sectionSubtitle),
|
|
693
693
|
children: n.configurationSectionSubtitle
|
|
694
694
|
})]
|
|
695
695
|
}),
|
|
696
|
-
h == null ? u.skillUrls && /* @__PURE__ */
|
|
696
|
+
h == null ? u.skillUrls && /* @__PURE__ */ H("div", {
|
|
697
697
|
"aria-live": "polite",
|
|
698
|
-
children: /* @__PURE__ */
|
|
699
|
-
className: v(V,
|
|
698
|
+
children: /* @__PURE__ */ H("p", {
|
|
699
|
+
className: v(V, X.instructionsError),
|
|
700
700
|
children: u.skillUrls
|
|
701
701
|
})
|
|
702
|
-
}) : /* @__PURE__ */
|
|
702
|
+
}) : /* @__PURE__ */ H("div", {
|
|
703
703
|
className: "w-full max-w-[996px] min-w-0",
|
|
704
704
|
children: h
|
|
705
705
|
}),
|
|
706
|
-
/* @__PURE__ */
|
|
706
|
+
/* @__PURE__ */ H("div", {
|
|
707
707
|
className: "flex w-full max-w-[996px] min-w-0 flex-col",
|
|
708
|
-
children: /* @__PURE__ */
|
|
708
|
+
children: /* @__PURE__ */ H(g, {
|
|
709
709
|
isEnabled: !!re,
|
|
710
710
|
fieldId: ue,
|
|
711
711
|
labelClassName: ke,
|
|
@@ -714,22 +714,22 @@ var Ne = {
|
|
|
714
714
|
labels: n,
|
|
715
715
|
refinement: N,
|
|
716
716
|
disabled: w || he,
|
|
717
|
-
...
|
|
718
|
-
children: /* @__PURE__ */
|
|
717
|
+
...G,
|
|
718
|
+
children: /* @__PURE__ */ U("div", {
|
|
719
719
|
className: "flex flex-1 flex-col gap-1",
|
|
720
720
|
children: [
|
|
721
|
-
!re && /* @__PURE__ */
|
|
721
|
+
!re && /* @__PURE__ */ H(ce, {
|
|
722
722
|
htmlFor: ue,
|
|
723
723
|
className: ke,
|
|
724
724
|
label: n.instructionsLabel,
|
|
725
725
|
required: xe
|
|
726
726
|
}),
|
|
727
|
-
/* @__PURE__ */
|
|
727
|
+
/* @__PURE__ */ H("div", {
|
|
728
728
|
ref: F,
|
|
729
729
|
className: v("w-full", d, f),
|
|
730
|
-
children: /* @__PURE__ */
|
|
731
|
-
fallback: /* @__PURE__ */
|
|
732
|
-
children: /* @__PURE__ */
|
|
730
|
+
children: /* @__PURE__ */ H(Te, {
|
|
731
|
+
fallback: /* @__PURE__ */ H(me, {}),
|
|
732
|
+
children: /* @__PURE__ */ H($e, {
|
|
733
733
|
id: ue,
|
|
734
734
|
value: r.prompt,
|
|
735
735
|
onChange: (e) => {
|
|
@@ -741,8 +741,8 @@ var Ne = {
|
|
|
741
741
|
})
|
|
742
742
|
})
|
|
743
743
|
}),
|
|
744
|
-
u.prompt && /* @__PURE__ */
|
|
745
|
-
className: v(V,
|
|
744
|
+
u.prompt && /* @__PURE__ */ H("p", {
|
|
745
|
+
className: v(V, X.instructionsError),
|
|
746
746
|
children: u.prompt
|
|
747
747
|
})
|
|
748
748
|
]
|
|
@@ -751,7 +751,7 @@ var Ne = {
|
|
|
751
751
|
})
|
|
752
752
|
]
|
|
753
753
|
})
|
|
754
|
-
}), P.isConfirmOpen && /* @__PURE__ */
|
|
754
|
+
}), P.isConfirmOpen && /* @__PURE__ */ H(l, {
|
|
755
755
|
open: !0,
|
|
756
756
|
title: n.discardTitle ?? "Discard unsaved changes?",
|
|
757
757
|
message: n.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
|
|
@@ -761,90 +761,90 @@ var Ne = {
|
|
|
761
761
|
onConfirm: P.confirm,
|
|
762
762
|
onClose: P.dismiss
|
|
763
763
|
})] });
|
|
764
|
-
},
|
|
764
|
+
}, tt = /* @__PURE__ */ function(e) {
|
|
765
765
|
return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
|
|
766
|
-
}({}),
|
|
766
|
+
}({}), nt = /* @__PURE__ */ function(e) {
|
|
767
767
|
return e.Card = "card", e.Flow = "flow", e;
|
|
768
|
-
}({}),
|
|
768
|
+
}({}), rt = { subtitleText: "_subtitleText_1i4x2_3" }, it = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ U("div", {
|
|
769
769
|
className: "flex min-w-0 flex-col gap-5",
|
|
770
|
-
children: [!!t?.length && /* @__PURE__ */
|
|
770
|
+
children: [!!t?.length && /* @__PURE__ */ U("div", {
|
|
771
771
|
role: "group",
|
|
772
772
|
"aria-label": e,
|
|
773
773
|
className: "flex min-w-0 flex-col gap-1",
|
|
774
|
-
children: [/* @__PURE__ */
|
|
775
|
-
className: v(o,
|
|
774
|
+
children: [/* @__PURE__ */ H("span", {
|
|
775
|
+
className: v(o, rt.subtitleText),
|
|
776
776
|
children: e
|
|
777
|
-
}), /* @__PURE__ */
|
|
777
|
+
}), /* @__PURE__ */ H("p", {
|
|
778
778
|
className: "break-all whitespace-normal",
|
|
779
|
-
children: t?.map((e, t) => /* @__PURE__ */
|
|
779
|
+
children: t?.map((e, t) => /* @__PURE__ */ H("span", {
|
|
780
780
|
className: "block",
|
|
781
781
|
children: e
|
|
782
782
|
}, `${t}:${e}`))
|
|
783
783
|
})]
|
|
784
|
-
}), r && /* @__PURE__ */
|
|
784
|
+
}), r && /* @__PURE__ */ U("div", {
|
|
785
785
|
role: "group",
|
|
786
786
|
"aria-label": n,
|
|
787
787
|
className: "flex min-w-0 flex-col gap-1",
|
|
788
|
-
children: [/* @__PURE__ */
|
|
789
|
-
className: v(o,
|
|
788
|
+
children: [/* @__PURE__ */ H("span", {
|
|
789
|
+
className: v(o, rt.subtitleText),
|
|
790
790
|
children: n
|
|
791
|
-
}), i ? i(r) : /* @__PURE__ */
|
|
791
|
+
}), i ? i(r) : /* @__PURE__ */ H(p, {
|
|
792
792
|
content: r,
|
|
793
793
|
...a
|
|
794
794
|
})]
|
|
795
795
|
})]
|
|
796
|
-
}),
|
|
797
|
-
t && /* @__PURE__ */
|
|
796
|
+
}), at = { subtitleText: "_subtitleText_1i4x2_3" }, ot = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ U(Me, { children: [
|
|
797
|
+
t && /* @__PURE__ */ U("div", {
|
|
798
798
|
className: "flex flex-col gap-1",
|
|
799
|
-
children: [/* @__PURE__ */
|
|
800
|
-
className: v(o,
|
|
799
|
+
children: [/* @__PURE__ */ H("span", {
|
|
800
|
+
className: v(o, at.subtitleText),
|
|
801
801
|
children: e.descriptionLabel
|
|
802
|
-
}), /* @__PURE__ */
|
|
802
|
+
}), /* @__PURE__ */ H("p", {
|
|
803
803
|
className: s,
|
|
804
804
|
children: t
|
|
805
805
|
})]
|
|
806
806
|
}),
|
|
807
|
-
a && /* @__PURE__ */
|
|
807
|
+
a && /* @__PURE__ */ U("div", {
|
|
808
808
|
className: "flex flex-col gap-1",
|
|
809
|
-
children: [/* @__PURE__ */
|
|
810
|
-
className: v(o,
|
|
809
|
+
children: [/* @__PURE__ */ H("span", {
|
|
810
|
+
className: v(o, at.subtitleText),
|
|
811
811
|
children: e.completedFieldLabel
|
|
812
|
-
}), /* @__PURE__ */
|
|
812
|
+
}), /* @__PURE__ */ H("p", {
|
|
813
813
|
className: s,
|
|
814
814
|
children: a
|
|
815
815
|
})]
|
|
816
816
|
}),
|
|
817
|
-
n && /* @__PURE__ */
|
|
817
|
+
n && /* @__PURE__ */ U("div", {
|
|
818
818
|
className: "flex flex-col gap-1",
|
|
819
|
-
children: [/* @__PURE__ */
|
|
820
|
-
className: v(o,
|
|
819
|
+
children: [/* @__PURE__ */ H("span", {
|
|
820
|
+
className: v(o, at.subtitleText),
|
|
821
821
|
children: e.modelLabel
|
|
822
|
-
}), /* @__PURE__ */
|
|
822
|
+
}), /* @__PURE__ */ H("p", {
|
|
823
823
|
className: s,
|
|
824
824
|
children: n
|
|
825
825
|
})]
|
|
826
826
|
}),
|
|
827
|
-
r && /* @__PURE__ */
|
|
827
|
+
r && /* @__PURE__ */ U("div", {
|
|
828
828
|
className: "flex flex-col gap-1",
|
|
829
|
-
children: [/* @__PURE__ */
|
|
830
|
-
className: v(o,
|
|
829
|
+
children: [/* @__PURE__ */ H("span", {
|
|
830
|
+
className: v(o, at.subtitleText),
|
|
831
831
|
children: e.repeatsLabel
|
|
832
|
-
}), /* @__PURE__ */
|
|
832
|
+
}), /* @__PURE__ */ H("p", {
|
|
833
833
|
className: s,
|
|
834
834
|
children: r
|
|
835
835
|
})]
|
|
836
836
|
}),
|
|
837
|
-
i && /* @__PURE__ */
|
|
837
|
+
i && /* @__PURE__ */ U("div", {
|
|
838
838
|
className: "flex flex-col gap-1",
|
|
839
|
-
children: [/* @__PURE__ */
|
|
840
|
-
className: v(o,
|
|
839
|
+
children: [/* @__PURE__ */ H("span", {
|
|
840
|
+
className: v(o, at.subtitleText),
|
|
841
841
|
children: e.activeWindowLabel
|
|
842
|
-
}), /* @__PURE__ */
|
|
842
|
+
}), /* @__PURE__ */ H("p", {
|
|
843
843
|
className: s,
|
|
844
844
|
children: i
|
|
845
845
|
})]
|
|
846
846
|
})
|
|
847
|
-
] }),
|
|
847
|
+
] }), Z = /* @__PURE__ */ function(e) {
|
|
848
848
|
return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
|
|
849
849
|
}({}), Q = {
|
|
850
850
|
subtitleText: "_subtitleText_6i141_1",
|
|
@@ -856,23 +856,23 @@ var Ne = {
|
|
|
856
856
|
unreadDot: "_unreadDot_6i141_33"
|
|
857
857
|
}, st = ({ status: e }) => {
|
|
858
858
|
switch (e) {
|
|
859
|
-
case
|
|
859
|
+
case Z.Success: return /* @__PURE__ */ H(F, {
|
|
860
860
|
size: O.MD,
|
|
861
861
|
className: Q.successIcon,
|
|
862
862
|
"aria-hidden": !0,
|
|
863
863
|
stroke: k
|
|
864
864
|
});
|
|
865
|
-
case
|
|
865
|
+
case Z.Error: return /* @__PURE__ */ H(xe, {
|
|
866
866
|
size: O.MD,
|
|
867
867
|
className: Q.errorIcon,
|
|
868
868
|
"aria-hidden": !0,
|
|
869
869
|
stroke: k
|
|
870
870
|
});
|
|
871
|
-
case
|
|
871
|
+
case Z.InProgress: return /* @__PURE__ */ H("span", {
|
|
872
872
|
"aria-hidden": !0,
|
|
873
|
-
children: /* @__PURE__ */
|
|
873
|
+
children: /* @__PURE__ */ H(me, { size: O.MD })
|
|
874
874
|
});
|
|
875
|
-
case
|
|
875
|
+
case Z.Missed: return /* @__PURE__ */ H(ve, {
|
|
876
876
|
size: O.MD,
|
|
877
877
|
className: Q.missedIcon,
|
|
878
878
|
"aria-hidden": !0,
|
|
@@ -892,7 +892,7 @@ var Ne = {
|
|
|
892
892
|
"--strhl-row-focus-bg": u?.rowFocusBackground,
|
|
893
893
|
"--strhl-row-focus-outline": u?.rowFocusOutline
|
|
894
894
|
}), b = (e) => {
|
|
895
|
-
let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status ===
|
|
895
|
+
let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === Z.Error && e.errorText ? e.errorText : void 0, i = [
|
|
896
896
|
r,
|
|
897
897
|
e.isUnread ? g : void 0,
|
|
898
898
|
n ? c.currentRunLabel : void 0
|
|
@@ -901,7 +901,7 @@ var Ne = {
|
|
|
901
901
|
e.timestampLabel,
|
|
902
902
|
e.durationLabel
|
|
903
903
|
].filter(Boolean).join(" "), ...i].join(" — "), l = !!e.conversationId && !!s;
|
|
904
|
-
return /* @__PURE__ */
|
|
904
|
+
return /* @__PURE__ */ U("li", {
|
|
905
905
|
...l ? {
|
|
906
906
|
role: "button",
|
|
907
907
|
tabIndex: 0,
|
|
@@ -913,50 +913,50 @@ var Ne = {
|
|
|
913
913
|
"aria-label": a,
|
|
914
914
|
"aria-current": n ? "true" : void 0,
|
|
915
915
|
className: v("flex min-h-[var(--strhl-row-min-height,32px)] max-w-[328px] items-center justify-between gap-2 rounded-full px-3", n && Q.currentRun, l && "cursor-pointer", l && Q.interactiveRow),
|
|
916
|
-
children: [/* @__PURE__ */
|
|
916
|
+
children: [/* @__PURE__ */ U("span", {
|
|
917
917
|
className: "flex min-w-0 items-center gap-2",
|
|
918
|
-
children: [r ? /* @__PURE__ */
|
|
918
|
+
children: [r ? /* @__PURE__ */ H(P, {
|
|
919
919
|
tooltip: r,
|
|
920
920
|
asChild: !0,
|
|
921
921
|
contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
|
|
922
|
-
children: /* @__PURE__ */
|
|
922
|
+
children: /* @__PURE__ */ H("span", {
|
|
923
923
|
className: "flex shrink-0",
|
|
924
924
|
tabIndex: l ? void 0 : 0,
|
|
925
|
-
children: /* @__PURE__ */
|
|
925
|
+
children: /* @__PURE__ */ H(st, { status: e.status })
|
|
926
926
|
})
|
|
927
|
-
}) : /* @__PURE__ */
|
|
927
|
+
}) : /* @__PURE__ */ H(st, { status: e.status }), /* @__PURE__ */ U("span", {
|
|
928
928
|
className: "flex min-w-0 items-center gap-1",
|
|
929
|
-
children: [/* @__PURE__ */
|
|
929
|
+
children: [/* @__PURE__ */ H("span", {
|
|
930
930
|
className: v(e.isUnread ? m : p, "truncate"),
|
|
931
931
|
children: e.timestampLabel
|
|
932
|
-
}), e.durationLabel && /* @__PURE__ */
|
|
932
|
+
}), e.durationLabel && /* @__PURE__ */ H("span", {
|
|
933
933
|
className: v(p, Q.subtitleText, "shrink-0"),
|
|
934
934
|
children: e.durationLabel
|
|
935
935
|
})]
|
|
936
936
|
})]
|
|
937
|
-
}), /* @__PURE__ */
|
|
937
|
+
}), /* @__PURE__ */ H("span", {
|
|
938
938
|
className: "relative flex size-3 shrink-0 items-center justify-center",
|
|
939
|
-
children: e.isUnread && /* @__PURE__ */
|
|
939
|
+
children: e.isUnread && /* @__PURE__ */ H("span", {
|
|
940
940
|
className: v("size-[5.33px] rounded-full", Q.unreadDot),
|
|
941
941
|
"aria-hidden": !0
|
|
942
942
|
})
|
|
943
943
|
})]
|
|
944
944
|
}, e.id);
|
|
945
|
-
}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
945
|
+
}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ U("li", {
|
|
946
946
|
"aria-hidden": "true",
|
|
947
947
|
className: "flex min-h-(--strhl-row-min-height,32px) max-w-[328px] items-center justify-between gap-2 px-3",
|
|
948
|
-
children: [/* @__PURE__ */
|
|
948
|
+
children: [/* @__PURE__ */ H(M, {
|
|
949
949
|
variant: N.Rectangular,
|
|
950
950
|
width: "160px",
|
|
951
951
|
height: "16px"
|
|
952
|
-
}), /* @__PURE__ */
|
|
952
|
+
}), /* @__PURE__ */ H(M, {
|
|
953
953
|
variant: N.Rectangular,
|
|
954
954
|
width: "16px",
|
|
955
955
|
height: "16px",
|
|
956
956
|
className: "shrink-0 rounded-full"
|
|
957
957
|
})]
|
|
958
958
|
}, `history-skeleton-${t}`));
|
|
959
|
-
return t && e.length === 0 ? /* @__PURE__ */
|
|
959
|
+
return t && e.length === 0 ? /* @__PURE__ */ H("ul", {
|
|
960
960
|
style: {
|
|
961
961
|
...y,
|
|
962
962
|
"--strhl-row-min-height": u?.rowMinHeight
|
|
@@ -964,31 +964,31 @@ var Ne = {
|
|
|
964
964
|
"aria-label": c.historyTitle,
|
|
965
965
|
className: "flex flex-col gap-0.5",
|
|
966
966
|
children: x(r)
|
|
967
|
-
}) : i && e.length === 0 ? /* @__PURE__ */
|
|
967
|
+
}) : i && e.length === 0 ? /* @__PURE__ */ U("div", {
|
|
968
968
|
style: y,
|
|
969
969
|
className: "flex flex-col items-start gap-3",
|
|
970
|
-
children: [/* @__PURE__ */
|
|
970
|
+
children: [/* @__PURE__ */ H("p", {
|
|
971
971
|
role: "alert",
|
|
972
972
|
className: v(h, Q.subtitleText),
|
|
973
973
|
children: c.errorLabel
|
|
974
|
-
}), /* @__PURE__ */
|
|
974
|
+
}), /* @__PURE__ */ H(A, {
|
|
975
975
|
label: c.retryLabel,
|
|
976
976
|
onClick: a
|
|
977
977
|
})]
|
|
978
|
-
}) : e.length === 0 ? /* @__PURE__ */
|
|
978
|
+
}) : e.length === 0 ? /* @__PURE__ */ U("div", {
|
|
979
979
|
style: y,
|
|
980
980
|
className: "flex w-full flex-col items-center justify-center gap-2 py-4",
|
|
981
|
-
children: [/* @__PURE__ */
|
|
981
|
+
children: [/* @__PURE__ */ H(I, {
|
|
982
982
|
size: 44,
|
|
983
983
|
stroke: k,
|
|
984
984
|
className: Q.subtitleText,
|
|
985
985
|
"aria-hidden": !0
|
|
986
|
-
}), /* @__PURE__ */
|
|
986
|
+
}), /* @__PURE__ */ H("p", {
|
|
987
987
|
role: "status",
|
|
988
988
|
className: p,
|
|
989
989
|
children: c.emptyLabel
|
|
990
990
|
})]
|
|
991
|
-
}) : /* @__PURE__ */
|
|
991
|
+
}) : /* @__PURE__ */ U("ul", {
|
|
992
992
|
style: {
|
|
993
993
|
...y,
|
|
994
994
|
"--strhl-row-min-height": u?.rowMinHeight
|
|
@@ -998,13 +998,13 @@ var Ne = {
|
|
|
998
998
|
children: [
|
|
999
999
|
e.map(b),
|
|
1000
1000
|
n && x(r),
|
|
1001
|
-
i ? /* @__PURE__ */
|
|
1001
|
+
i ? /* @__PURE__ */ U("li", {
|
|
1002
1002
|
className: "flex flex-col items-start gap-3 px-5 py-2",
|
|
1003
|
-
children: [/* @__PURE__ */
|
|
1003
|
+
children: [/* @__PURE__ */ H("p", {
|
|
1004
1004
|
role: "alert",
|
|
1005
1005
|
className: v(h, Q.subtitleText),
|
|
1006
1006
|
children: c.errorLabel
|
|
1007
|
-
}), /* @__PURE__ */
|
|
1007
|
+
}), /* @__PURE__ */ H(A, {
|
|
1008
1008
|
label: c.retryLabel,
|
|
1009
1009
|
onClick: a
|
|
1010
1010
|
})]
|
|
@@ -1016,32 +1016,32 @@ var Ne = {
|
|
|
1016
1016
|
subtitleText: "_subtitleText_153p9_8",
|
|
1017
1017
|
cardLayout: "_cardLayout_153p9_13"
|
|
1018
1018
|
}, ut = ({ 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", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
|
|
1019
|
-
let b = e ===
|
|
1019
|
+
let b = e === nt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ U("li", {
|
|
1020
1020
|
className: x,
|
|
1021
|
-
children: [/* @__PURE__ */
|
|
1021
|
+
children: [/* @__PURE__ */ H("p", {
|
|
1022
1022
|
role: "alert",
|
|
1023
1023
|
children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
|
|
1024
|
-
}), u && /* @__PURE__ */
|
|
1024
|
+
}), u && /* @__PURE__ */ H(A, {
|
|
1025
1025
|
label: t.historyRetryLabel,
|
|
1026
1026
|
onClick: u,
|
|
1027
1027
|
disabled: a
|
|
1028
1028
|
})]
|
|
1029
|
-
}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */
|
|
1029
|
+
}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ H("li", {
|
|
1030
1030
|
className: x,
|
|
1031
|
-
children: /* @__PURE__ */
|
|
1031
|
+
children: /* @__PURE__ */ H(A, {
|
|
1032
1032
|
label: t.historyShowMoreLabel,
|
|
1033
1033
|
onClick: f,
|
|
1034
1034
|
disabled: a
|
|
1035
1035
|
})
|
|
1036
|
-
}) : void 0, S = n ? /* @__PURE__ */
|
|
1036
|
+
}) : void 0, S = n ? /* @__PURE__ */ H("p", {
|
|
1037
1037
|
className: v(m, lt.subtitleText),
|
|
1038
1038
|
children: n
|
|
1039
|
-
}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */
|
|
1039
|
+
}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ H("span", {
|
|
1040
1040
|
role: "status",
|
|
1041
1041
|
"aria-live": "polite",
|
|
1042
1042
|
className: "sr-only",
|
|
1043
1043
|
children: a ? t.historyLoadingMoreLabel : ""
|
|
1044
|
-
}) : void 0, te = /* @__PURE__ */
|
|
1044
|
+
}) : void 0, te = /* @__PURE__ */ H(ct, {
|
|
1045
1045
|
items: r,
|
|
1046
1046
|
isLoading: i,
|
|
1047
1047
|
isLoadingMore: a,
|
|
@@ -1070,24 +1070,24 @@ var Ne = {
|
|
|
1070
1070
|
rowFocusOutline: y?.rowFocusOutline
|
|
1071
1071
|
}
|
|
1072
1072
|
});
|
|
1073
|
-
return b ? /* @__PURE__ */
|
|
1073
|
+
return b ? /* @__PURE__ */ U("div", {
|
|
1074
1074
|
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", lt.historyCard, lt.cardLayout),
|
|
1075
1075
|
style: { "--st-history-max-height": y?.maxHeight },
|
|
1076
|
-
children: [/* @__PURE__ */
|
|
1076
|
+
children: [/* @__PURE__ */ U("div", {
|
|
1077
1077
|
className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", lt.historyCard),
|
|
1078
1078
|
children: [
|
|
1079
|
-
/* @__PURE__ */
|
|
1079
|
+
/* @__PURE__ */ H("h2", {
|
|
1080
1080
|
className: g,
|
|
1081
1081
|
children: t.historyTitle
|
|
1082
1082
|
}),
|
|
1083
1083
|
S,
|
|
1084
1084
|
C
|
|
1085
1085
|
]
|
|
1086
|
-
}), /* @__PURE__ */
|
|
1086
|
+
}), /* @__PURE__ */ H("div", {
|
|
1087
1087
|
className: "flex flex-1 flex-col gap-4 px-6 pb-2",
|
|
1088
1088
|
children: te
|
|
1089
1089
|
})]
|
|
1090
|
-
}) : /* @__PURE__ */
|
|
1090
|
+
}) : /* @__PURE__ */ U("div", {
|
|
1091
1091
|
className: "flex flex-col gap-4",
|
|
1092
1092
|
children: [
|
|
1093
1093
|
S,
|
|
@@ -1115,20 +1115,20 @@ var Ne = {
|
|
|
1115
1115
|
"--stdv-details-border": I?.detailsColumnBorder,
|
|
1116
1116
|
"--stdv-subtitle-text": I?.subtitleText,
|
|
1117
1117
|
"--stdv-history-bg": I?.historyCardBackground
|
|
1118
|
-
}), ke = b(), [V,
|
|
1118
|
+
}), ke = b(), [V, Ae] = je(tt.Details), Ne = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, Pe = [
|
|
1119
1119
|
{
|
|
1120
|
-
id:
|
|
1120
|
+
id: tt.Details,
|
|
1121
1121
|
label: e.detailsTitle
|
|
1122
1122
|
},
|
|
1123
1123
|
{
|
|
1124
|
-
id:
|
|
1124
|
+
id: tt.Configuration,
|
|
1125
1125
|
label: e.configurationTitle
|
|
1126
1126
|
},
|
|
1127
1127
|
{
|
|
1128
|
-
id:
|
|
1128
|
+
id: tt.History,
|
|
1129
1129
|
label: e.historyTitle
|
|
1130
1130
|
}
|
|
1131
|
-
],
|
|
1131
|
+
], G = Pe.find((e) => e.id === V)?.label ?? e.detailsTitle, K = /* @__PURE__ */ H(ot, {
|
|
1132
1132
|
labels: {
|
|
1133
1133
|
descriptionLabel: e.descriptionLabel,
|
|
1134
1134
|
modelLabel: e.modelLabel,
|
|
@@ -1143,7 +1143,7 @@ var Ne = {
|
|
|
1143
1143
|
completedLabel: E,
|
|
1144
1144
|
fieldLabelClassName: Te,
|
|
1145
1145
|
fieldValueClassName: B
|
|
1146
|
-
}),
|
|
1146
|
+
}), Fe = /* @__PURE__ */ H(it, {
|
|
1147
1147
|
instructionsLabel: e.instructionsLabel,
|
|
1148
1148
|
skillLabel: e.skillLabel,
|
|
1149
1149
|
skillDisplayNames: re,
|
|
@@ -1157,7 +1157,7 @@ var Ne = {
|
|
|
1157
1157
|
mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
|
|
1158
1158
|
},
|
|
1159
1159
|
fieldLabelClassName: Te
|
|
1160
|
-
}),
|
|
1160
|
+
}), q = (t) => /* @__PURE__ */ H(ut, {
|
|
1161
1161
|
variant: t,
|
|
1162
1162
|
labels: {
|
|
1163
1163
|
historyTitle: e.historyTitle,
|
|
@@ -1187,17 +1187,17 @@ var Ne = {
|
|
|
1187
1187
|
colors: I,
|
|
1188
1188
|
styles: xe
|
|
1189
1189
|
});
|
|
1190
|
-
return /* @__PURE__ */
|
|
1190
|
+
return /* @__PURE__ */ U("div", {
|
|
1191
1191
|
style: De,
|
|
1192
1192
|
className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, ve),
|
|
1193
1193
|
children: [
|
|
1194
|
-
/* @__PURE__ */
|
|
1194
|
+
/* @__PURE__ */ U("div", {
|
|
1195
1195
|
className: v("flex min-h-16 shrink-0 items-start justify-between gap-2 px-4 py-2 desktop:h-16 desktop:flex-nowrap desktop:items-center desktop:px-8 desktop:py-0", $.header),
|
|
1196
|
-
children: [/* @__PURE__ */
|
|
1196
|
+
children: [/* @__PURE__ */ U("div", {
|
|
1197
1197
|
className: "flex min-w-0 items-center gap-2",
|
|
1198
1198
|
children: [
|
|
1199
|
-
/* @__PURE__ */
|
|
1200
|
-
icon: be === void 0 ? /* @__PURE__ */
|
|
1199
|
+
/* @__PURE__ */ H(ae, {
|
|
1200
|
+
icon: be === void 0 ? /* @__PURE__ */ H(ye, {
|
|
1201
1201
|
size: O.LG,
|
|
1202
1202
|
className: "rtl:scale-x-[-1]",
|
|
1203
1203
|
"aria-hidden": !0,
|
|
@@ -1206,32 +1206,32 @@ var Ne = {
|
|
|
1206
1206
|
"aria-label": e.backAriaLabel,
|
|
1207
1207
|
onClick: t
|
|
1208
1208
|
}),
|
|
1209
|
-
/* @__PURE__ */
|
|
1209
|
+
/* @__PURE__ */ H("h1", {
|
|
1210
1210
|
className: v("truncate", $.desktopTitle, R),
|
|
1211
1211
|
children: g
|
|
1212
1212
|
}),
|
|
1213
|
-
l && /* @__PURE__ */
|
|
1213
|
+
l && /* @__PURE__ */ H("span", {
|
|
1214
1214
|
className: v("shrink-0", $.desktopBadge, B, $.subtitleText),
|
|
1215
1215
|
children: e.deletedStateLabel
|
|
1216
1216
|
})
|
|
1217
1217
|
]
|
|
1218
|
-
}), /* @__PURE__ */
|
|
1218
|
+
}), /* @__PURE__ */ U("div", {
|
|
1219
1219
|
className: v("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
|
|
1220
1220
|
children: [
|
|
1221
|
-
!l && !u && d !== void 0 && /* @__PURE__ */
|
|
1221
|
+
!l && !u && d !== void 0 && /* @__PURE__ */ U(Me, { children: [/* @__PURE__ */ H(he, {
|
|
1222
1222
|
id: "scheduled-task-active-switch",
|
|
1223
1223
|
labelProps: { label: e.activeStatusLabel },
|
|
1224
1224
|
isOn: d,
|
|
1225
1225
|
disabled: f || p || c,
|
|
1226
1226
|
onChange: (e) => h?.(e)
|
|
1227
|
-
}), p && m && /* @__PURE__ */
|
|
1227
|
+
}), p && m && /* @__PURE__ */ H("span", {
|
|
1228
1228
|
className: v(B, $.subtitleText),
|
|
1229
1229
|
children: m
|
|
1230
1230
|
})] }),
|
|
1231
|
-
!l && s && /* @__PURE__ */
|
|
1231
|
+
!l && s && /* @__PURE__ */ H(A, {
|
|
1232
1232
|
variant: w.Danger,
|
|
1233
1233
|
label: e.deleteButtonLabel,
|
|
1234
|
-
iconBefore: /* @__PURE__ */
|
|
1234
|
+
iconBefore: /* @__PURE__ */ H(we, {
|
|
1235
1235
|
size: O.SM,
|
|
1236
1236
|
"aria-hidden": !0,
|
|
1237
1237
|
stroke: k
|
|
@@ -1241,9 +1241,9 @@ var Ne = {
|
|
|
1241
1241
|
textClassName: $.actionLabel,
|
|
1242
1242
|
className: v("min-h-11 shrink-0", $.actionButton)
|
|
1243
1243
|
}),
|
|
1244
|
-
!l && n && /* @__PURE__ */
|
|
1244
|
+
!l && n && /* @__PURE__ */ H(ue, {
|
|
1245
1245
|
label: e.editButtonLabel,
|
|
1246
|
-
iconBefore: /* @__PURE__ */
|
|
1246
|
+
iconBefore: /* @__PURE__ */ H(Se, {
|
|
1247
1247
|
size: O.SM,
|
|
1248
1248
|
"aria-hidden": !0,
|
|
1249
1249
|
stroke: k
|
|
@@ -1253,23 +1253,23 @@ var Ne = {
|
|
|
1253
1253
|
textClassName: $.actionLabel,
|
|
1254
1254
|
className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
|
|
1255
1255
|
}),
|
|
1256
|
-
!l && r && e.startNowButtonLabel && /* @__PURE__ */
|
|
1256
|
+
!l && r && e.startNowButtonLabel && /* @__PURE__ */ U("div", {
|
|
1257
1257
|
"aria-busy": i,
|
|
1258
|
-
children: [
|
|
1259
|
-
id:
|
|
1258
|
+
children: [W && /* @__PURE__ */ H("span", {
|
|
1259
|
+
id: Ne,
|
|
1260
1260
|
className: "sr-only",
|
|
1261
|
-
children:
|
|
1262
|
-
}), /* @__PURE__ */
|
|
1261
|
+
children: W
|
|
1262
|
+
}), /* @__PURE__ */ H(ue, {
|
|
1263
1263
|
label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
|
|
1264
|
-
iconBefore: /* @__PURE__ */
|
|
1264
|
+
iconBefore: /* @__PURE__ */ H(z, {
|
|
1265
1265
|
size: O.SM,
|
|
1266
1266
|
"aria-hidden": !0,
|
|
1267
1267
|
stroke: k
|
|
1268
1268
|
}),
|
|
1269
1269
|
onClick: r,
|
|
1270
1270
|
disabled: c || i || a || o,
|
|
1271
|
-
"aria-describedby":
|
|
1272
|
-
tooltipProps:
|
|
1271
|
+
"aria-describedby": W ? Ne : void 0,
|
|
1272
|
+
tooltipProps: W ? { tooltip: W } : void 0,
|
|
1273
1273
|
textClassName: $.actionLabel,
|
|
1274
1274
|
className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
|
|
1275
1275
|
})]
|
|
@@ -1277,60 +1277,60 @@ var Ne = {
|
|
|
1277
1277
|
]
|
|
1278
1278
|
})]
|
|
1279
1279
|
}),
|
|
1280
|
-
/* @__PURE__ */
|
|
1280
|
+
/* @__PURE__ */ U("div", {
|
|
1281
1281
|
className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
|
|
1282
|
-
children: [/* @__PURE__ */
|
|
1282
|
+
children: [/* @__PURE__ */ H("h1", {
|
|
1283
1283
|
className: v("truncate", R),
|
|
1284
1284
|
children: g
|
|
1285
|
-
}), l && /* @__PURE__ */
|
|
1285
|
+
}), l && /* @__PURE__ */ H("span", {
|
|
1286
1286
|
className: v("shrink-0", B, $.subtitleText),
|
|
1287
1287
|
children: e.deletedStateLabel
|
|
1288
1288
|
})]
|
|
1289
1289
|
}),
|
|
1290
|
-
e.activeStatusAnnouncement != null && /* @__PURE__ */
|
|
1290
|
+
e.activeStatusAnnouncement != null && /* @__PURE__ */ H("span", {
|
|
1291
1291
|
role: "status",
|
|
1292
1292
|
"aria-live": "polite",
|
|
1293
1293
|
className: "sr-only",
|
|
1294
1294
|
children: e.activeStatusAnnouncement
|
|
1295
1295
|
}),
|
|
1296
|
-
e.startStatusAnnouncement != null && /* @__PURE__ */
|
|
1296
|
+
e.startStatusAnnouncement != null && /* @__PURE__ */ H("span", {
|
|
1297
1297
|
role: "status",
|
|
1298
1298
|
"aria-live": "polite",
|
|
1299
1299
|
className: "sr-only",
|
|
1300
1300
|
children: e.startStatusAnnouncement
|
|
1301
1301
|
}),
|
|
1302
|
-
y && /* @__PURE__ */
|
|
1302
|
+
y && /* @__PURE__ */ H("div", {
|
|
1303
1303
|
className: "flex flex-1 items-center justify-center",
|
|
1304
|
-
children: /* @__PURE__ */
|
|
1304
|
+
children: /* @__PURE__ */ H(me, {})
|
|
1305
1305
|
}),
|
|
1306
|
-
!y && x && /* @__PURE__ */
|
|
1306
|
+
!y && x && /* @__PURE__ */ U("div", {
|
|
1307
1307
|
className: "flex flex-1 flex-col items-center justify-center gap-3",
|
|
1308
|
-
children: [/* @__PURE__ */
|
|
1308
|
+
children: [/* @__PURE__ */ H("p", {
|
|
1309
1309
|
className: v(B, $.subtitleText),
|
|
1310
1310
|
children: e.errorLabel
|
|
1311
|
-
}), /* @__PURE__ */
|
|
1311
|
+
}), /* @__PURE__ */ H(A, {
|
|
1312
1312
|
label: e.retryLabel,
|
|
1313
1313
|
onClick: ee
|
|
1314
1314
|
})]
|
|
1315
1315
|
}),
|
|
1316
|
-
!y && !x && (ke ? /* @__PURE__ */
|
|
1316
|
+
!y && !x && (ke ? /* @__PURE__ */ U("div", {
|
|
1317
1317
|
className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
|
|
1318
|
-
children: [/* @__PURE__ */
|
|
1318
|
+
children: [/* @__PURE__ */ H("div", {
|
|
1319
1319
|
className: v("sticky top-0 z-10", $.stickyTabs),
|
|
1320
|
-
children: /* @__PURE__ */
|
|
1320
|
+
children: /* @__PURE__ */ H(ge, {
|
|
1321
1321
|
ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
|
|
1322
1322
|
className: "px-4",
|
|
1323
|
-
tabs:
|
|
1323
|
+
tabs: Pe,
|
|
1324
1324
|
activeTabId: V,
|
|
1325
|
-
onTabChange:
|
|
1325
|
+
onTabChange: Ae
|
|
1326
1326
|
})
|
|
1327
|
-
}), /* @__PURE__ */
|
|
1327
|
+
}), /* @__PURE__ */ H("div", {
|
|
1328
1328
|
role: "tabpanel",
|
|
1329
|
-
"aria-label":
|
|
1329
|
+
"aria-label": G,
|
|
1330
1330
|
className: "flex flex-1 flex-col gap-5 px-4 py-6",
|
|
1331
|
-
children: V ===
|
|
1331
|
+
children: V === tt.Configuration ? Fe : V === tt.History ? q(nt.Flow) : K
|
|
1332
1332
|
})]
|
|
1333
|
-
}) : /* @__PURE__ */
|
|
1333
|
+
}) : /* @__PURE__ */ U("div", {
|
|
1334
1334
|
style: {
|
|
1335
1335
|
flexDirection: "row",
|
|
1336
1336
|
"--st-details-width": F?.detailsWidth,
|
|
@@ -1340,7 +1340,7 @@ var Ne = {
|
|
|
1340
1340
|
},
|
|
1341
1341
|
className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
|
|
1342
1342
|
children: [
|
|
1343
|
-
/* @__PURE__ */
|
|
1343
|
+
/* @__PURE__ */ U("div", {
|
|
1344
1344
|
role: "group",
|
|
1345
1345
|
"aria-label": e.detailsTitle,
|
|
1346
1346
|
style: {
|
|
@@ -1348,29 +1348,29 @@ var Ne = {
|
|
|
1348
1348
|
maxWidth: "100%"
|
|
1349
1349
|
},
|
|
1350
1350
|
className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
|
|
1351
|
-
children: [/* @__PURE__ */
|
|
1351
|
+
children: [/* @__PURE__ */ H("h2", {
|
|
1352
1352
|
className: Ce,
|
|
1353
1353
|
children: e.detailsTitle
|
|
1354
|
-
}),
|
|
1354
|
+
}), K]
|
|
1355
1355
|
}),
|
|
1356
|
-
/* @__PURE__ */
|
|
1356
|
+
/* @__PURE__ */ U("div", {
|
|
1357
1357
|
style: {
|
|
1358
1358
|
flex: `1 1 ${F?.configurationMinWidth ?? "320px"}`,
|
|
1359
1359
|
minWidth: 0
|
|
1360
1360
|
},
|
|
1361
1361
|
className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
|
|
1362
|
-
children: [/* @__PURE__ */
|
|
1362
|
+
children: [/* @__PURE__ */ H("h2", {
|
|
1363
1363
|
className: Ce,
|
|
1364
1364
|
children: e.configurationTitle
|
|
1365
|
-
}),
|
|
1365
|
+
}), Fe]
|
|
1366
1366
|
}),
|
|
1367
|
-
/* @__PURE__ */
|
|
1367
|
+
/* @__PURE__ */ H("div", {
|
|
1368
1368
|
style: {
|
|
1369
1369
|
flex: `0 1 calc(${F?.historyWidth ?? "360px"} + 48px)`,
|
|
1370
1370
|
minWidth: 0
|
|
1371
1371
|
},
|
|
1372
1372
|
className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
|
|
1373
|
-
children:
|
|
1373
|
+
children: q(nt.Card)
|
|
1374
1374
|
})
|
|
1375
1375
|
]
|
|
1376
1376
|
}))
|
|
@@ -1393,38 +1393,38 @@ var Ne = {
|
|
|
1393
1393
|
mathBlock: "my-4"
|
|
1394
1394
|
}, pt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = ft, markdownLabels: c, styles: l }) => {
|
|
1395
1395
|
let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
|
|
1396
|
-
return /* @__PURE__ */
|
|
1396
|
+
return /* @__PURE__ */ U("div", {
|
|
1397
1397
|
className: "flex flex-col gap-3",
|
|
1398
1398
|
children: [
|
|
1399
|
-
i && /* @__PURE__ */
|
|
1399
|
+
i && /* @__PURE__ */ U("div", {
|
|
1400
1400
|
className: "flex flex-col gap-2",
|
|
1401
|
-
children: [/* @__PURE__ */
|
|
1401
|
+
children: [/* @__PURE__ */ H("span", {
|
|
1402
1402
|
className: u,
|
|
1403
1403
|
children: e
|
|
1404
|
-
}), /* @__PURE__ */
|
|
1404
|
+
}), /* @__PURE__ */ H("p", {
|
|
1405
1405
|
className: d,
|
|
1406
1406
|
children: i
|
|
1407
1407
|
})]
|
|
1408
1408
|
}),
|
|
1409
|
-
!!n?.length && /* @__PURE__ */
|
|
1409
|
+
!!n?.length && /* @__PURE__ */ U("div", {
|
|
1410
1410
|
className: "flex min-w-0 flex-col gap-2",
|
|
1411
|
-
children: [/* @__PURE__ */
|
|
1411
|
+
children: [/* @__PURE__ */ H("span", {
|
|
1412
1412
|
className: u,
|
|
1413
1413
|
children: t
|
|
1414
|
-
}), /* @__PURE__ */
|
|
1414
|
+
}), /* @__PURE__ */ H("p", {
|
|
1415
1415
|
className: v(d, "break-all whitespace-normal"),
|
|
1416
|
-
children: n?.map((e, t) => /* @__PURE__ */
|
|
1416
|
+
children: n?.map((e, t) => /* @__PURE__ */ H("span", {
|
|
1417
1417
|
className: "block",
|
|
1418
1418
|
children: e
|
|
1419
1419
|
}, `${t}:${e}`))
|
|
1420
1420
|
})]
|
|
1421
1421
|
}),
|
|
1422
|
-
a && /* @__PURE__ */
|
|
1422
|
+
a && /* @__PURE__ */ U("div", {
|
|
1423
1423
|
className: "flex flex-col gap-2",
|
|
1424
|
-
children: [/* @__PURE__ */
|
|
1424
|
+
children: [/* @__PURE__ */ H("span", {
|
|
1425
1425
|
className: u,
|
|
1426
1426
|
children: r
|
|
1427
|
-
}), ((e) => o ? o(e) : /* @__PURE__ */
|
|
1427
|
+
}), ((e) => o ? o(e) : /* @__PURE__ */ H(p, {
|
|
1428
1428
|
content: e,
|
|
1429
1429
|
classNames: s,
|
|
1430
1430
|
...c
|
|
@@ -1432,70 +1432,74 @@ var Ne = {
|
|
|
1432
1432
|
})
|
|
1433
1433
|
]
|
|
1434
1434
|
});
|
|
1435
|
-
}, mt = ({ className: e, children: t }) => /* @__PURE__ */
|
|
1435
|
+
}, mt = ({ className: e, children: t }) => /* @__PURE__ */ H("span", {
|
|
1436
1436
|
className: v(e, "block truncate py-1"),
|
|
1437
1437
|
children: t
|
|
1438
|
-
}), ht = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o,
|
|
1439
|
-
let [
|
|
1438
|
+
}), ht = ({ scheduleId: e, items: t, isLoading: n = !1, isLoadingMore: r = !1, skeletonCount: i = 6, error: a, onRetry: o, isUnavailable: s = !1, hasMore: c = !1, onLoadMore: l, currentRunId: u, onRunClick: d, labels: f, titleClassName: p = "dial-tiny-semi-text", contentClassName: m = "ps-3", unavailableTextClassName: h = "dial-body-text text-secondary" }) => {
|
|
1439
|
+
let [g, _] = je(!0);
|
|
1440
1440
|
De(() => {
|
|
1441
|
-
|
|
1441
|
+
_(!0);
|
|
1442
1442
|
}, [e]);
|
|
1443
|
-
let
|
|
1443
|
+
let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ H("li", {
|
|
1444
1444
|
className: "pt-2",
|
|
1445
|
-
children: /* @__PURE__ */
|
|
1445
|
+
children: /* @__PURE__ */ H(A, {
|
|
1446
1446
|
variant: w.Primary,
|
|
1447
|
-
label:
|
|
1448
|
-
onClick:
|
|
1447
|
+
label: f.showMoreLabel,
|
|
1448
|
+
onClick: l,
|
|
1449
1449
|
disabled: r
|
|
1450
1450
|
})
|
|
1451
1451
|
}) : void 0;
|
|
1452
|
-
return /* @__PURE__ */
|
|
1453
|
-
title: /* @__PURE__ */
|
|
1454
|
-
className:
|
|
1455
|
-
children:
|
|
1452
|
+
return /* @__PURE__ */ H(S, {
|
|
1453
|
+
title: /* @__PURE__ */ H(mt, {
|
|
1454
|
+
className: p,
|
|
1455
|
+
children: f.title
|
|
1456
1456
|
}),
|
|
1457
|
-
expanded:
|
|
1458
|
-
onToggle:
|
|
1459
|
-
contentClassName:
|
|
1460
|
-
children: /* @__PURE__ */
|
|
1457
|
+
expanded: g,
|
|
1458
|
+
onToggle: _,
|
|
1459
|
+
contentClassName: m,
|
|
1460
|
+
children: s ? /* @__PURE__ */ H("p", {
|
|
1461
|
+
role: "alert",
|
|
1462
|
+
className: h,
|
|
1463
|
+
children: f.unavailableLabel
|
|
1464
|
+
}) : /* @__PURE__ */ H(ct, {
|
|
1461
1465
|
items: t,
|
|
1462
1466
|
isLoading: n,
|
|
1463
1467
|
isLoadingMore: r,
|
|
1464
1468
|
skeletonCount: i,
|
|
1465
1469
|
error: a,
|
|
1466
1470
|
onRetry: o,
|
|
1467
|
-
currentRunId:
|
|
1468
|
-
onRunClick:
|
|
1469
|
-
footer:
|
|
1471
|
+
currentRunId: u,
|
|
1472
|
+
onRunClick: d,
|
|
1473
|
+
footer: v,
|
|
1470
1474
|
labels: {
|
|
1471
|
-
historyTitle:
|
|
1472
|
-
emptyLabel:
|
|
1473
|
-
errorLabel:
|
|
1474
|
-
retryLabel:
|
|
1475
|
-
runStatusLabels:
|
|
1476
|
-
currentRunLabel:
|
|
1477
|
-
unreadIndicatorLabel:
|
|
1475
|
+
historyTitle: f.title,
|
|
1476
|
+
emptyLabel: f.emptyLabel,
|
|
1477
|
+
errorLabel: f.errorLabel,
|
|
1478
|
+
retryLabel: f.retryLabel,
|
|
1479
|
+
runStatusLabels: f.runStatusLabels,
|
|
1480
|
+
currentRunLabel: f.currentRunLabel,
|
|
1481
|
+
unreadIndicatorLabel: f.unreadIndicatorLabel
|
|
1478
1482
|
}
|
|
1479
1483
|
})
|
|
1480
1484
|
});
|
|
1481
1485
|
}, gt = /* @__PURE__ */ function(e) {
|
|
1482
1486
|
return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
|
|
1483
1487
|
}({}), _t = ({ scheduleId: e, state: t, onRetry: n, modelDisplayName: r, skillDisplayNames: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s, markdownLabels: c, summaryStyles: l, labels: u, titleClassName: d = "dial-tiny-semi-text", unavailableTextClassName: f = "dial-body-text text-secondary" }) => {
|
|
1484
|
-
let [p, m] =
|
|
1488
|
+
let [p, m] = je(!1);
|
|
1485
1489
|
De(() => {
|
|
1486
1490
|
m(!1);
|
|
1487
1491
|
}, [e]);
|
|
1488
|
-
let h = t === "error" || t === "unavailable" ? /* @__PURE__ */
|
|
1492
|
+
let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ U("div", {
|
|
1489
1493
|
className: "flex flex-col items-start gap-2",
|
|
1490
|
-
children: [/* @__PURE__ */
|
|
1494
|
+
children: [/* @__PURE__ */ H("p", {
|
|
1491
1495
|
role: "alert",
|
|
1492
1496
|
className: f,
|
|
1493
1497
|
children: u.unavailableLabel
|
|
1494
|
-
}), t === "error" && n && /* @__PURE__ */
|
|
1498
|
+
}), t === "error" && n && /* @__PURE__ */ H(A, {
|
|
1495
1499
|
label: u.retryLabel,
|
|
1496
1500
|
onClick: n
|
|
1497
1501
|
})]
|
|
1498
|
-
}) : /* @__PURE__ */
|
|
1502
|
+
}) : /* @__PURE__ */ H(pt, {
|
|
1499
1503
|
modelLabel: u.modelLabel,
|
|
1500
1504
|
instructionsLabel: u.instructionsLabel,
|
|
1501
1505
|
skillLabel: u.skillLabel,
|
|
@@ -1507,8 +1511,8 @@ var Ne = {
|
|
|
1507
1511
|
markdownLabels: c,
|
|
1508
1512
|
styles: l
|
|
1509
1513
|
});
|
|
1510
|
-
return /* @__PURE__ */
|
|
1511
|
-
title: /* @__PURE__ */
|
|
1514
|
+
return /* @__PURE__ */ H(S, {
|
|
1515
|
+
title: /* @__PURE__ */ H(mt, {
|
|
1512
1516
|
className: d,
|
|
1513
1517
|
children: u.title
|
|
1514
1518
|
}),
|
|
@@ -1516,7 +1520,7 @@ var Ne = {
|
|
|
1516
1520
|
onToggle: m,
|
|
1517
1521
|
children: h
|
|
1518
1522
|
});
|
|
1519
|
-
}, vt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */
|
|
1523
|
+
}, vt = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ H(l, {
|
|
1520
1524
|
...s,
|
|
1521
1525
|
variant: ne.Danger,
|
|
1522
1526
|
popupClassName: o?.popupClassName,
|
|
@@ -1525,7 +1529,7 @@ var Ne = {
|
|
|
1525
1529
|
message: r,
|
|
1526
1530
|
isLoading: a,
|
|
1527
1531
|
loadingStatusLabel: i,
|
|
1528
|
-
identity: /* @__PURE__ */
|
|
1532
|
+
identity: /* @__PURE__ */ H(h, { children: /* @__PURE__ */ H(u, {
|
|
1529
1533
|
icon: t,
|
|
1530
1534
|
typeLabel: n,
|
|
1531
1535
|
name: e,
|
|
@@ -1533,4 +1537,4 @@ var Ne = {
|
|
|
1533
1537
|
}) })
|
|
1534
1538
|
});
|
|
1535
1539
|
//#endregion
|
|
1536
|
-
export { r as DESCRIPTION_MAX_LENGTH,
|
|
1540
|
+
export { r as DESCRIPTION_MAX_LENGTH, Pe as SCHEDULED_TASKS_CLASS, Re as ScheduledTaskCard, Ue as ScheduledTaskCardGrid, He as ScheduledTaskCardSkeleton, _t as ScheduledTaskConversationDetailsSection, gt as ScheduledTaskConversationDetailsState, ht as ScheduledTaskConversationHistorySection, et as ScheduledTaskCreateForm, vt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, pt as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, G as ScheduledTaskStatus, qe as ScheduledTasks, Je as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Xe as hasScheduledTaskFormChanges };
|