@epam/ai-dial-scheduled-tasks 1.3.0-dev.147 → 1.3.0-dev.152
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/components/ScheduledTaskBoundaryField/ScheduledTaskBoundaryField.d.ts.map +1 -1
- package/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.d.ts.map +1 -1
- package/components/ScheduledTaskRunAtField/ScheduledTaskRunAtField.d.ts +1 -1
- package/components/ScheduledTaskRunAtField/ScheduledTaskRunAtField.d.ts.map +1 -1
- package/index.js +458 -458
- package/models/scheduled-task-create-form-props.d.ts +1 -1
- package/models/scheduled-task-create-form-props.d.ts.map +1 -1
- package/package.json +3 -3
package/index.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, t as s, u as c } from "./calendar-value-CjtsOQpy.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 { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, FolderPath as
|
|
4
|
-
import { IconAlertTriangle as ge, IconArrowNarrowLeft as _e, IconArrowsSort as
|
|
5
|
-
import { Suspense as Ce, lazy as
|
|
6
|
-
import { Fragment as Ae, jsx as
|
|
3
|
+
import { Accordion as S, ButtonAppearance as C, ButtonDropdown as w, ButtonVariant as T, Calendar as E, CalendarMode as D, CardShell as O, ConfirmationPopupVariant as te, DIAL_ICON_SIZE as k, DIAL_KIT_ICON_STROKE as A, ElementSize as ne, ErrorText as j, FolderPath as M, GhostButton as N, GhostIconButton as re, Highlight as ie, Input as ae, Label as oe, MenuItemMark as P, NeutralButton as F, NumberInput as se, PrimaryButton as ce, Search as le, Select as ue, Skeleton as I, SkeletonVariant as L, Spinner as de, Switch as fe, Tabs as pe, Textarea as me, Tooltip as he } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { IconAlertTriangle as ge, IconArrowNarrowLeft as _e, IconArrowsSort as R, IconCheck as ve, IconCircleX as z, IconClipboardX as B, IconClockHour3 as ye, IconPencilMinus as V, IconPlayerPause as H, IconPlayerPlay as be, IconPlus as xe, IconTrashX as Se } from "@tabler/icons-react";
|
|
5
|
+
import { Suspense as Ce, lazy as we, useCallback as Te, useEffect as Ee, useId as De, useLayoutEffect as U, useMemo as Oe, useRef as W, useState as ke } from "react";
|
|
6
|
+
import { Fragment as Ae, jsx as G, jsxs as K } from "react/jsx-runtime";
|
|
7
7
|
import { BuilderFormContainer as je } from "@epam/ai-dial-builder-form";
|
|
8
|
-
import { LazyMarkdownEditor as
|
|
8
|
+
import { LazyMarkdownEditor as Me } 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
|
}, q = /* @__PURE__ */ function(e) {
|
|
15
15
|
return e.Scheduled = "scheduled", e.Paused = "paused", e.Completed = "completed", e;
|
|
16
|
-
}({}),
|
|
16
|
+
}({}), Pe = /* @__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 Pe.Active: return q.Scheduled;
|
|
21
|
+
case Pe.Paused: return q.Paused;
|
|
22
|
+
case Pe.Completed: return q.Completed;
|
|
23
23
|
}
|
|
24
24
|
return e.isCompleted ? q.Completed : e.isActive === !1 ? q.Paused : q.Scheduled;
|
|
25
25
|
}, J = {
|
|
@@ -29,7 +29,7 @@ var Me = {
|
|
|
29
29
|
pausedLabel: "_pausedLabel_1cwco_15",
|
|
30
30
|
completedPill: "_completedPill_1cwco_19",
|
|
31
31
|
completedLabel: "_completedLabel_1cwco_24"
|
|
32
|
-
},
|
|
32
|
+
}, Ie = {
|
|
33
33
|
[q.Scheduled]: {
|
|
34
34
|
pillClassName: "inline-block rounded-lg border px-2 py-1",
|
|
35
35
|
wrapperClassName: J.schedulePill,
|
|
@@ -39,7 +39,7 @@ var Me = {
|
|
|
39
39
|
pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
40
40
|
wrapperClassName: J.pausedPill,
|
|
41
41
|
labelClassName: J.pausedLabel,
|
|
42
|
-
renderIcon: () => /* @__PURE__ */
|
|
42
|
+
renderIcon: () => /* @__PURE__ */ G(H, {
|
|
43
43
|
size: k.SM,
|
|
44
44
|
"aria-hidden": !0,
|
|
45
45
|
stroke: A
|
|
@@ -49,15 +49,15 @@ var Me = {
|
|
|
49
49
|
pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
50
50
|
wrapperClassName: J.completedPill,
|
|
51
51
|
labelClassName: J.completedLabel,
|
|
52
|
-
renderIcon: () => /* @__PURE__ */
|
|
52
|
+
renderIcon: () => /* @__PURE__ */ G(ve, {
|
|
53
53
|
size: k.SM,
|
|
54
54
|
"aria-hidden": !0,
|
|
55
55
|
stroke: A
|
|
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__ */ K("span", {
|
|
61
61
|
className: v(i, n, a, o, r),
|
|
62
62
|
children: [s && s(), t]
|
|
63
63
|
});
|
|
@@ -69,8 +69,8 @@ var Me = {
|
|
|
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 =
|
|
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: w, textClassName: T } = {
|
|
74
74
|
[q.Scheduled]: {
|
|
75
75
|
text: e.scheduleLabel,
|
|
76
76
|
textClassName: h
|
|
@@ -107,39 +107,39 @@ var Me = {
|
|
|
107
107
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
|
|
108
108
|
}
|
|
109
109
|
} : {};
|
|
110
|
-
return /* @__PURE__ */
|
|
110
|
+
return /* @__PURE__ */ K(O, {
|
|
111
111
|
role: n ? "button" : "group",
|
|
112
112
|
"aria-label": e.displayName,
|
|
113
113
|
style: E,
|
|
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
|
...D,
|
|
116
116
|
children: [
|
|
117
|
-
/* @__PURE__ */
|
|
117
|
+
/* @__PURE__ */ K("div", {
|
|
118
118
|
className: "flex min-w-0 shrink-0 items-start gap-2 desktop:items-center",
|
|
119
|
-
children: [/* @__PURE__ */
|
|
119
|
+
children: [/* @__PURE__ */ G(ie, {
|
|
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__ */ G("span", {
|
|
125
125
|
className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
|
|
126
126
|
children: s
|
|
127
127
|
})]
|
|
128
128
|
}),
|
|
129
|
-
e.descriptionPreview && /* @__PURE__ */
|
|
129
|
+
e.descriptionPreview && /* @__PURE__ */ G("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__ */ K("div", {
|
|
134
134
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
135
|
-
children: [/* @__PURE__ */
|
|
135
|
+
children: [/* @__PURE__ */ G("div", {
|
|
136
136
|
className: "flex min-h-[28px] items-center",
|
|
137
|
-
children: /* @__PURE__ */
|
|
137
|
+
children: /* @__PURE__ */ G(Le, {
|
|
138
138
|
status: C,
|
|
139
139
|
text: w,
|
|
140
140
|
textClassName: T
|
|
141
141
|
})
|
|
142
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */
|
|
142
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ G(M, {
|
|
143
143
|
segments: e.locationSegments,
|
|
144
144
|
labelClassName: v(x, Y.locationLabel),
|
|
145
145
|
leafClassName: v(ee, Y.locationLeaf),
|
|
@@ -148,43 +148,43 @@ var Me = {
|
|
|
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 }) => {
|
|
156
156
|
let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
|
|
157
|
-
return /* @__PURE__ */
|
|
157
|
+
return /* @__PURE__ */ K(O, {
|
|
158
158
|
"aria-hidden": !0,
|
|
159
159
|
style: t,
|
|
160
|
-
className: v("h-[var(--st-card-height,232px)]",
|
|
160
|
+
className: v("h-[var(--st-card-height,232px)]", ze.card),
|
|
161
161
|
children: [
|
|
162
|
-
/* @__PURE__ */
|
|
163
|
-
variant:
|
|
162
|
+
/* @__PURE__ */ G(I, {
|
|
163
|
+
variant: L.Rectangular,
|
|
164
164
|
width: "60%",
|
|
165
165
|
height: "20px",
|
|
166
|
-
color:
|
|
166
|
+
color: Ve,
|
|
167
167
|
className: "shrink-0"
|
|
168
168
|
}),
|
|
169
|
-
/* @__PURE__ */
|
|
169
|
+
/* @__PURE__ */ G("div", {
|
|
170
170
|
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
171
|
-
children:
|
|
172
|
-
variant:
|
|
171
|
+
children: Be.map((e, t) => /* @__PURE__ */ G(I, {
|
|
172
|
+
variant: L.Rectangular,
|
|
173
173
|
width: e,
|
|
174
174
|
height: "16px",
|
|
175
|
-
color:
|
|
175
|
+
color: Ve
|
|
176
176
|
}, t))
|
|
177
177
|
}),
|
|
178
|
-
/* @__PURE__ */
|
|
179
|
-
variant:
|
|
178
|
+
/* @__PURE__ */ G(I, {
|
|
179
|
+
variant: L.Rectangular,
|
|
180
180
|
width: "110px",
|
|
181
181
|
height: "28px",
|
|
182
|
-
color:
|
|
182
|
+
color: Ve,
|
|
183
183
|
className: "shrink-0 rounded-lg"
|
|
184
184
|
})
|
|
185
185
|
]
|
|
186
186
|
});
|
|
187
|
-
},
|
|
187
|
+
}, Ue = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ K("div", {
|
|
188
188
|
style: {
|
|
189
189
|
"--st-grid-min-card-width": s?.minCardWidth,
|
|
190
190
|
"--st-grid-gap": s?.gap,
|
|
@@ -194,14 +194,14 @@ var Me = {
|
|
|
194
194
|
gap: "var(--st-grid-gap, 20px)",
|
|
195
195
|
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))"
|
|
196
196
|
},
|
|
197
|
-
className: v("mx-auto grid w-full min-w-0",
|
|
198
|
-
children: [e.map((e) => /* @__PURE__ */
|
|
197
|
+
className: v("mx-auto grid w-full min-w-0", Ne.cardGrid),
|
|
198
|
+
children: [e.map((e) => /* @__PURE__ */ G(Re, {
|
|
199
199
|
item: e,
|
|
200
200
|
searchQuery: t,
|
|
201
201
|
onCardClick: n,
|
|
202
202
|
labels: r,
|
|
203
203
|
styles: i
|
|
204
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */
|
|
204
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ G(He, { styles: o }, `skeleton-${t}`))]
|
|
205
205
|
}), X = {
|
|
206
206
|
container: "_container_3vz4t_2",
|
|
207
207
|
subtitle: "_subtitle_3vz4t_6",
|
|
@@ -209,47 +209,47 @@ var Me = {
|
|
|
209
209
|
sortButton: "_sortButton_3vz4t_19",
|
|
210
210
|
createButton: "_createButton_3vz4t_10",
|
|
211
211
|
sortControlHidden: "_sortControlHidden_3vz4t_49"
|
|
212
|
-
},
|
|
212
|
+
}, We = /* @__PURE__ */ G(ye, {
|
|
213
213
|
size: 48,
|
|
214
214
|
stroke: 1,
|
|
215
215
|
"aria-hidden": !0
|
|
216
|
-
}),
|
|
216
|
+
}), Ge = (e, t, n, r, i, a) => {
|
|
217
217
|
if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
|
|
218
|
-
},
|
|
218
|
+
}, Ke = (e) => {
|
|
219
219
|
if (!e || e === document.body) return null;
|
|
220
220
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
221
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
222
|
-
},
|
|
223
|
-
let { colors: O, typography: te } = y ?? {},
|
|
221
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ke(e.parentElement);
|
|
222
|
+
}, 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: E, onRetryLoadMore: D }) => {
|
|
223
|
+
let { colors: O, typography: te } = y ?? {}, j = te?.titleClassName ?? "dial-h1-text", M = te?.subtitleClassName ?? "dial-body-text", re = _({
|
|
224
224
|
"--st-bg": O?.background,
|
|
225
225
|
"--st-subtitle-text": O?.subtitleText,
|
|
226
226
|
"--st-sort-text": O?.sortButtonText
|
|
227
|
-
}),
|
|
227
|
+
}), ie = (e) => {
|
|
228
228
|
r(e ?? "");
|
|
229
|
-
}, [
|
|
230
|
-
|
|
231
|
-
}, []),
|
|
232
|
-
|
|
229
|
+
}, [ae, oe] = ke(!1), [F, se] = ke(!1), ue = W(null), I = Te(() => {
|
|
230
|
+
se(!0);
|
|
231
|
+
}, []), L = Te(() => {
|
|
232
|
+
se(!1);
|
|
233
233
|
}, []);
|
|
234
234
|
U(() => {
|
|
235
|
-
let e =
|
|
236
|
-
|
|
237
|
-
}, [
|
|
238
|
-
let
|
|
235
|
+
let e = ue.current;
|
|
236
|
+
F && ae && e != null && e.offsetParent == null && oe(!1);
|
|
237
|
+
}, [F, ae]);
|
|
238
|
+
let fe = e.sortOptions.find((e) => e.value === i)?.label ?? e.sortLabel, pe = Oe(() => e.sortOptions.map((e) => ({
|
|
239
239
|
key: e.value,
|
|
240
240
|
label: e.label,
|
|
241
|
-
mark:
|
|
241
|
+
mark: P.Check,
|
|
242
242
|
checked: e.value === i,
|
|
243
243
|
onClick: () => a(e.value)
|
|
244
244
|
})), [
|
|
245
245
|
e.sortOptions,
|
|
246
246
|
i,
|
|
247
247
|
a
|
|
248
|
-
]),
|
|
249
|
-
|
|
250
|
-
let e =
|
|
248
|
+
]), me = Ge(s, d, !!c, o.length, n.trim().length > 0, e), he = W(null);
|
|
249
|
+
Ee(() => {
|
|
250
|
+
let e = he.current;
|
|
251
251
|
if (!e || !p) return;
|
|
252
|
-
let t =
|
|
252
|
+
let t = Ke(e.parentElement);
|
|
253
253
|
if (!t) return;
|
|
254
254
|
let n = () => {
|
|
255
255
|
if (d || s || E || !u) return;
|
|
@@ -264,25 +264,25 @@ var Me = {
|
|
|
264
264
|
E,
|
|
265
265
|
p
|
|
266
266
|
]);
|
|
267
|
-
let
|
|
267
|
+
let ge = () => s ? /* @__PURE__ */ G(de, {}) : c ? /* @__PURE__ */ K("div", {
|
|
268
268
|
className: "flex flex-col items-center gap-3",
|
|
269
|
-
children: [/* @__PURE__ */
|
|
269
|
+
children: [/* @__PURE__ */ G("p", {
|
|
270
270
|
className: v(M, X.subtitle),
|
|
271
271
|
children: e.errorLabel
|
|
272
|
-
}), /* @__PURE__ */
|
|
272
|
+
}), /* @__PURE__ */ G(N, {
|
|
273
273
|
label: e.retryLabel,
|
|
274
274
|
onClick: l
|
|
275
275
|
})]
|
|
276
|
-
}) : o.length === 0 ? n.trim() ? /* @__PURE__ */
|
|
276
|
+
}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ G("p", {
|
|
277
277
|
className: v(M, X.subtitle),
|
|
278
278
|
children: e.noResultsLabel
|
|
279
|
-
}) : /* @__PURE__ */
|
|
279
|
+
}) : /* @__PURE__ */ G(m, {
|
|
280
280
|
label: e.emptyStateLabel,
|
|
281
|
-
icon:
|
|
282
|
-
}) : /* @__PURE__ */
|
|
281
|
+
icon: We
|
|
282
|
+
}) : /* @__PURE__ */ K("div", {
|
|
283
283
|
className: "flex w-full flex-col gap-6",
|
|
284
284
|
children: [
|
|
285
|
-
/* @__PURE__ */
|
|
285
|
+
/* @__PURE__ */ G(Ue, {
|
|
286
286
|
items: o,
|
|
287
287
|
searchQuery: n,
|
|
288
288
|
onCardClick: h,
|
|
@@ -292,44 +292,44 @@ var Me = {
|
|
|
292
292
|
cardStyles: S,
|
|
293
293
|
layout: ee
|
|
294
294
|
}),
|
|
295
|
-
E && /* @__PURE__ */
|
|
295
|
+
E && /* @__PURE__ */ K("div", {
|
|
296
296
|
role: "alert",
|
|
297
297
|
className: "flex items-center gap-3",
|
|
298
|
-
children: [/* @__PURE__ */
|
|
298
|
+
children: [/* @__PURE__ */ G("span", {
|
|
299
299
|
className: v(M, X.subtitle),
|
|
300
300
|
children: e.loadMoreErrorLabel ?? e.errorLabel
|
|
301
|
-
}), /* @__PURE__ */
|
|
301
|
+
}), /* @__PURE__ */ G(N, {
|
|
302
302
|
label: e.retryLabel,
|
|
303
303
|
onClick: D
|
|
304
304
|
})]
|
|
305
305
|
}),
|
|
306
|
-
/* @__PURE__ */
|
|
307
|
-
ref:
|
|
306
|
+
/* @__PURE__ */ G("div", {
|
|
307
|
+
ref: he,
|
|
308
308
|
"aria-hidden": !0,
|
|
309
309
|
className: "h-px w-full"
|
|
310
310
|
})
|
|
311
311
|
]
|
|
312
|
-
}),
|
|
313
|
-
return /* @__PURE__ */
|
|
314
|
-
style:
|
|
312
|
+
}), _e = s || !!c || o.length === 0;
|
|
313
|
+
return /* @__PURE__ */ K("div", {
|
|
314
|
+
style: re,
|
|
315
315
|
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),
|
|
316
316
|
children: [
|
|
317
|
-
/* @__PURE__ */
|
|
317
|
+
/* @__PURE__ */ K("div", {
|
|
318
318
|
className: "flex items-start justify-between gap-4",
|
|
319
|
-
children: [/* @__PURE__ */
|
|
319
|
+
children: [/* @__PURE__ */ K("div", {
|
|
320
320
|
className: "min-w-0 gap-2",
|
|
321
|
-
children: [/* @__PURE__ */
|
|
322
|
-
className: v("truncate",
|
|
321
|
+
children: [/* @__PURE__ */ G("h1", {
|
|
322
|
+
className: v("truncate", j),
|
|
323
323
|
children: e.title
|
|
324
|
-
}), /* @__PURE__ */
|
|
324
|
+
}), /* @__PURE__ */ G("p", {
|
|
325
325
|
className: v("mt-1", M, X.subtitle),
|
|
326
326
|
children: e.subtitle
|
|
327
327
|
})]
|
|
328
|
-
}), /* @__PURE__ */
|
|
328
|
+
}), /* @__PURE__ */ G(ce, {
|
|
329
329
|
label: e.createButtonLabel,
|
|
330
330
|
textClassName: X.createButtonLabel,
|
|
331
331
|
"aria-label": e.createButtonLabel,
|
|
332
|
-
iconBefore: /* @__PURE__ */
|
|
332
|
+
iconBefore: /* @__PURE__ */ G(xe, {
|
|
333
333
|
size: k.SM,
|
|
334
334
|
"aria-hidden": !0,
|
|
335
335
|
stroke: A
|
|
@@ -338,30 +338,30 @@ var Me = {
|
|
|
338
338
|
className: v("shrink-0", X.createButton)
|
|
339
339
|
})]
|
|
340
340
|
}),
|
|
341
|
-
/* @__PURE__ */
|
|
341
|
+
/* @__PURE__ */ K("div", {
|
|
342
342
|
className: "flex flex-wrap items-center gap-3",
|
|
343
|
-
children: [/* @__PURE__ */
|
|
343
|
+
children: [/* @__PURE__ */ G("div", {
|
|
344
344
|
role: "search",
|
|
345
345
|
className: "flex-1",
|
|
346
|
-
children: /* @__PURE__ */
|
|
346
|
+
children: /* @__PURE__ */ G(le, {
|
|
347
347
|
value: n,
|
|
348
|
-
onChange:
|
|
348
|
+
onChange: ie,
|
|
349
349
|
placeholder: e.searchPlaceholder,
|
|
350
350
|
clearLabel: e.clearSearchLabel,
|
|
351
351
|
"aria-label": e.searchAriaLabel,
|
|
352
352
|
size: ne.Large,
|
|
353
|
-
onFocus:
|
|
354
|
-
onBlur:
|
|
353
|
+
onFocus: I,
|
|
354
|
+
onBlur: L
|
|
355
355
|
})
|
|
356
|
-
}), e.sortOptions.length > 0 && /* @__PURE__ */
|
|
357
|
-
ref:
|
|
358
|
-
className: v(
|
|
359
|
-
children: /* @__PURE__ */
|
|
360
|
-
items:
|
|
361
|
-
label:
|
|
356
|
+
}), e.sortOptions.length > 0 && /* @__PURE__ */ G("div", {
|
|
357
|
+
ref: ue,
|
|
358
|
+
className: v(F && X.sortControlHidden),
|
|
359
|
+
children: /* @__PURE__ */ G(w, {
|
|
360
|
+
items: pe,
|
|
361
|
+
label: fe,
|
|
362
362
|
variant: T.Primary,
|
|
363
363
|
appearance: C.Ghost,
|
|
364
|
-
iconBefore: b === void 0 ? /* @__PURE__ */
|
|
364
|
+
iconBefore: b === void 0 ? /* @__PURE__ */ G(R, {
|
|
365
365
|
size: k.SM,
|
|
366
366
|
"aria-hidden": !0,
|
|
367
367
|
stroke: A
|
|
@@ -371,26 +371,26 @@ var Me = {
|
|
|
371
371
|
})]
|
|
372
372
|
}),
|
|
373
373
|
g,
|
|
374
|
-
/* @__PURE__ */
|
|
374
|
+
/* @__PURE__ */ G("span", {
|
|
375
375
|
role: "status",
|
|
376
376
|
"aria-live": "polite",
|
|
377
377
|
className: "sr-only",
|
|
378
|
-
children:
|
|
378
|
+
children: me
|
|
379
379
|
}),
|
|
380
|
-
/* @__PURE__ */
|
|
381
|
-
className: v("mx-auto flex size-full w-full min-w-0 flex-col",
|
|
382
|
-
children:
|
|
380
|
+
/* @__PURE__ */ G("div", {
|
|
381
|
+
className: v("mx-auto flex size-full w-full min-w-0 flex-col", _e && "items-center justify-center"),
|
|
382
|
+
children: ge()
|
|
383
383
|
})
|
|
384
384
|
]
|
|
385
385
|
});
|
|
386
|
-
},
|
|
386
|
+
}, Je = /* @__PURE__ */ function(e) {
|
|
387
387
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
388
|
-
}({}),
|
|
388
|
+
}({}), Ye = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Xe = (e, t) => {
|
|
389
389
|
let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
390
|
-
for (let r of n) if (
|
|
390
|
+
for (let r of n) if (Ye(e[r]) !== Ye(t[r])) return !0;
|
|
391
391
|
return !1;
|
|
392
|
-
},
|
|
393
|
-
let n =
|
|
392
|
+
}, Ze = (e, t, n) => t === r.Hourly == (n === r.Hourly) ? e : void 0, Qe = (e, t) => {
|
|
393
|
+
let n = De();
|
|
394
394
|
return U(() => {
|
|
395
395
|
let r = document.getElementById(e);
|
|
396
396
|
r && (t ? r.setAttribute("aria-describedby", n) : r.removeAttribute("aria-describedby"));
|
|
@@ -399,11 +399,11 @@ var Me = {
|
|
|
399
399
|
n,
|
|
400
400
|
e
|
|
401
401
|
]), n;
|
|
402
|
-
},
|
|
403
|
-
let p = (e) => c(r === D.DateTime ? n(e) : i(e)), m =
|
|
404
|
-
return /* @__PURE__ */
|
|
402
|
+
}, $e = { error: "_error_v2pfn_4" }, et = ({ id: t, mode: r, label: a, placeholder: o, value: s, onChange: c, minDate: l, error: u, errorClassName: d, disabled: f }) => {
|
|
403
|
+
let p = (e) => c(r === D.DateTime ? n(e) : i(e)), m = Qe(t, u);
|
|
404
|
+
return /* @__PURE__ */ K("div", {
|
|
405
405
|
className: "flex flex-1 flex-col gap-1",
|
|
406
|
-
children: [/* @__PURE__ */
|
|
406
|
+
children: [/* @__PURE__ */ G(E, {
|
|
407
407
|
id: t,
|
|
408
408
|
mode: r,
|
|
409
409
|
value: e(s),
|
|
@@ -413,18 +413,18 @@ var Me = {
|
|
|
413
413
|
placeholder: o,
|
|
414
414
|
invalid: !!u,
|
|
415
415
|
disabled: f
|
|
416
|
-
}), u && /* @__PURE__ */
|
|
416
|
+
}), u && /* @__PURE__ */ G(j, {
|
|
417
417
|
id: m,
|
|
418
418
|
role: "alert",
|
|
419
|
-
className: v(d,
|
|
420
|
-
|
|
419
|
+
className: v(d, $e.error),
|
|
420
|
+
text: u
|
|
421
421
|
})]
|
|
422
422
|
});
|
|
423
|
-
},
|
|
424
|
-
let l =
|
|
425
|
-
return /* @__PURE__ */
|
|
423
|
+
}, tt = { error: "_error_v2pfn_4" }, nt = ({ label: e, placeholder: r, value: i, onChange: a, disabled: o, error: s, errorClassName: c = "dial-tiny-text" }) => {
|
|
424
|
+
let l = W(/* @__PURE__ */ new Date()).current, u = (e) => a(n(e)), d = Qe("scheduled-task-run-at", s);
|
|
425
|
+
return /* @__PURE__ */ K("div", {
|
|
426
426
|
className: "flex flex-col gap-1",
|
|
427
|
-
children: [/* @__PURE__ */
|
|
427
|
+
children: [/* @__PURE__ */ G(E, {
|
|
428
428
|
id: "scheduled-task-run-at",
|
|
429
429
|
mode: D.DateTime,
|
|
430
430
|
value: t(i),
|
|
@@ -437,11 +437,11 @@ var Me = {
|
|
|
437
437
|
placeholder: r,
|
|
438
438
|
invalid: !!s,
|
|
439
439
|
disabled: o
|
|
440
|
-
}), s && /* @__PURE__ */
|
|
440
|
+
}), s && /* @__PURE__ */ G(j, {
|
|
441
441
|
id: d,
|
|
442
442
|
role: "alert",
|
|
443
|
-
className: v(c,
|
|
444
|
-
|
|
443
|
+
className: v(c, tt.error),
|
|
444
|
+
text: s
|
|
445
445
|
})]
|
|
446
446
|
});
|
|
447
447
|
}, Z = {
|
|
@@ -451,58 +451,58 @@ var Me = {
|
|
|
451
451
|
instructionsError: "_instructionsError_1253x_18",
|
|
452
452
|
refineFeedback: "_refineFeedback_1253x_22",
|
|
453
453
|
refineError: "_refineError_1253x_26"
|
|
454
|
-
},
|
|
455
|
-
let
|
|
456
|
-
if (
|
|
457
|
-
|
|
454
|
+
}, rt = we(async () => ({ default: (await Me()).MarkdownEditor })), it = ({ labels: e, values: t, initialValues: n, errors: i, modelSelector: c, modelLabelId: u, skillSelector: p, onFieldChange: m, onBack: h, onCancel: b, onSubmit: S, isSubmitting: C = !1, onRefineDescription: w, onRefineInstructions: T, markdownEditorTheme: O, backIcon: ne, className: M, styles: N }) => {
|
|
455
|
+
let re = De(), ie = De(), P = W(void 0), F = (e) => e ? async (t, n) => {
|
|
456
|
+
if (P.current && !P.current.aborted) throw new DOMException("Busy", "AbortError");
|
|
457
|
+
P.current = n;
|
|
458
458
|
try {
|
|
459
459
|
return await e(t, n);
|
|
460
460
|
} finally {
|
|
461
|
-
|
|
461
|
+
P.current === n && (P.current = void 0);
|
|
462
462
|
}
|
|
463
|
-
} : void 0,
|
|
463
|
+
} : void 0, ce = x({
|
|
464
464
|
value: t.description ?? "",
|
|
465
465
|
onChange: (e) => m("description", e),
|
|
466
|
-
onRefine:
|
|
466
|
+
onRefine: F(w),
|
|
467
467
|
disabled: C
|
|
468
|
-
}),
|
|
468
|
+
}), le = x({
|
|
469
469
|
value: t.prompt,
|
|
470
470
|
onChange: (e) => m("prompt", e),
|
|
471
|
-
onRefine:
|
|
471
|
+
onRefine: F(T),
|
|
472
472
|
disabled: C
|
|
473
|
-
}),
|
|
474
|
-
|
|
475
|
-
},
|
|
476
|
-
|
|
477
|
-
}), ge = () =>
|
|
478
|
-
|
|
479
|
-
}),
|
|
480
|
-
"--stcf-details-border":
|
|
481
|
-
"--stcf-subtitle-text":
|
|
482
|
-
"--stcf-error-text":
|
|
483
|
-
"--stcf-refine-action-text":
|
|
484
|
-
"--stcf-refine-error-text":
|
|
485
|
-
}),
|
|
486
|
-
feedbackClassName: v(
|
|
473
|
+
}), I = ce.isPending || le.isPending, L = () => {
|
|
474
|
+
ce.reset(), le.reset();
|
|
475
|
+
}, fe = !!(n && Xe(t, n)), pe = ee(fe), he = () => pe.guard(() => {
|
|
476
|
+
L(), h();
|
|
477
|
+
}), ge = () => pe.guard(() => {
|
|
478
|
+
L(), b();
|
|
479
|
+
}), R = y(), ve = !t.skillUrls?.length, [z, B] = ke(), ye = W(/* @__PURE__ */ new Date()).current, { colors: V, typography: H, layout: be } = N ?? {}, xe = H?.titleClassName ?? "dial-h1-text", Se = H?.sectionTitleClassName ?? "dial-body-semi-text", we = H?.sectionSubtitleClassName ?? "dial-tiny-text", Te = H?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", U = H?.instructionsErrorClassName ?? "dial-tiny-text", Oe = _({
|
|
480
|
+
"--stcf-details-border": V?.detailsColumnBorder,
|
|
481
|
+
"--stcf-subtitle-text": V?.sectionSubtitleText,
|
|
482
|
+
"--stcf-error-text": V?.instructionsErrorText,
|
|
483
|
+
"--stcf-refine-action-text": V?.refineActionText,
|
|
484
|
+
"--stcf-refine-error-text": V?.refineErrorText
|
|
485
|
+
}), Me = {
|
|
486
|
+
feedbackClassName: v(V?.refineActionText && Z.refineFeedback, H?.refineFeedbackClassName, Ne.refineFeedback),
|
|
487
487
|
errorClassName: Z.refineError
|
|
488
488
|
}, q = (t) => {
|
|
489
489
|
let n = s.test(t.target.value) ? void 0 : e.timeInvalidLabel;
|
|
490
|
-
|
|
491
|
-
}, Ne = (e) => {
|
|
492
|
-
R(void 0), m("time", typeof e == "string" ? e : "");
|
|
490
|
+
B(n), m("time", t.target.value);
|
|
493
491
|
}, Pe = (e) => {
|
|
492
|
+
B(void 0), m("time", typeof e == "string" ? e : "");
|
|
493
|
+
}, Fe = (e) => {
|
|
494
494
|
let n = e;
|
|
495
495
|
m("repeat", n);
|
|
496
|
-
let r =
|
|
496
|
+
let r = Ze(t.startDate, t.repeat, n);
|
|
497
497
|
r !== t.startDate && m("startDate", r ?? "");
|
|
498
|
-
let i =
|
|
498
|
+
let i = Ze(t.endDate, t.repeat, n);
|
|
499
499
|
i !== t.endDate && m("endDate", i ?? "");
|
|
500
|
-
}, J = t.repeat !== r.OneTime && t.repeat !== r.Hourly,
|
|
501
|
-
|
|
502
|
-
J ||
|
|
500
|
+
}, J = t.repeat !== r.OneTime && t.repeat !== r.Hourly, Ie = t.repeat === r.Hourly, Le = Ie ? D.DateTime : D.Date, Y = Ie ? e.startDateAndTimeLabel : e.startDateLabel, Re = Ie ? e.endDateAndTimeLabel : e.endDateLabel;
|
|
501
|
+
Ee(() => {
|
|
502
|
+
J || B(void 0);
|
|
503
503
|
}, [J]);
|
|
504
|
-
let
|
|
505
|
-
return /* @__PURE__ */
|
|
504
|
+
let ze = J ? z ?? i.time : void 0, Be = (e) => m("runAt", e), Ve = C || I || !t.displayName.trim() || !t.modelId || !t.prompt.trim() && !t.skillUrls?.length || !!i.skillUrls || t.repeat === r.OneTime && (!t.runAt || !!i.runAt) || J && !t.time || !!ze;
|
|
505
|
+
return /* @__PURE__ */ K(Ae, { children: [/* @__PURE__ */ G(je, {
|
|
506
506
|
labels: {
|
|
507
507
|
title: e.pageTitle,
|
|
508
508
|
backButtonLabel: e.backButtonLabel,
|
|
@@ -513,12 +513,12 @@ var Me = {
|
|
|
513
513
|
onBack: he,
|
|
514
514
|
onCancel: ge,
|
|
515
515
|
onSubmit: () => {
|
|
516
|
-
!
|
|
516
|
+
!Ve && (!P.current || P.current.aborted) && S();
|
|
517
517
|
},
|
|
518
518
|
isCancelDisabled: C,
|
|
519
|
-
isSubmitDisabled:
|
|
519
|
+
isSubmitDisabled: Ve,
|
|
520
520
|
isSubmitting: C,
|
|
521
|
-
backIcon: ne === void 0 ? /* @__PURE__ */
|
|
521
|
+
backIcon: ne === void 0 ? /* @__PURE__ */ G(_e, {
|
|
522
522
|
size: k.LG,
|
|
523
523
|
stroke: A,
|
|
524
524
|
"aria-hidden": !0,
|
|
@@ -529,31 +529,31 @@ var Me = {
|
|
|
529
529
|
columnGap: be?.columnGap,
|
|
530
530
|
reserveEndColumn: !1
|
|
531
531
|
},
|
|
532
|
-
className:
|
|
532
|
+
className: M,
|
|
533
533
|
styles: {
|
|
534
|
-
colors: { background:
|
|
534
|
+
colors: { background: V?.background },
|
|
535
535
|
header: {
|
|
536
|
-
colors: { borderColor:
|
|
536
|
+
colors: { borderColor: V?.headerBorder },
|
|
537
537
|
typography: { fontClassName: xe }
|
|
538
538
|
},
|
|
539
|
-
cssVars:
|
|
539
|
+
cssVars: Oe
|
|
540
540
|
},
|
|
541
|
-
left: /* @__PURE__ */
|
|
541
|
+
left: /* @__PURE__ */ K("div", {
|
|
542
542
|
role: "group",
|
|
543
543
|
"aria-label": e.detailsSectionTitle,
|
|
544
544
|
className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", Z.detailsColumn, Z.formColumn),
|
|
545
545
|
children: [
|
|
546
|
-
/* @__PURE__ */
|
|
546
|
+
/* @__PURE__ */ K("div", {
|
|
547
547
|
className: "flex flex-col gap-1",
|
|
548
|
-
children: [/* @__PURE__ */
|
|
548
|
+
children: [/* @__PURE__ */ G("h2", {
|
|
549
549
|
className: Se,
|
|
550
550
|
children: e.detailsSectionTitle
|
|
551
|
-
}), /* @__PURE__ */
|
|
552
|
-
className: v(
|
|
551
|
+
}), /* @__PURE__ */ G("p", {
|
|
552
|
+
className: v(we, Z.sectionSubtitle),
|
|
553
553
|
children: e.detailsSectionSubtitle
|
|
554
554
|
})]
|
|
555
555
|
}),
|
|
556
|
-
/* @__PURE__ */
|
|
556
|
+
/* @__PURE__ */ G(ae, {
|
|
557
557
|
id: "scheduled-task-display-name",
|
|
558
558
|
value: t.displayName,
|
|
559
559
|
onChange: (e) => m("displayName", e ?? ""),
|
|
@@ -564,20 +564,20 @@ var Me = {
|
|
|
564
564
|
invalid: !!i.displayName,
|
|
565
565
|
error: i.displayName
|
|
566
566
|
}),
|
|
567
|
-
/* @__PURE__ */
|
|
567
|
+
/* @__PURE__ */ G(g, {
|
|
568
568
|
isEnabled: !!w,
|
|
569
|
-
fieldId:
|
|
569
|
+
fieldId: re,
|
|
570
570
|
label: e.descriptionLabel,
|
|
571
571
|
labels: e,
|
|
572
|
-
refinement:
|
|
573
|
-
disabled: C ||
|
|
572
|
+
refinement: ce,
|
|
573
|
+
disabled: C || I,
|
|
574
574
|
caption: `${(t.description ?? "").length}/500`,
|
|
575
|
-
...
|
|
576
|
-
children: /* @__PURE__ */
|
|
577
|
-
id:
|
|
575
|
+
...Me,
|
|
576
|
+
children: /* @__PURE__ */ G(me, {
|
|
577
|
+
id: re,
|
|
578
578
|
value: t.description ?? "",
|
|
579
579
|
onChange: (e) => {
|
|
580
|
-
|
|
580
|
+
ce.reset(), m("description", e);
|
|
581
581
|
},
|
|
582
582
|
labelProps: w ? void 0 : { label: e.descriptionLabel },
|
|
583
583
|
maxLength: 500,
|
|
@@ -585,46 +585,46 @@ var Me = {
|
|
|
585
585
|
error: i.description
|
|
586
586
|
})
|
|
587
587
|
}),
|
|
588
|
-
/* @__PURE__ */
|
|
588
|
+
/* @__PURE__ */ K("div", {
|
|
589
589
|
className: "flex flex-col gap-1",
|
|
590
590
|
children: [
|
|
591
|
-
/* @__PURE__ */
|
|
591
|
+
/* @__PURE__ */ G(oe, {
|
|
592
592
|
id: u,
|
|
593
593
|
label: e.modelOrAgentLabel,
|
|
594
594
|
required: !0
|
|
595
595
|
}),
|
|
596
596
|
c,
|
|
597
|
-
i.modelId && /* @__PURE__ */
|
|
597
|
+
i.modelId && /* @__PURE__ */ G(j, {
|
|
598
598
|
className: v(U, Z.instructionsError),
|
|
599
|
-
|
|
599
|
+
text: i.modelId
|
|
600
600
|
})
|
|
601
601
|
]
|
|
602
602
|
}),
|
|
603
|
-
/* @__PURE__ */
|
|
603
|
+
/* @__PURE__ */ K("div", {
|
|
604
604
|
className: "flex flex-col gap-3",
|
|
605
605
|
children: [
|
|
606
|
-
/* @__PURE__ */
|
|
606
|
+
/* @__PURE__ */ G(ue, {
|
|
607
607
|
labelProps: { label: e.repeatLabel },
|
|
608
608
|
value: t.repeat,
|
|
609
|
-
onChange:
|
|
609
|
+
onChange: Fe,
|
|
610
610
|
options: e.repeatOptions.map((e) => ({
|
|
611
611
|
value: e.key,
|
|
612
612
|
label: e.label
|
|
613
613
|
}))
|
|
614
614
|
}),
|
|
615
|
-
t.repeat === r.OneTime && /* @__PURE__ */
|
|
615
|
+
t.repeat === r.OneTime && /* @__PURE__ */ G(nt, {
|
|
616
616
|
label: e.runAtLabel,
|
|
617
617
|
placeholder: e.runAtPlaceholder,
|
|
618
618
|
value: t.runAt ?? "",
|
|
619
|
-
onChange:
|
|
619
|
+
onChange: Be,
|
|
620
620
|
error: i.runAt,
|
|
621
621
|
errorClassName: U,
|
|
622
622
|
disabled: C
|
|
623
623
|
}),
|
|
624
|
-
t.repeat !== r.OneTime && /* @__PURE__ */
|
|
625
|
-
t.repeat === r.Weekly && /* @__PURE__ */
|
|
624
|
+
t.repeat !== r.OneTime && /* @__PURE__ */ K(Ae, { children: [
|
|
625
|
+
t.repeat === r.Weekly && /* @__PURE__ */ K("div", {
|
|
626
626
|
className: "flex flex-col gap-1",
|
|
627
|
-
children: [/* @__PURE__ */
|
|
627
|
+
children: [/* @__PURE__ */ G(E, {
|
|
628
628
|
id: "scheduled-task-day-of-week",
|
|
629
629
|
mode: D.Weekday,
|
|
630
630
|
value: a(t.dayOfWeek),
|
|
@@ -634,32 +634,32 @@ var Me = {
|
|
|
634
634
|
required: !0
|
|
635
635
|
},
|
|
636
636
|
invalid: !!i.dayOfWeek
|
|
637
|
-
}), i.dayOfWeek && /* @__PURE__ */
|
|
637
|
+
}), i.dayOfWeek && /* @__PURE__ */ G(j, {
|
|
638
638
|
className: v(U, Z.instructionsError),
|
|
639
|
-
|
|
639
|
+
text: i.dayOfWeek
|
|
640
640
|
})]
|
|
641
641
|
}),
|
|
642
|
-
J && /* @__PURE__ */
|
|
642
|
+
J && /* @__PURE__ */ K("div", {
|
|
643
643
|
className: "flex flex-col gap-1",
|
|
644
|
-
children: [/* @__PURE__ */
|
|
644
|
+
children: [/* @__PURE__ */ G(E, {
|
|
645
645
|
id: "scheduled-task-time",
|
|
646
646
|
mode: D.Time,
|
|
647
647
|
value: t.time,
|
|
648
|
-
onChange:
|
|
648
|
+
onChange: Pe,
|
|
649
649
|
onBlur: q,
|
|
650
650
|
labelProps: {
|
|
651
651
|
label: e.timeLabel,
|
|
652
652
|
required: !0
|
|
653
653
|
},
|
|
654
|
-
invalid: !!
|
|
654
|
+
invalid: !!ze,
|
|
655
655
|
disabled: C,
|
|
656
656
|
showTimezone: !0
|
|
657
|
-
}),
|
|
657
|
+
}), ze && /* @__PURE__ */ G(j, {
|
|
658
658
|
className: v(U, Z.instructionsError),
|
|
659
|
-
|
|
659
|
+
text: ze
|
|
660
660
|
})]
|
|
661
661
|
}),
|
|
662
|
-
t.repeat === r.Monthly && /* @__PURE__ */
|
|
662
|
+
t.repeat === r.Monthly && /* @__PURE__ */ G(se, {
|
|
663
663
|
id: "scheduled-task-day-of-month",
|
|
664
664
|
integer: !0,
|
|
665
665
|
min: 1,
|
|
@@ -673,7 +673,7 @@ var Me = {
|
|
|
673
673
|
invalid: !!i.dayOfMonth,
|
|
674
674
|
error: i.dayOfMonth
|
|
675
675
|
}),
|
|
676
|
-
t.repeat === r.Hourly && /* @__PURE__ */
|
|
676
|
+
t.repeat === r.Hourly && /* @__PURE__ */ G(se, {
|
|
677
677
|
id: "scheduled-task-minute",
|
|
678
678
|
integer: !0,
|
|
679
679
|
min: 0,
|
|
@@ -688,27 +688,27 @@ var Me = {
|
|
|
688
688
|
invalid: !!i.minute,
|
|
689
689
|
error: i.minute
|
|
690
690
|
}),
|
|
691
|
-
/* @__PURE__ */
|
|
692
|
-
className: v("gap-3",
|
|
693
|
-
children: [/* @__PURE__ */
|
|
691
|
+
/* @__PURE__ */ K("div", {
|
|
692
|
+
className: v("gap-3", Ie ? "flex flex-col" : "flex flex-row"),
|
|
693
|
+
children: [/* @__PURE__ */ G(et, {
|
|
694
694
|
id: "scheduled-task-start-date",
|
|
695
|
-
mode:
|
|
695
|
+
mode: Le,
|
|
696
696
|
label: Y,
|
|
697
697
|
placeholder: e.startDatePlaceholder,
|
|
698
698
|
value: t.startDate,
|
|
699
699
|
onChange: (e) => m("startDate", e),
|
|
700
|
-
minDate:
|
|
700
|
+
minDate: ye,
|
|
701
701
|
error: i.startDate,
|
|
702
702
|
errorClassName: U,
|
|
703
703
|
disabled: C
|
|
704
|
-
}), /* @__PURE__ */
|
|
704
|
+
}), /* @__PURE__ */ G(et, {
|
|
705
705
|
id: "scheduled-task-end-date",
|
|
706
|
-
mode:
|
|
707
|
-
label:
|
|
706
|
+
mode: Le,
|
|
707
|
+
label: Re,
|
|
708
708
|
placeholder: e.endDatePlaceholder,
|
|
709
709
|
value: t.endDate,
|
|
710
710
|
onChange: (e) => m("endDate", e),
|
|
711
|
-
minDate:
|
|
711
|
+
minDate: ye,
|
|
712
712
|
error: i.endDate,
|
|
713
713
|
errorClassName: U,
|
|
714
714
|
disabled: C
|
|
@@ -719,59 +719,59 @@ var Me = {
|
|
|
719
719
|
})
|
|
720
720
|
]
|
|
721
721
|
}),
|
|
722
|
-
children: /* @__PURE__ */
|
|
722
|
+
children: /* @__PURE__ */ K("div", {
|
|
723
723
|
role: "group",
|
|
724
724
|
"aria-label": e.configurationSectionTitle,
|
|
725
725
|
className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
|
|
726
726
|
children: [
|
|
727
|
-
/* @__PURE__ */
|
|
727
|
+
/* @__PURE__ */ G("div", {
|
|
728
728
|
className: "flex flex-col gap-1",
|
|
729
|
-
children: /* @__PURE__ */
|
|
729
|
+
children: /* @__PURE__ */ G("h2", {
|
|
730
730
|
className: Se,
|
|
731
731
|
children: e.configurationSectionTitle
|
|
732
732
|
})
|
|
733
733
|
}),
|
|
734
|
-
p == null ? i.skillUrls && /* @__PURE__ */
|
|
734
|
+
p == null ? i.skillUrls && /* @__PURE__ */ G("div", {
|
|
735
735
|
"aria-live": "polite",
|
|
736
|
-
children: /* @__PURE__ */
|
|
736
|
+
children: /* @__PURE__ */ G(j, {
|
|
737
737
|
className: v(U, Z.instructionsError),
|
|
738
|
-
|
|
738
|
+
text: i.skillUrls
|
|
739
739
|
})
|
|
740
|
-
}) : /* @__PURE__ */
|
|
740
|
+
}) : /* @__PURE__ */ G("div", {
|
|
741
741
|
className: "w-full max-w-[996px] min-w-0",
|
|
742
742
|
children: p
|
|
743
743
|
}),
|
|
744
|
-
/* @__PURE__ */
|
|
744
|
+
/* @__PURE__ */ G("div", {
|
|
745
745
|
className: "flex w-full max-w-[996px] min-w-0 flex-col",
|
|
746
|
-
children: /* @__PURE__ */
|
|
746
|
+
children: /* @__PURE__ */ G(g, {
|
|
747
747
|
isEnabled: !!T,
|
|
748
748
|
fieldId: ie,
|
|
749
|
-
labelClassName:
|
|
749
|
+
labelClassName: Te,
|
|
750
750
|
label: e.instructionsLabel,
|
|
751
|
-
required:
|
|
751
|
+
required: ve,
|
|
752
752
|
labels: e,
|
|
753
|
-
refinement:
|
|
754
|
-
disabled: C ||
|
|
755
|
-
...
|
|
756
|
-
children: /* @__PURE__ */
|
|
753
|
+
refinement: le,
|
|
754
|
+
disabled: C || I,
|
|
755
|
+
...Me,
|
|
756
|
+
children: /* @__PURE__ */ K("div", {
|
|
757
757
|
className: "flex flex-1 flex-col gap-1",
|
|
758
758
|
children: [
|
|
759
|
-
!T && /* @__PURE__ */
|
|
759
|
+
!T && /* @__PURE__ */ G(oe, {
|
|
760
760
|
htmlFor: ie,
|
|
761
|
-
className:
|
|
761
|
+
className: Te,
|
|
762
762
|
label: e.instructionsLabel,
|
|
763
|
-
required:
|
|
763
|
+
required: ve
|
|
764
764
|
}),
|
|
765
|
-
/* @__PURE__ */
|
|
766
|
-
ref:
|
|
765
|
+
/* @__PURE__ */ G("div", {
|
|
766
|
+
ref: R,
|
|
767
767
|
className: v("w-full", d, f),
|
|
768
|
-
children: /* @__PURE__ */
|
|
769
|
-
fallback: /* @__PURE__ */
|
|
770
|
-
children: /* @__PURE__ */
|
|
768
|
+
children: /* @__PURE__ */ G(Ce, {
|
|
769
|
+
fallback: /* @__PURE__ */ G(de, {}),
|
|
770
|
+
children: /* @__PURE__ */ G(rt, {
|
|
771
771
|
id: ie,
|
|
772
772
|
value: t.prompt,
|
|
773
773
|
onChange: (e) => {
|
|
774
|
-
|
|
774
|
+
le.reset(), m("prompt", e);
|
|
775
775
|
},
|
|
776
776
|
height: 480,
|
|
777
777
|
theme: O,
|
|
@@ -779,9 +779,9 @@ var Me = {
|
|
|
779
779
|
})
|
|
780
780
|
})
|
|
781
781
|
}),
|
|
782
|
-
i.prompt && /* @__PURE__ */
|
|
782
|
+
i.prompt && /* @__PURE__ */ G(j, {
|
|
783
783
|
className: v(U, Z.instructionsError),
|
|
784
|
-
|
|
784
|
+
text: i.prompt
|
|
785
785
|
})
|
|
786
786
|
]
|
|
787
787
|
})
|
|
@@ -789,100 +789,100 @@ var Me = {
|
|
|
789
789
|
})
|
|
790
790
|
]
|
|
791
791
|
})
|
|
792
|
-
}),
|
|
792
|
+
}), pe.isConfirmOpen && /* @__PURE__ */ G(l, {
|
|
793
793
|
open: !0,
|
|
794
794
|
title: e.discardTitle ?? "Discard unsaved changes?",
|
|
795
795
|
message: e.discardMessage ?? "You have unsaved changes. Leaving now will discard them.",
|
|
796
796
|
confirmLabel: e.discardConfirmLabel ?? "Discard changes",
|
|
797
797
|
cancelLabel: e.discardCancelLabel ?? "Keep editing",
|
|
798
798
|
variant: te.Danger,
|
|
799
|
-
onConfirm:
|
|
800
|
-
onClose:
|
|
799
|
+
onConfirm: pe.confirm,
|
|
800
|
+
onClose: pe.dismiss
|
|
801
801
|
})] });
|
|
802
|
-
},
|
|
802
|
+
}, at = /* @__PURE__ */ function(e) {
|
|
803
803
|
return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
|
|
804
|
-
}({}),
|
|
804
|
+
}({}), ot = /* @__PURE__ */ function(e) {
|
|
805
805
|
return e.Card = "card", e.Flow = "flow", e;
|
|
806
|
-
}({}),
|
|
806
|
+
}({}), st = { subtitleText: "_subtitleText_1i4x2_3" }, ct = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ K("div", {
|
|
807
807
|
className: "flex min-w-0 flex-col gap-5",
|
|
808
|
-
children: [!!t?.length && /* @__PURE__ */
|
|
808
|
+
children: [!!t?.length && /* @__PURE__ */ K("div", {
|
|
809
809
|
role: "group",
|
|
810
810
|
"aria-label": e,
|
|
811
811
|
className: "flex min-w-0 flex-col gap-1",
|
|
812
|
-
children: [/* @__PURE__ */
|
|
813
|
-
className: v(o,
|
|
812
|
+
children: [/* @__PURE__ */ G("span", {
|
|
813
|
+
className: v(o, st.subtitleText),
|
|
814
814
|
children: e
|
|
815
|
-
}), /* @__PURE__ */
|
|
815
|
+
}), /* @__PURE__ */ G("p", {
|
|
816
816
|
className: "break-all whitespace-normal",
|
|
817
|
-
children: t?.map((e, t) => /* @__PURE__ */
|
|
817
|
+
children: t?.map((e, t) => /* @__PURE__ */ G("span", {
|
|
818
818
|
className: "block",
|
|
819
819
|
children: e
|
|
820
820
|
}, `${t}:${e}`))
|
|
821
821
|
})]
|
|
822
|
-
}), r && /* @__PURE__ */
|
|
822
|
+
}), r && /* @__PURE__ */ K("div", {
|
|
823
823
|
role: "group",
|
|
824
824
|
"aria-label": n,
|
|
825
825
|
className: "flex min-w-0 flex-col gap-1",
|
|
826
|
-
children: [/* @__PURE__ */
|
|
827
|
-
className: v(o,
|
|
826
|
+
children: [/* @__PURE__ */ G("span", {
|
|
827
|
+
className: v(o, st.subtitleText),
|
|
828
828
|
children: n
|
|
829
|
-
}), i ? i(r) : /* @__PURE__ */
|
|
829
|
+
}), i ? i(r) : /* @__PURE__ */ G(p, {
|
|
830
830
|
content: r,
|
|
831
831
|
...a
|
|
832
832
|
})]
|
|
833
833
|
})]
|
|
834
|
-
}),
|
|
835
|
-
t && /* @__PURE__ */
|
|
834
|
+
}), lt = { subtitleText: "_subtitleText_1i4x2_3" }, ut = ({ labels: e, description: t, modelLabel: n, repeatsLabel: r, activeWindowLabel: i, completedLabel: a, fieldLabelClassName: o = "dial-tiny-text", fieldValueClassName: s = "dial-small-text" }) => /* @__PURE__ */ K(Ae, { children: [
|
|
835
|
+
t && /* @__PURE__ */ K("div", {
|
|
836
836
|
className: "flex flex-col gap-1",
|
|
837
|
-
children: [/* @__PURE__ */
|
|
838
|
-
className: v(o,
|
|
837
|
+
children: [/* @__PURE__ */ G("span", {
|
|
838
|
+
className: v(o, lt.subtitleText),
|
|
839
839
|
children: e.descriptionLabel
|
|
840
|
-
}), /* @__PURE__ */
|
|
840
|
+
}), /* @__PURE__ */ G("p", {
|
|
841
841
|
className: s,
|
|
842
842
|
children: t
|
|
843
843
|
})]
|
|
844
844
|
}),
|
|
845
|
-
a && /* @__PURE__ */
|
|
845
|
+
a && /* @__PURE__ */ K("div", {
|
|
846
846
|
className: "flex flex-col gap-1",
|
|
847
|
-
children: [/* @__PURE__ */
|
|
848
|
-
className: v(o,
|
|
847
|
+
children: [/* @__PURE__ */ G("span", {
|
|
848
|
+
className: v(o, lt.subtitleText),
|
|
849
849
|
children: e.completedFieldLabel
|
|
850
|
-
}), /* @__PURE__ */
|
|
850
|
+
}), /* @__PURE__ */ G("p", {
|
|
851
851
|
className: s,
|
|
852
852
|
children: a
|
|
853
853
|
})]
|
|
854
854
|
}),
|
|
855
|
-
n && /* @__PURE__ */
|
|
855
|
+
n && /* @__PURE__ */ K("div", {
|
|
856
856
|
className: "flex flex-col gap-1",
|
|
857
|
-
children: [/* @__PURE__ */
|
|
858
|
-
className: v(o,
|
|
857
|
+
children: [/* @__PURE__ */ G("span", {
|
|
858
|
+
className: v(o, lt.subtitleText),
|
|
859
859
|
children: e.modelLabel
|
|
860
|
-
}), /* @__PURE__ */
|
|
860
|
+
}), /* @__PURE__ */ G("p", {
|
|
861
861
|
className: s,
|
|
862
862
|
children: n
|
|
863
863
|
})]
|
|
864
864
|
}),
|
|
865
|
-
r && /* @__PURE__ */
|
|
865
|
+
r && /* @__PURE__ */ K("div", {
|
|
866
866
|
className: "flex flex-col gap-1",
|
|
867
|
-
children: [/* @__PURE__ */
|
|
868
|
-
className: v(o,
|
|
867
|
+
children: [/* @__PURE__ */ G("span", {
|
|
868
|
+
className: v(o, lt.subtitleText),
|
|
869
869
|
children: e.repeatsLabel
|
|
870
|
-
}), /* @__PURE__ */
|
|
870
|
+
}), /* @__PURE__ */ G("p", {
|
|
871
871
|
className: s,
|
|
872
872
|
children: r
|
|
873
873
|
})]
|
|
874
874
|
}),
|
|
875
|
-
i && /* @__PURE__ */
|
|
875
|
+
i && /* @__PURE__ */ K("div", {
|
|
876
876
|
className: "flex flex-col gap-1",
|
|
877
|
-
children: [/* @__PURE__ */
|
|
878
|
-
className: v(o,
|
|
877
|
+
children: [/* @__PURE__ */ G("span", {
|
|
878
|
+
className: v(o, lt.subtitleText),
|
|
879
879
|
children: e.activeWindowLabel
|
|
880
|
-
}), /* @__PURE__ */
|
|
880
|
+
}), /* @__PURE__ */ G("p", {
|
|
881
881
|
className: s,
|
|
882
882
|
children: i
|
|
883
883
|
})]
|
|
884
884
|
})
|
|
885
|
-
] }),
|
|
885
|
+
] }), dt = /* @__PURE__ */ function(e) {
|
|
886
886
|
return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
|
|
887
887
|
}({}), Q = {
|
|
888
888
|
subtitleText: "_subtitleText_6i141_1",
|
|
@@ -892,25 +892,25 @@ var Me = {
|
|
|
892
892
|
currentRun: "_currentRun_6i141_17",
|
|
893
893
|
interactiveRow: "_interactiveRow_6i141_22",
|
|
894
894
|
unreadDot: "_unreadDot_6i141_33"
|
|
895
|
-
},
|
|
895
|
+
}, ft = ({ status: e }) => {
|
|
896
896
|
switch (e) {
|
|
897
|
-
case
|
|
897
|
+
case dt.Success: return /* @__PURE__ */ G(ve, {
|
|
898
898
|
size: k.SM,
|
|
899
899
|
className: Q.successIcon,
|
|
900
900
|
"aria-hidden": !0,
|
|
901
901
|
stroke: A
|
|
902
902
|
});
|
|
903
|
-
case
|
|
903
|
+
case dt.Error: return /* @__PURE__ */ G(z, {
|
|
904
904
|
size: k.SM,
|
|
905
905
|
className: Q.errorIcon,
|
|
906
906
|
"aria-hidden": !0,
|
|
907
907
|
stroke: A
|
|
908
908
|
});
|
|
909
|
-
case
|
|
909
|
+
case dt.InProgress: return /* @__PURE__ */ G("span", {
|
|
910
910
|
"aria-hidden": !0,
|
|
911
|
-
children: /* @__PURE__ */
|
|
911
|
+
children: /* @__PURE__ */ G(de, { size: k.SM })
|
|
912
912
|
});
|
|
913
|
-
case
|
|
913
|
+
case dt.Missed: return /* @__PURE__ */ G(ge, {
|
|
914
914
|
size: k.SM,
|
|
915
915
|
className: Q.missedIcon,
|
|
916
916
|
"aria-hidden": !0,
|
|
@@ -918,7 +918,7 @@ var Me = {
|
|
|
918
918
|
});
|
|
919
919
|
default: return null;
|
|
920
920
|
}
|
|
921
|
-
},
|
|
921
|
+
}, pt = ({ 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 }) => {
|
|
922
922
|
let { colors: d, typography: f } = u ?? {}, p = f?.runTimestampClassName ?? "dial-small-paragraph-text", m = f?.runTimestampUnreadClassName ?? "dial-small-paragraph-semi-text", h = f?.subtitleClassName ?? "dial-body-text", g = c.unreadIndicatorLabel ?? "Unread", y = _({
|
|
923
923
|
"--strhl-success-icon": d?.successIconColor,
|
|
924
924
|
"--strhl-error-icon": d?.errorIconColor,
|
|
@@ -930,7 +930,7 @@ var Me = {
|
|
|
930
930
|
"--strhl-row-focus-bg": u?.rowFocusBackground,
|
|
931
931
|
"--strhl-row-focus-outline": u?.rowFocusOutline
|
|
932
932
|
}), b = (e) => {
|
|
933
|
-
let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status ===
|
|
933
|
+
let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === dt.Error && e.errorText ? e.errorText : void 0, i = [
|
|
934
934
|
r,
|
|
935
935
|
e.isUnread ? g : void 0,
|
|
936
936
|
n ? c.currentRunLabel : void 0
|
|
@@ -939,7 +939,7 @@ var Me = {
|
|
|
939
939
|
e.timestampLabel,
|
|
940
940
|
e.durationLabel
|
|
941
941
|
].filter(Boolean).join(" "), ...i].join(" — "), l = !!e.conversationId && !!s;
|
|
942
|
-
return /* @__PURE__ */
|
|
942
|
+
return /* @__PURE__ */ K("li", {
|
|
943
943
|
...l ? {
|
|
944
944
|
role: "button",
|
|
945
945
|
tabIndex: 0,
|
|
@@ -951,50 +951,50 @@ var Me = {
|
|
|
951
951
|
"aria-label": a,
|
|
952
952
|
"aria-current": n ? "true" : void 0,
|
|
953
953
|
className: v("-mx-(--strhl-row-bleed,0px) 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),
|
|
954
|
-
children: [/* @__PURE__ */
|
|
954
|
+
children: [/* @__PURE__ */ K("span", {
|
|
955
955
|
className: "flex min-w-0 items-center gap-1",
|
|
956
|
-
children: [r ? /* @__PURE__ */
|
|
956
|
+
children: [r ? /* @__PURE__ */ G(he, {
|
|
957
957
|
tooltip: r,
|
|
958
958
|
asChild: !0,
|
|
959
959
|
contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
|
|
960
|
-
children: /* @__PURE__ */
|
|
960
|
+
children: /* @__PURE__ */ G("span", {
|
|
961
961
|
className: "flex shrink-0",
|
|
962
962
|
tabIndex: l ? void 0 : 0,
|
|
963
|
-
children: /* @__PURE__ */
|
|
963
|
+
children: /* @__PURE__ */ G(ft, { status: e.status })
|
|
964
964
|
})
|
|
965
|
-
}) : /* @__PURE__ */
|
|
965
|
+
}) : /* @__PURE__ */ G(ft, { status: e.status }), /* @__PURE__ */ K("span", {
|
|
966
966
|
className: "flex min-w-0 items-center gap-1",
|
|
967
|
-
children: [/* @__PURE__ */
|
|
967
|
+
children: [/* @__PURE__ */ G("span", {
|
|
968
968
|
className: v(e.isUnread ? m : p, "truncate"),
|
|
969
969
|
children: e.timestampLabel
|
|
970
|
-
}), e.durationLabel && /* @__PURE__ */
|
|
970
|
+
}), e.durationLabel && /* @__PURE__ */ G("span", {
|
|
971
971
|
className: v(p, Q.subtitleText, "shrink-0"),
|
|
972
972
|
children: e.durationLabel
|
|
973
973
|
})]
|
|
974
974
|
})]
|
|
975
|
-
}), /* @__PURE__ */
|
|
975
|
+
}), /* @__PURE__ */ G("span", {
|
|
976
976
|
className: "relative flex size-3 shrink-0 items-center justify-center",
|
|
977
|
-
children: e.isUnread && /* @__PURE__ */
|
|
977
|
+
children: e.isUnread && /* @__PURE__ */ G("span", {
|
|
978
978
|
className: v("size-[5.33px] rounded-full", Q.unreadDot),
|
|
979
979
|
"aria-hidden": !0
|
|
980
980
|
})
|
|
981
981
|
})]
|
|
982
982
|
}, e.id);
|
|
983
|
-
}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
983
|
+
}, x = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ K("li", {
|
|
984
984
|
"aria-hidden": "true",
|
|
985
985
|
className: "-mx-(--strhl-row-bleed,0px) flex min-h-(--strhl-row-min-height,32px) max-w-[328px] items-center justify-between gap-2 px-3",
|
|
986
|
-
children: [/* @__PURE__ */
|
|
987
|
-
variant:
|
|
986
|
+
children: [/* @__PURE__ */ G(I, {
|
|
987
|
+
variant: L.Rectangular,
|
|
988
988
|
width: "160px",
|
|
989
989
|
height: "16px"
|
|
990
|
-
}), /* @__PURE__ */
|
|
991
|
-
variant:
|
|
990
|
+
}), /* @__PURE__ */ G(I, {
|
|
991
|
+
variant: L.Rectangular,
|
|
992
992
|
width: "16px",
|
|
993
993
|
height: "16px",
|
|
994
994
|
className: "shrink-0 rounded-full"
|
|
995
995
|
})]
|
|
996
996
|
}, `history-skeleton-${t}`));
|
|
997
|
-
return t && e.length === 0 ? /* @__PURE__ */
|
|
997
|
+
return t && e.length === 0 ? /* @__PURE__ */ G("ul", {
|
|
998
998
|
style: {
|
|
999
999
|
...y,
|
|
1000
1000
|
"--strhl-row-min-height": u?.rowMinHeight
|
|
@@ -1002,31 +1002,31 @@ var Me = {
|
|
|
1002
1002
|
"aria-label": c.historyTitle,
|
|
1003
1003
|
className: "flex flex-col gap-0.5",
|
|
1004
1004
|
children: x(r)
|
|
1005
|
-
}) : i && e.length === 0 ? /* @__PURE__ */
|
|
1005
|
+
}) : i && e.length === 0 ? /* @__PURE__ */ K("div", {
|
|
1006
1006
|
style: y,
|
|
1007
1007
|
className: "flex flex-col items-start gap-3",
|
|
1008
|
-
children: [/* @__PURE__ */
|
|
1008
|
+
children: [/* @__PURE__ */ G("p", {
|
|
1009
1009
|
role: "alert",
|
|
1010
1010
|
className: v(h, Q.subtitleText),
|
|
1011
1011
|
children: c.errorLabel
|
|
1012
|
-
}), /* @__PURE__ */
|
|
1012
|
+
}), /* @__PURE__ */ G(N, {
|
|
1013
1013
|
label: c.retryLabel,
|
|
1014
1014
|
onClick: a
|
|
1015
1015
|
})]
|
|
1016
|
-
}) : e.length === 0 ? /* @__PURE__ */
|
|
1016
|
+
}) : e.length === 0 ? /* @__PURE__ */ K("div", {
|
|
1017
1017
|
style: y,
|
|
1018
1018
|
className: "flex w-full flex-col items-center justify-center gap-2 py-4",
|
|
1019
|
-
children: [/* @__PURE__ */
|
|
1019
|
+
children: [/* @__PURE__ */ G(B, {
|
|
1020
1020
|
size: 44,
|
|
1021
1021
|
stroke: A,
|
|
1022
1022
|
className: Q.subtitleText,
|
|
1023
1023
|
"aria-hidden": !0
|
|
1024
|
-
}), /* @__PURE__ */
|
|
1024
|
+
}), /* @__PURE__ */ G("p", {
|
|
1025
1025
|
role: "status",
|
|
1026
1026
|
className: p,
|
|
1027
1027
|
children: c.emptyLabel
|
|
1028
1028
|
})]
|
|
1029
|
-
}) : /* @__PURE__ */
|
|
1029
|
+
}) : /* @__PURE__ */ K("ul", {
|
|
1030
1030
|
style: {
|
|
1031
1031
|
...y,
|
|
1032
1032
|
"--strhl-row-min-height": u?.rowMinHeight
|
|
@@ -1036,50 +1036,50 @@ var Me = {
|
|
|
1036
1036
|
children: [
|
|
1037
1037
|
e.map(b),
|
|
1038
1038
|
n && x(r),
|
|
1039
|
-
i ? /* @__PURE__ */
|
|
1039
|
+
i ? /* @__PURE__ */ K("li", {
|
|
1040
1040
|
className: "flex flex-col items-start gap-3 px-5 py-2",
|
|
1041
|
-
children: [/* @__PURE__ */
|
|
1041
|
+
children: [/* @__PURE__ */ G("p", {
|
|
1042
1042
|
role: "alert",
|
|
1043
1043
|
className: v(h, Q.subtitleText),
|
|
1044
1044
|
children: c.errorLabel
|
|
1045
|
-
}), /* @__PURE__ */
|
|
1045
|
+
}), /* @__PURE__ */ G(N, {
|
|
1046
1046
|
label: c.retryLabel,
|
|
1047
1047
|
onClick: a
|
|
1048
1048
|
})]
|
|
1049
1049
|
}) : l
|
|
1050
1050
|
]
|
|
1051
1051
|
});
|
|
1052
|
-
},
|
|
1052
|
+
}, mt = {
|
|
1053
1053
|
historyCard: "_historyCard_153p9_4",
|
|
1054
1054
|
subtitleText: "_subtitleText_153p9_8",
|
|
1055
1055
|
cardLayout: "_cardLayout_153p9_13"
|
|
1056
|
-
},
|
|
1057
|
-
let b = e ===
|
|
1056
|
+
}, ht = ({ 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 }) => {
|
|
1057
|
+
let b = e === ot.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", mt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ K("li", {
|
|
1058
1058
|
className: x,
|
|
1059
|
-
children: [/* @__PURE__ */
|
|
1059
|
+
children: [/* @__PURE__ */ G("p", {
|
|
1060
1060
|
role: "alert",
|
|
1061
1061
|
children: t.historyLoadMoreErrorLabel ?? t.historyErrorLabel
|
|
1062
|
-
}), u && /* @__PURE__ */
|
|
1062
|
+
}), u && /* @__PURE__ */ G(N, {
|
|
1063
1063
|
label: t.historyRetryLabel,
|
|
1064
1064
|
onClick: u,
|
|
1065
1065
|
disabled: a
|
|
1066
1066
|
})]
|
|
1067
|
-
}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */
|
|
1067
|
+
}) : f && d && t.historyShowMoreLabel ? /* @__PURE__ */ G("li", {
|
|
1068
1068
|
className: x,
|
|
1069
|
-
children: /* @__PURE__ */
|
|
1069
|
+
children: /* @__PURE__ */ G(N, {
|
|
1070
1070
|
label: t.historyShowMoreLabel,
|
|
1071
1071
|
onClick: f,
|
|
1072
1072
|
disabled: a
|
|
1073
1073
|
})
|
|
1074
|
-
}) : void 0, S = n ? /* @__PURE__ */
|
|
1075
|
-
className: v(m,
|
|
1074
|
+
}) : void 0, S = n ? /* @__PURE__ */ G("p", {
|
|
1075
|
+
className: v(m, mt.subtitleText),
|
|
1076
1076
|
children: n
|
|
1077
|
-
}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */
|
|
1077
|
+
}) : void 0, C = t.historyLoadingMoreLabel ? /* @__PURE__ */ G("span", {
|
|
1078
1078
|
role: "status",
|
|
1079
1079
|
"aria-live": "polite",
|
|
1080
1080
|
className: "sr-only",
|
|
1081
1081
|
children: a ? t.historyLoadingMoreLabel : ""
|
|
1082
|
-
}) : void 0, w = /* @__PURE__ */
|
|
1082
|
+
}) : void 0, w = /* @__PURE__ */ G(pt, {
|
|
1083
1083
|
items: r,
|
|
1084
1084
|
isLoading: i,
|
|
1085
1085
|
isLoadingMore: a,
|
|
@@ -1108,25 +1108,25 @@ var Me = {
|
|
|
1108
1108
|
rowFocusOutline: y?.rowFocusOutline
|
|
1109
1109
|
}
|
|
1110
1110
|
});
|
|
1111
|
-
return b ? /* @__PURE__ */
|
|
1112
|
-
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",
|
|
1111
|
+
return b ? /* @__PURE__ */ K("div", {
|
|
1112
|
+
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", mt.historyCard, mt.cardLayout),
|
|
1113
1113
|
style: { "--st-history-max-height": y?.maxHeight },
|
|
1114
|
-
children: [/* @__PURE__ */
|
|
1115
|
-
className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2",
|
|
1114
|
+
children: [/* @__PURE__ */ K("div", {
|
|
1115
|
+
className: v("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pt-5 pb-2", mt.historyCard),
|
|
1116
1116
|
children: [
|
|
1117
|
-
/* @__PURE__ */
|
|
1117
|
+
/* @__PURE__ */ G("h2", {
|
|
1118
1118
|
className: g,
|
|
1119
1119
|
children: t.historyTitle
|
|
1120
1120
|
}),
|
|
1121
1121
|
S,
|
|
1122
1122
|
C
|
|
1123
1123
|
]
|
|
1124
|
-
}), /* @__PURE__ */
|
|
1124
|
+
}), /* @__PURE__ */ G("div", {
|
|
1125
1125
|
className: "flex flex-1 flex-col gap-4 px-6 pb-2",
|
|
1126
1126
|
style: { "--strhl-row-bleed": "12px" },
|
|
1127
1127
|
children: w
|
|
1128
1128
|
})]
|
|
1129
|
-
}) : /* @__PURE__ */
|
|
1129
|
+
}) : /* @__PURE__ */ K("div", {
|
|
1130
1130
|
className: "flex flex-col gap-4",
|
|
1131
1131
|
children: [
|
|
1132
1132
|
S,
|
|
@@ -1147,27 +1147,27 @@ var Me = {
|
|
|
1147
1147
|
actionButton: "_actionButton_hdn5b_75",
|
|
1148
1148
|
roundActionButton: "_roundActionButton_hdn5b_82",
|
|
1149
1149
|
stickyTabs: "_stickyTabs_hdn5b_88"
|
|
1150
|
-
},
|
|
1151
|
-
let { colors:
|
|
1152
|
-
"--stdv-bg":
|
|
1153
|
-
"--stdv-header-border":
|
|
1154
|
-
"--stdv-details-border":
|
|
1155
|
-
"--stdv-subtitle-text":
|
|
1156
|
-
"--stdv-history-bg":
|
|
1157
|
-
}),
|
|
1150
|
+
}, gt = ({ 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: S, modelLabel: C, repeatsLabel: w, activeWindowLabel: E, completedLabel: D, nextRunLabel: O, instructionsMarkdown: te, skillDisplayNames: ne, renderInstructions: j, runs: M, runsIsLoading: ie = !1, runsIsLoadingMore: ae = !1, runsSkeletonCount: oe = 6, runsError: P, onRunsRetry: se, runsLoadMoreError: ce, onRunsRetryLoadMore: le, runsHasMore: ue = !1, onRunsLoadMore: I, onRunClick: L, styles: me, className: he, backIcon: ge, layout: R, historyStyles: ve }) => {
|
|
1151
|
+
let { colors: z, typography: B } = me ?? {}, ye = B?.titleClassName ?? "dial-h2-text", H = B?.sectionTitleClassName ?? "dial-body-semi-text", xe = B?.fieldLabelClassName ?? "dial-tiny-text", Ce = B?.fieldValueClassName ?? "dial-small-text", we = B?.runTimestampClassName ?? "dial-small-text", Te = _({
|
|
1152
|
+
"--stdv-bg": z?.background,
|
|
1153
|
+
"--stdv-header-border": z?.headerBorder,
|
|
1154
|
+
"--stdv-details-border": z?.detailsColumnBorder,
|
|
1155
|
+
"--stdv-subtitle-text": z?.subtitleText,
|
|
1156
|
+
"--stdv-history-bg": z?.historyCardBackground
|
|
1157
|
+
}), Ee = b(), [U, Oe] = ke(at.Details), W = De(), je = o && !i ? e.startNowBusyLabel : void 0, Me = [
|
|
1158
1158
|
{
|
|
1159
|
-
id:
|
|
1159
|
+
id: at.Details,
|
|
1160
1160
|
label: e.detailsTitle
|
|
1161
1161
|
},
|
|
1162
1162
|
{
|
|
1163
|
-
id:
|
|
1163
|
+
id: at.Configuration,
|
|
1164
1164
|
label: e.configurationTitle
|
|
1165
1165
|
},
|
|
1166
1166
|
{
|
|
1167
|
-
id:
|
|
1167
|
+
id: at.History,
|
|
1168
1168
|
label: e.historyTitle
|
|
1169
1169
|
}
|
|
1170
|
-
],
|
|
1170
|
+
], Ne = Me.find((e) => e.id === U)?.label ?? e.detailsTitle, q = /* @__PURE__ */ G(ut, {
|
|
1171
1171
|
labels: {
|
|
1172
1172
|
descriptionLabel: e.descriptionLabel,
|
|
1173
1173
|
modelLabel: e.modelLabel,
|
|
@@ -1180,14 +1180,14 @@ var Me = {
|
|
|
1180
1180
|
repeatsLabel: w,
|
|
1181
1181
|
activeWindowLabel: E,
|
|
1182
1182
|
completedLabel: D,
|
|
1183
|
-
fieldLabelClassName:
|
|
1184
|
-
fieldValueClassName:
|
|
1185
|
-
}), Pe = /* @__PURE__ */
|
|
1183
|
+
fieldLabelClassName: xe,
|
|
1184
|
+
fieldValueClassName: Ce
|
|
1185
|
+
}), Pe = /* @__PURE__ */ G(ct, {
|
|
1186
1186
|
instructionsLabel: e.instructionsLabel,
|
|
1187
1187
|
skillLabel: e.skillLabel,
|
|
1188
1188
|
skillDisplayNames: ne,
|
|
1189
1189
|
instructionsMarkdown: te,
|
|
1190
|
-
renderInstructions:
|
|
1190
|
+
renderInstructions: j,
|
|
1191
1191
|
markdownLabels: {
|
|
1192
1192
|
codeBlockCopyLabel: e.codeBlockCopyLabel,
|
|
1193
1193
|
codeBlockCopiedLabel: e.codeBlockCopiedLabel,
|
|
@@ -1195,8 +1195,8 @@ var Me = {
|
|
|
1195
1195
|
tableScrollRegionAriaLabel: e.tableScrollRegionAriaLabel,
|
|
1196
1196
|
mathScrollRegionAriaLabel: e.mathScrollRegionAriaLabel
|
|
1197
1197
|
},
|
|
1198
|
-
fieldLabelClassName:
|
|
1199
|
-
}),
|
|
1198
|
+
fieldLabelClassName: xe
|
|
1199
|
+
}), Fe = (t) => /* @__PURE__ */ G(ht, {
|
|
1200
1200
|
variant: t,
|
|
1201
1201
|
labels: {
|
|
1202
1202
|
historyTitle: e.historyTitle,
|
|
@@ -1210,67 +1210,67 @@ var Me = {
|
|
|
1210
1210
|
unreadIndicatorLabel: e.unreadIndicatorLabel
|
|
1211
1211
|
},
|
|
1212
1212
|
nextRunLabel: O,
|
|
1213
|
-
items:
|
|
1214
|
-
isLoading:
|
|
1215
|
-
isLoadingMore:
|
|
1216
|
-
skeletonCount:
|
|
1217
|
-
error:
|
|
1218
|
-
onRetry:
|
|
1219
|
-
loadMoreError:
|
|
1220
|
-
onRetryLoadMore:
|
|
1221
|
-
hasMore:
|
|
1222
|
-
onLoadMore:
|
|
1223
|
-
onRunClick:
|
|
1213
|
+
items: M,
|
|
1214
|
+
isLoading: ie,
|
|
1215
|
+
isLoadingMore: ae,
|
|
1216
|
+
skeletonCount: oe,
|
|
1217
|
+
error: P,
|
|
1218
|
+
onRetry: se,
|
|
1219
|
+
loadMoreError: ce,
|
|
1220
|
+
onRetryLoadMore: le,
|
|
1221
|
+
hasMore: ue,
|
|
1222
|
+
onLoadMore: I,
|
|
1223
|
+
onRunClick: L,
|
|
1224
1224
|
runTimestampClassName: we,
|
|
1225
|
-
sectionTitleClassName:
|
|
1226
|
-
colors:
|
|
1227
|
-
styles:
|
|
1225
|
+
sectionTitleClassName: H,
|
|
1226
|
+
colors: z,
|
|
1227
|
+
styles: ve
|
|
1228
1228
|
});
|
|
1229
|
-
return /* @__PURE__ */
|
|
1229
|
+
return /* @__PURE__ */ K("div", {
|
|
1230
1230
|
style: Te,
|
|
1231
|
-
className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container,
|
|
1231
|
+
className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, he),
|
|
1232
1232
|
children: [
|
|
1233
|
-
/* @__PURE__ */
|
|
1233
|
+
/* @__PURE__ */ K("div", {
|
|
1234
1234
|
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),
|
|
1235
|
-
children: [/* @__PURE__ */
|
|
1235
|
+
children: [/* @__PURE__ */ K("div", {
|
|
1236
1236
|
className: "flex min-w-0 items-center gap-2",
|
|
1237
1237
|
children: [
|
|
1238
|
-
/* @__PURE__ */
|
|
1239
|
-
icon:
|
|
1238
|
+
/* @__PURE__ */ G(re, {
|
|
1239
|
+
icon: ge === void 0 ? /* @__PURE__ */ G(_e, {
|
|
1240
1240
|
size: k.LG,
|
|
1241
1241
|
className: "rtl:scale-x-[-1]",
|
|
1242
1242
|
"aria-hidden": !0,
|
|
1243
1243
|
stroke: A
|
|
1244
|
-
}) :
|
|
1244
|
+
}) : ge,
|
|
1245
1245
|
"aria-label": e.backAriaLabel,
|
|
1246
1246
|
onClick: t
|
|
1247
1247
|
}),
|
|
1248
|
-
/* @__PURE__ */
|
|
1249
|
-
className: v("truncate", $.desktopTitle,
|
|
1248
|
+
/* @__PURE__ */ G("h1", {
|
|
1249
|
+
className: v("truncate", $.desktopTitle, ye),
|
|
1250
1250
|
children: g
|
|
1251
1251
|
}),
|
|
1252
|
-
l && /* @__PURE__ */
|
|
1253
|
-
className: v("shrink-0", $.desktopBadge,
|
|
1252
|
+
l && /* @__PURE__ */ G("span", {
|
|
1253
|
+
className: v("shrink-0", $.desktopBadge, Ce, $.subtitleText),
|
|
1254
1254
|
children: e.deletedStateLabel
|
|
1255
1255
|
})
|
|
1256
1256
|
]
|
|
1257
|
-
}), /* @__PURE__ */
|
|
1257
|
+
}), /* @__PURE__ */ K("div", {
|
|
1258
1258
|
className: v("flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2 desktop:flex-none desktop:flex-nowrap", $.headerActions),
|
|
1259
1259
|
children: [
|
|
1260
|
-
!l && !u && d !== void 0 && /* @__PURE__ */
|
|
1260
|
+
!l && !u && d !== void 0 && /* @__PURE__ */ K(Ae, { children: [/* @__PURE__ */ G(fe, {
|
|
1261
1261
|
id: "scheduled-task-active-switch",
|
|
1262
1262
|
labelProps: { label: e.activeStatusLabel },
|
|
1263
1263
|
isOn: d,
|
|
1264
1264
|
disabled: f || p || c,
|
|
1265
1265
|
onChange: (e) => h?.(e)
|
|
1266
|
-
}), p && m && /* @__PURE__ */
|
|
1267
|
-
className: v(
|
|
1266
|
+
}), p && m && /* @__PURE__ */ G("span", {
|
|
1267
|
+
className: v(Ce, $.subtitleText),
|
|
1268
1268
|
children: m
|
|
1269
1269
|
})] }),
|
|
1270
|
-
!l && s && /* @__PURE__ */
|
|
1270
|
+
!l && s && /* @__PURE__ */ G(N, {
|
|
1271
1271
|
variant: T.Danger,
|
|
1272
1272
|
label: e.deleteButtonLabel,
|
|
1273
|
-
iconBefore: /* @__PURE__ */
|
|
1273
|
+
iconBefore: /* @__PURE__ */ G(Se, {
|
|
1274
1274
|
size: k.SM,
|
|
1275
1275
|
"aria-hidden": !0,
|
|
1276
1276
|
stroke: A
|
|
@@ -1280,9 +1280,9 @@ var Me = {
|
|
|
1280
1280
|
textClassName: $.actionLabel,
|
|
1281
1281
|
className: v("min-h-11 shrink-0", $.actionButton)
|
|
1282
1282
|
}),
|
|
1283
|
-
!l && n && /* @__PURE__ */
|
|
1283
|
+
!l && n && /* @__PURE__ */ G(F, {
|
|
1284
1284
|
label: e.editButtonLabel,
|
|
1285
|
-
iconBefore: /* @__PURE__ */
|
|
1285
|
+
iconBefore: /* @__PURE__ */ G(V, {
|
|
1286
1286
|
size: k.SM,
|
|
1287
1287
|
"aria-hidden": !0,
|
|
1288
1288
|
stroke: A
|
|
@@ -1292,23 +1292,23 @@ var Me = {
|
|
|
1292
1292
|
textClassName: $.actionLabel,
|
|
1293
1293
|
className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
|
|
1294
1294
|
}),
|
|
1295
|
-
!l && r && e.startNowButtonLabel && /* @__PURE__ */
|
|
1295
|
+
!l && r && e.startNowButtonLabel && /* @__PURE__ */ K("div", {
|
|
1296
1296
|
"aria-busy": i,
|
|
1297
|
-
children: [
|
|
1298
|
-
id:
|
|
1297
|
+
children: [je && /* @__PURE__ */ G("span", {
|
|
1298
|
+
id: W,
|
|
1299
1299
|
className: "sr-only",
|
|
1300
|
-
children:
|
|
1301
|
-
}), /* @__PURE__ */
|
|
1300
|
+
children: je
|
|
1301
|
+
}), /* @__PURE__ */ G(F, {
|
|
1302
1302
|
label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
|
|
1303
|
-
iconBefore: /* @__PURE__ */
|
|
1303
|
+
iconBefore: /* @__PURE__ */ G(be, {
|
|
1304
1304
|
size: k.SM,
|
|
1305
1305
|
"aria-hidden": !0,
|
|
1306
1306
|
stroke: A
|
|
1307
1307
|
}),
|
|
1308
1308
|
onClick: r,
|
|
1309
1309
|
disabled: c || i || a || o,
|
|
1310
|
-
"aria-describedby":
|
|
1311
|
-
tooltipProps:
|
|
1310
|
+
"aria-describedby": je ? W : void 0,
|
|
1311
|
+
tooltipProps: je ? { tooltip: je } : void 0,
|
|
1312
1312
|
textClassName: $.actionLabel,
|
|
1313
1313
|
className: v("min-h-11 shrink-0", $.actionButton, $.roundActionButton)
|
|
1314
1314
|
})]
|
|
@@ -1316,106 +1316,106 @@ var Me = {
|
|
|
1316
1316
|
]
|
|
1317
1317
|
})]
|
|
1318
1318
|
}),
|
|
1319
|
-
/* @__PURE__ */
|
|
1319
|
+
/* @__PURE__ */ K("div", {
|
|
1320
1320
|
className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
|
|
1321
|
-
children: [/* @__PURE__ */
|
|
1322
|
-
className: v("truncate",
|
|
1321
|
+
children: [/* @__PURE__ */ G("h1", {
|
|
1322
|
+
className: v("truncate", ye),
|
|
1323
1323
|
children: g
|
|
1324
|
-
}), l && /* @__PURE__ */
|
|
1325
|
-
className: v("shrink-0",
|
|
1324
|
+
}), l && /* @__PURE__ */ G("span", {
|
|
1325
|
+
className: v("shrink-0", Ce, $.subtitleText),
|
|
1326
1326
|
children: e.deletedStateLabel
|
|
1327
1327
|
})]
|
|
1328
1328
|
}),
|
|
1329
|
-
e.activeStatusAnnouncement != null && /* @__PURE__ */
|
|
1329
|
+
e.activeStatusAnnouncement != null && /* @__PURE__ */ G("span", {
|
|
1330
1330
|
role: "status",
|
|
1331
1331
|
"aria-live": "polite",
|
|
1332
1332
|
className: "sr-only",
|
|
1333
1333
|
children: e.activeStatusAnnouncement
|
|
1334
1334
|
}),
|
|
1335
|
-
e.startStatusAnnouncement != null && /* @__PURE__ */
|
|
1335
|
+
e.startStatusAnnouncement != null && /* @__PURE__ */ G("span", {
|
|
1336
1336
|
role: "status",
|
|
1337
1337
|
"aria-live": "polite",
|
|
1338
1338
|
className: "sr-only",
|
|
1339
1339
|
children: e.startStatusAnnouncement
|
|
1340
1340
|
}),
|
|
1341
|
-
y && /* @__PURE__ */
|
|
1341
|
+
y && /* @__PURE__ */ G("div", {
|
|
1342
1342
|
className: "flex flex-1 items-center justify-center",
|
|
1343
|
-
children: /* @__PURE__ */
|
|
1343
|
+
children: /* @__PURE__ */ G(de, {})
|
|
1344
1344
|
}),
|
|
1345
|
-
!y && x && /* @__PURE__ */
|
|
1345
|
+
!y && x && /* @__PURE__ */ K("div", {
|
|
1346
1346
|
className: "flex flex-1 flex-col items-center justify-center gap-3",
|
|
1347
|
-
children: [/* @__PURE__ */
|
|
1348
|
-
className: v(
|
|
1347
|
+
children: [/* @__PURE__ */ G("p", {
|
|
1348
|
+
className: v(Ce, $.subtitleText),
|
|
1349
1349
|
children: e.errorLabel
|
|
1350
|
-
}), /* @__PURE__ */
|
|
1350
|
+
}), /* @__PURE__ */ G(N, {
|
|
1351
1351
|
label: e.retryLabel,
|
|
1352
1352
|
onClick: ee
|
|
1353
1353
|
})]
|
|
1354
1354
|
}),
|
|
1355
|
-
!y && !x && (
|
|
1355
|
+
!y && !x && (Ee ? /* @__PURE__ */ K("div", {
|
|
1356
1356
|
className: "flex min-h-0 flex-1 flex-col overflow-y-auto",
|
|
1357
|
-
children: [/* @__PURE__ */
|
|
1357
|
+
children: [/* @__PURE__ */ G("div", {
|
|
1358
1358
|
className: v("sticky top-0 z-10", $.stickyTabs),
|
|
1359
|
-
children: /* @__PURE__ */
|
|
1359
|
+
children: /* @__PURE__ */ G(pe, {
|
|
1360
1360
|
ariaLabel: e.tabsAriaLabel ?? "Scheduled task sections",
|
|
1361
1361
|
className: "px-4",
|
|
1362
1362
|
tabs: Me,
|
|
1363
|
-
activeTabId:
|
|
1363
|
+
activeTabId: U,
|
|
1364
1364
|
onTabChange: Oe
|
|
1365
1365
|
})
|
|
1366
|
-
}), /* @__PURE__ */
|
|
1366
|
+
}), /* @__PURE__ */ G("div", {
|
|
1367
1367
|
role: "tabpanel",
|
|
1368
|
-
"aria-label":
|
|
1368
|
+
"aria-label": Ne,
|
|
1369
1369
|
className: "flex flex-1 flex-col gap-5 px-4 py-6",
|
|
1370
|
-
children:
|
|
1370
|
+
children: U === at.Configuration ? Pe : U === at.History ? Fe(ot.Flow) : q
|
|
1371
1371
|
})]
|
|
1372
|
-
}) : /* @__PURE__ */
|
|
1372
|
+
}) : /* @__PURE__ */ K("div", {
|
|
1373
1373
|
style: {
|
|
1374
1374
|
flexDirection: "row",
|
|
1375
|
-
"--st-details-width":
|
|
1376
|
-
"--st-history-width":
|
|
1377
|
-
"--st-history-max-height":
|
|
1378
|
-
"--st-configuration-min-width":
|
|
1375
|
+
"--st-details-width": R?.detailsWidth,
|
|
1376
|
+
"--st-history-width": R?.historyWidth,
|
|
1377
|
+
"--st-history-max-height": R?.historyMaxHeight,
|
|
1378
|
+
"--st-configuration-min-width": R?.configurationMinWidth
|
|
1379
1379
|
},
|
|
1380
1380
|
className: "flex min-h-0 flex-1 overflow-y-auto desktop:overflow-hidden",
|
|
1381
1381
|
children: [
|
|
1382
|
-
/* @__PURE__ */
|
|
1382
|
+
/* @__PURE__ */ K("div", {
|
|
1383
1383
|
role: "group",
|
|
1384
1384
|
"aria-label": e.detailsTitle,
|
|
1385
1385
|
style: {
|
|
1386
|
-
flex: `0 1 ${
|
|
1386
|
+
flex: `0 1 ${R?.detailsWidth ?? "360px"}`,
|
|
1387
1387
|
maxWidth: "100%"
|
|
1388
1388
|
},
|
|
1389
1389
|
className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
|
|
1390
|
-
children: [/* @__PURE__ */
|
|
1391
|
-
className:
|
|
1390
|
+
children: [/* @__PURE__ */ G("h2", {
|
|
1391
|
+
className: H,
|
|
1392
1392
|
children: e.detailsTitle
|
|
1393
|
-
}),
|
|
1393
|
+
}), q]
|
|
1394
1394
|
}),
|
|
1395
|
-
/* @__PURE__ */
|
|
1395
|
+
/* @__PURE__ */ K("div", {
|
|
1396
1396
|
style: {
|
|
1397
|
-
flex: `1 1 ${
|
|
1397
|
+
flex: `1 1 ${R?.configurationMinWidth ?? "320px"}`,
|
|
1398
1398
|
minWidth: 0
|
|
1399
1399
|
},
|
|
1400
1400
|
className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
|
|
1401
|
-
children: [/* @__PURE__ */
|
|
1402
|
-
className:
|
|
1401
|
+
children: [/* @__PURE__ */ G("h2", {
|
|
1402
|
+
className: H,
|
|
1403
1403
|
children: e.configurationTitle
|
|
1404
1404
|
}), Pe]
|
|
1405
1405
|
}),
|
|
1406
|
-
/* @__PURE__ */
|
|
1406
|
+
/* @__PURE__ */ G("div", {
|
|
1407
1407
|
style: {
|
|
1408
|
-
flex: `0 1 calc(${
|
|
1408
|
+
flex: `0 1 calc(${R?.historyWidth ?? "360px"} + 48px)`,
|
|
1409
1409
|
minWidth: 0
|
|
1410
1410
|
},
|
|
1411
1411
|
className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
|
|
1412
|
-
children:
|
|
1412
|
+
children: Fe(ot.Card)
|
|
1413
1413
|
})
|
|
1414
1414
|
]
|
|
1415
1415
|
}))
|
|
1416
1416
|
]
|
|
1417
1417
|
});
|
|
1418
|
-
},
|
|
1418
|
+
}, _t = {
|
|
1419
1419
|
h1: "dial-small-semi-text mb-3 mt-6 first:mt-0 [text-wrap:balance]",
|
|
1420
1420
|
h2: "dial-small-semi-text mb-2 mt-5 first:mt-0 [text-wrap:balance]",
|
|
1421
1421
|
h3: "dial-small-semi-text mb-2 mt-4 first:mt-0 [text-wrap:balance]",
|
|
@@ -1430,40 +1430,40 @@ var Me = {
|
|
|
1430
1430
|
link: "break-words [overflow-wrap:anywhere]",
|
|
1431
1431
|
tableWrapper: "my-4",
|
|
1432
1432
|
mathBlock: "my-4"
|
|
1433
|
-
},
|
|
1433
|
+
}, vt = ({ modelLabel: e, skillLabel: t, skillDisplayNames: n, instructionsLabel: r, modelDisplayName: i, instructionsMarkdown: a, renderInstructions: o, instructionsClassNames: s = _t, markdownLabels: c, styles: l }) => {
|
|
1434
1434
|
let u = l?.typography?.fieldLabelClassName ?? "dial-tiny-text text-secondary", d = l?.typography?.fieldValueClassName ?? "dial-small-text";
|
|
1435
|
-
return /* @__PURE__ */
|
|
1435
|
+
return /* @__PURE__ */ K("div", {
|
|
1436
1436
|
className: "flex flex-col gap-3",
|
|
1437
1437
|
children: [
|
|
1438
|
-
i && /* @__PURE__ */
|
|
1438
|
+
i && /* @__PURE__ */ K("div", {
|
|
1439
1439
|
className: "flex flex-col gap-2",
|
|
1440
|
-
children: [/* @__PURE__ */
|
|
1440
|
+
children: [/* @__PURE__ */ G("span", {
|
|
1441
1441
|
className: u,
|
|
1442
1442
|
children: e
|
|
1443
|
-
}), /* @__PURE__ */
|
|
1443
|
+
}), /* @__PURE__ */ G("p", {
|
|
1444
1444
|
className: d,
|
|
1445
1445
|
children: i
|
|
1446
1446
|
})]
|
|
1447
1447
|
}),
|
|
1448
|
-
!!n?.length && /* @__PURE__ */
|
|
1448
|
+
!!n?.length && /* @__PURE__ */ K("div", {
|
|
1449
1449
|
className: "flex min-w-0 flex-col gap-2",
|
|
1450
|
-
children: [/* @__PURE__ */
|
|
1450
|
+
children: [/* @__PURE__ */ G("span", {
|
|
1451
1451
|
className: u,
|
|
1452
1452
|
children: t
|
|
1453
|
-
}), /* @__PURE__ */
|
|
1453
|
+
}), /* @__PURE__ */ G("p", {
|
|
1454
1454
|
className: v(d, "break-all whitespace-normal"),
|
|
1455
|
-
children: n?.map((e, t) => /* @__PURE__ */
|
|
1455
|
+
children: n?.map((e, t) => /* @__PURE__ */ G("span", {
|
|
1456
1456
|
className: "block",
|
|
1457
1457
|
children: e
|
|
1458
1458
|
}, `${t}:${e}`))
|
|
1459
1459
|
})]
|
|
1460
1460
|
}),
|
|
1461
|
-
a && /* @__PURE__ */
|
|
1461
|
+
a && /* @__PURE__ */ K("div", {
|
|
1462
1462
|
className: "flex flex-col gap-2",
|
|
1463
|
-
children: [/* @__PURE__ */
|
|
1463
|
+
children: [/* @__PURE__ */ G("span", {
|
|
1464
1464
|
className: u,
|
|
1465
1465
|
children: r
|
|
1466
|
-
}), ((e) => o ? o(e) : /* @__PURE__ */
|
|
1466
|
+
}), ((e) => o ? o(e) : /* @__PURE__ */ G(p, {
|
|
1467
1467
|
content: e,
|
|
1468
1468
|
classNames: s,
|
|
1469
1469
|
...c
|
|
@@ -1471,36 +1471,36 @@ var Me = {
|
|
|
1471
1471
|
})
|
|
1472
1472
|
]
|
|
1473
1473
|
});
|
|
1474
|
-
},
|
|
1474
|
+
}, yt = ({ className: e, children: t }) => /* @__PURE__ */ G("span", {
|
|
1475
1475
|
className: v(e, "block truncate py-1"),
|
|
1476
1476
|
children: t
|
|
1477
|
-
}),
|
|
1477
|
+
}), bt = ({ 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" }) => {
|
|
1478
1478
|
let [g, _] = ke(!0);
|
|
1479
|
-
|
|
1479
|
+
Ee(() => {
|
|
1480
1480
|
_(!0);
|
|
1481
1481
|
}, [e]);
|
|
1482
|
-
let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */
|
|
1482
|
+
let v = c && !n && l && f.showMoreLabel ? /* @__PURE__ */ G("li", {
|
|
1483
1483
|
className: "pt-2",
|
|
1484
|
-
children: /* @__PURE__ */
|
|
1484
|
+
children: /* @__PURE__ */ G(N, {
|
|
1485
1485
|
variant: T.Primary,
|
|
1486
1486
|
label: f.showMoreLabel,
|
|
1487
1487
|
onClick: l,
|
|
1488
1488
|
disabled: r
|
|
1489
1489
|
})
|
|
1490
1490
|
}) : void 0;
|
|
1491
|
-
return /* @__PURE__ */
|
|
1492
|
-
title: /* @__PURE__ */
|
|
1491
|
+
return /* @__PURE__ */ G(S, {
|
|
1492
|
+
title: /* @__PURE__ */ G(yt, {
|
|
1493
1493
|
className: p,
|
|
1494
1494
|
children: f.title
|
|
1495
1495
|
}),
|
|
1496
1496
|
expanded: g,
|
|
1497
1497
|
onToggle: _,
|
|
1498
1498
|
contentClassName: m,
|
|
1499
|
-
children: s ? /* @__PURE__ */
|
|
1499
|
+
children: s ? /* @__PURE__ */ G("p", {
|
|
1500
1500
|
role: "alert",
|
|
1501
1501
|
className: h,
|
|
1502
1502
|
children: f.unavailableLabel
|
|
1503
|
-
}) : /* @__PURE__ */
|
|
1503
|
+
}) : /* @__PURE__ */ G(pt, {
|
|
1504
1504
|
items: t,
|
|
1505
1505
|
isLoading: n,
|
|
1506
1506
|
isLoadingMore: r,
|
|
@@ -1521,24 +1521,24 @@ var Me = {
|
|
|
1521
1521
|
}
|
|
1522
1522
|
})
|
|
1523
1523
|
});
|
|
1524
|
-
},
|
|
1524
|
+
}, xt = /* @__PURE__ */ function(e) {
|
|
1525
1525
|
return e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
|
|
1526
|
-
}({}),
|
|
1526
|
+
}({}), St = ({ 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" }) => {
|
|
1527
1527
|
let [p, m] = ke(!1);
|
|
1528
|
-
|
|
1528
|
+
Ee(() => {
|
|
1529
1529
|
m(!1);
|
|
1530
1530
|
}, [e]);
|
|
1531
|
-
let h = t === "error" || t === "unavailable" ? /* @__PURE__ */
|
|
1531
|
+
let h = t === "error" || t === "unavailable" ? /* @__PURE__ */ K("div", {
|
|
1532
1532
|
className: "flex flex-col items-start gap-2",
|
|
1533
|
-
children: [/* @__PURE__ */
|
|
1533
|
+
children: [/* @__PURE__ */ G("p", {
|
|
1534
1534
|
role: "alert",
|
|
1535
1535
|
className: f,
|
|
1536
1536
|
children: u.unavailableLabel
|
|
1537
|
-
}), t === "error" && n && /* @__PURE__ */
|
|
1537
|
+
}), t === "error" && n && /* @__PURE__ */ G(N, {
|
|
1538
1538
|
label: u.retryLabel,
|
|
1539
1539
|
onClick: n
|
|
1540
1540
|
})]
|
|
1541
|
-
}) : /* @__PURE__ */
|
|
1541
|
+
}) : /* @__PURE__ */ G(vt, {
|
|
1542
1542
|
modelLabel: u.modelLabel,
|
|
1543
1543
|
instructionsLabel: u.instructionsLabel,
|
|
1544
1544
|
skillLabel: u.skillLabel,
|
|
@@ -1550,8 +1550,8 @@ var Me = {
|
|
|
1550
1550
|
markdownLabels: c,
|
|
1551
1551
|
styles: l
|
|
1552
1552
|
});
|
|
1553
|
-
return /* @__PURE__ */
|
|
1554
|
-
title: /* @__PURE__ */
|
|
1553
|
+
return /* @__PURE__ */ G(S, {
|
|
1554
|
+
title: /* @__PURE__ */ G(yt, {
|
|
1555
1555
|
className: d,
|
|
1556
1556
|
children: u.title
|
|
1557
1557
|
}),
|
|
@@ -1559,7 +1559,7 @@ var Me = {
|
|
|
1559
1559
|
onToggle: m,
|
|
1560
1560
|
children: h
|
|
1561
1561
|
});
|
|
1562
|
-
},
|
|
1562
|
+
}, Ct = ({ taskName: e, icon: t, typeLabel: n, body: r, pendingLabel: i, isDeleting: a = !1, styles: o, ...s }) => /* @__PURE__ */ G(l, {
|
|
1563
1563
|
...s,
|
|
1564
1564
|
variant: te.Danger,
|
|
1565
1565
|
popupClassName: o?.popupClassName,
|
|
@@ -1570,12 +1570,12 @@ var Me = {
|
|
|
1570
1570
|
message: r,
|
|
1571
1571
|
isLoading: a,
|
|
1572
1572
|
loadingStatusLabel: i,
|
|
1573
|
-
identity: /* @__PURE__ */
|
|
1573
|
+
identity: /* @__PURE__ */ G(h, {
|
|
1574
1574
|
styles: { colors: {
|
|
1575
1575
|
background: o?.colors?.summaryBackground ?? "var(--bg-error, #f3d6d8)",
|
|
1576
1576
|
border: o?.colors?.summaryBorder ?? "var(--stroke-error-alpha, #ae2f2f73)"
|
|
1577
1577
|
} },
|
|
1578
|
-
children: /* @__PURE__ */
|
|
1578
|
+
children: /* @__PURE__ */ G(u, {
|
|
1579
1579
|
icon: t,
|
|
1580
1580
|
typeLabel: n,
|
|
1581
1581
|
name: e,
|
|
@@ -1584,4 +1584,4 @@ var Me = {
|
|
|
1584
1584
|
})
|
|
1585
1585
|
});
|
|
1586
1586
|
//#endregion
|
|
1587
|
-
export { c as DESCRIPTION_MAX_LENGTH,
|
|
1587
|
+
export { c as DESCRIPTION_MAX_LENGTH, Ne as SCHEDULED_TASKS_CLASS, Re as ScheduledTaskCard, Ue as ScheduledTaskCardGrid, He as ScheduledTaskCardSkeleton, St as ScheduledTaskConversationDetailsSection, xt as ScheduledTaskConversationDetailsState, bt as ScheduledTaskConversationHistorySection, it as ScheduledTaskCreateForm, Ct as ScheduledTaskDeleteConfirmation, gt as ScheduledTaskDetailView, vt as ScheduledTaskDetailsSummary, ht as ScheduledTaskHistorySection, Pe as ScheduledTaskPresentationStatus, r as ScheduledTaskRepeat, pt as ScheduledTaskRunHistoryList, dt as ScheduledTaskRunStatus, q as ScheduledTaskStatus, qe as ScheduledTasks, Je as ScheduledTasksSortKey, s as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Xe as hasScheduledTaskFormChanges };
|