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