@epam/ai-dial-scheduled-tasks 1.3.0-dev.118 → 1.3.0-dev.126
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 +170 -166
- package/package.json +3 -3
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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 { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as
|
|
4
|
-
import { IconAlertTriangle as
|
|
3
|
+
import { Accordion as S, ButtonAppearance as C, ButtonDropdown as te, ButtonVariant as w, Calendar as T, CalendarMode as E, CardShell as D, ConfirmationPopupVariant as ne, DIAL_ICON_SIZE as O, DIAL_KIT_ICON_STROKE as k, ElementSize as re, FolderPath as ie, GhostButton as A, GhostIconButton as ae, Highlight as oe, Input as se, Label as ce, MenuItemMark as le, NeutralButton as ue, NumberInput as de, PrimaryButton as j, Search as fe, Select as pe, Skeleton as M, SkeletonVariant as N, Spinner as me, Switch as he, Tabs as ge, Textarea as _e, Tooltip as ve } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { IconAlertTriangle as P, IconArrowNarrowLeft as ye, IconArrowsSort as be, IconCheck as F, IconCircleX as xe, IconClipboardX as I, IconClockHour3 as L, IconPencilMinus as Se, IconPlayerPause as Ce, IconPlayerPlay as R, IconPlus as z, IconTrashX as we } from "@tabler/icons-react";
|
|
5
5
|
import { Suspense as Te, lazy as B, useCallback as Ee, useEffect as De, useId as Oe, useLayoutEffect as ke, useMemo as V, useRef as Ae, useState as je } from "react";
|
|
6
6
|
import { Fragment as Me, jsx as H, jsxs as U } from "react/jsx-runtime";
|
|
7
7
|
import { BuilderFormContainer as Ne } from "@epam/ai-dial-builder-form";
|
|
@@ -29,7 +29,7 @@ var Pe = {
|
|
|
29
29
|
pausedLabel: "_pausedLabel_1cwco_15",
|
|
30
30
|
completedPill: "_completedPill_1cwco_19",
|
|
31
31
|
completedLabel: "_completedLabel_1cwco_24"
|
|
32
|
-
},
|
|
32
|
+
}, J = {
|
|
33
33
|
[G.Scheduled]: {
|
|
34
34
|
pillClassName: "inline-block rounded-lg border px-2 py-1",
|
|
35
35
|
wrapperClassName: q.schedulePill,
|
|
@@ -39,7 +39,7 @@ var Pe = {
|
|
|
39
39
|
pillClassName: "inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
40
40
|
wrapperClassName: q.pausedPill,
|
|
41
41
|
labelClassName: q.pausedLabel,
|
|
42
|
-
renderIcon: () => /* @__PURE__ */ H(
|
|
42
|
+
renderIcon: () => /* @__PURE__ */ H(Ce, {
|
|
43
43
|
size: O.SM,
|
|
44
44
|
"aria-hidden": !0,
|
|
45
45
|
stroke: k
|
|
@@ -55,13 +55,13 @@ var Pe = {
|
|
|
55
55
|
stroke: k
|
|
56
56
|
})
|
|
57
57
|
}
|
|
58
|
-
},
|
|
59
|
-
let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } =
|
|
58
|
+
}, Ie = ({ status: e, text: t, textClassName: n = "dial-tiny-text", className: r }) => {
|
|
59
|
+
let { pillClassName: i, wrapperClassName: a, labelClassName: o, renderIcon: s } = J[e];
|
|
60
60
|
return /* @__PURE__ */ U("span", {
|
|
61
61
|
className: v(i, n, a, o, r),
|
|
62
62
|
children: [s && s(), t]
|
|
63
63
|
});
|
|
64
|
-
},
|
|
64
|
+
}, Y = {
|
|
65
65
|
title: "_title_hmbo0_2",
|
|
66
66
|
description: "_description_hmbo0_6",
|
|
67
67
|
locationLabel: "_locationLabel_hmbo0_10",
|
|
@@ -69,7 +69,7 @@ var Pe = {
|
|
|
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", S = d?.newBadgeClassName ?? "dial-tiny-semi-text", C = Fe(e), { text: te, textClassName: w } = {
|
|
74
74
|
[G.Scheduled]: {
|
|
75
75
|
text: e.scheduleLabel,
|
|
@@ -111,7 +111,7 @@ var Pe = {
|
|
|
111
111
|
role: n ? "button" : "group",
|
|
112
112
|
"aria-label": e.displayName,
|
|
113
113
|
style: T,
|
|
114
|
-
className: v("h-[var(--st-card-height,232px)]",
|
|
114
|
+
className: v("h-[var(--st-card-height,232px)]", Y.card, n && "cursor-pointer", a, Pe.card),
|
|
115
115
|
...E,
|
|
116
116
|
children: [
|
|
117
117
|
/* @__PURE__ */ U("div", {
|
|
@@ -120,68 +120,71 @@ var Pe = {
|
|
|
120
120
|
text: e.displayName,
|
|
121
121
|
query: t,
|
|
122
122
|
maxLines: o ? 2 : 1,
|
|
123
|
-
className: v(f,
|
|
123
|
+
className: v(f, Y.title)
|
|
124
124
|
}), e.isNew && /* @__PURE__ */ H("span", {
|
|
125
|
-
className: v("shrink-0 rounded-full px-2 py-0.5", S,
|
|
125
|
+
className: v("shrink-0 rounded-full px-2 py-0.5", S, Y.newBadge),
|
|
126
126
|
children: s
|
|
127
127
|
})]
|
|
128
128
|
}),
|
|
129
129
|
e.descriptionPreview && /* @__PURE__ */ H("p", {
|
|
130
|
-
className: v("line-clamp-4 min-h-0 flex-1 overflow-hidden", m, p,
|
|
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
133
|
/* @__PURE__ */ U("div", {
|
|
134
134
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
135
135
|
children: [/* @__PURE__ */ H("div", {
|
|
136
136
|
className: "flex min-h-[28px] items-center",
|
|
137
|
-
children: /* @__PURE__ */ H(
|
|
137
|
+
children: /* @__PURE__ */ H(Ie, {
|
|
138
138
|
status: C,
|
|
139
139
|
text: te,
|
|
140
140
|
textClassName: w
|
|
141
141
|
})
|
|
142
142
|
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ H(ie, {
|
|
143
143
|
segments: e.locationSegments,
|
|
144
|
-
labelClassName: v(x,
|
|
145
|
-
leafClassName: v(ee,
|
|
146
|
-
className: v("pt-3",
|
|
144
|
+
labelClassName: v(x, Y.locationLabel),
|
|
145
|
+
leafClassName: v(ee, Y.locationLeaf),
|
|
146
|
+
className: v("pt-3", Y.locationDivider)
|
|
147
147
|
})]
|
|
148
148
|
})
|
|
149
149
|
]
|
|
150
150
|
});
|
|
151
|
-
},
|
|
151
|
+
}, Re = { card: "_card_18ivt_1" }, ze = [
|
|
152
152
|
"100%",
|
|
153
153
|
"100%",
|
|
154
154
|
"61%"
|
|
155
|
-
],
|
|
156
|
-
"
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
height: "20px",
|
|
164
|
-
color: Ve,
|
|
165
|
-
className: "shrink-0"
|
|
166
|
-
}),
|
|
167
|
-
/* @__PURE__ */ H("div", {
|
|
168
|
-
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
169
|
-
children: Be.map((e, t) => /* @__PURE__ */ H(M, {
|
|
155
|
+
], Be = "var(--stcs-skeleton-bg)", Ve = ({ styles: e }) => {
|
|
156
|
+
let t = _({ "--stcs-skeleton-bg": e?.colors?.skeletonColor });
|
|
157
|
+
return /* @__PURE__ */ U(D, {
|
|
158
|
+
"aria-hidden": !0,
|
|
159
|
+
style: t,
|
|
160
|
+
className: v("h-[var(--st-card-height,232px)]", Re.card),
|
|
161
|
+
children: [
|
|
162
|
+
/* @__PURE__ */ H(M, {
|
|
170
163
|
variant: N.Rectangular,
|
|
171
|
-
width:
|
|
172
|
-
height: "
|
|
173
|
-
color:
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
}),
|
|
164
|
+
width: "60%",
|
|
165
|
+
height: "20px",
|
|
166
|
+
color: Be,
|
|
167
|
+
className: "shrink-0"
|
|
168
|
+
}),
|
|
169
|
+
/* @__PURE__ */ H("div", {
|
|
170
|
+
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
171
|
+
children: ze.map((e, t) => /* @__PURE__ */ H(M, {
|
|
172
|
+
variant: N.Rectangular,
|
|
173
|
+
width: e,
|
|
174
|
+
height: "16px",
|
|
175
|
+
color: Be
|
|
176
|
+
}, t))
|
|
177
|
+
}),
|
|
178
|
+
/* @__PURE__ */ H(M, {
|
|
179
|
+
variant: N.Rectangular,
|
|
180
|
+
width: "110px",
|
|
181
|
+
height: "28px",
|
|
182
|
+
color: Be,
|
|
183
|
+
className: "shrink-0 rounded-lg"
|
|
184
|
+
})
|
|
185
|
+
]
|
|
186
|
+
});
|
|
187
|
+
}, He = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o, layout: s }) => /* @__PURE__ */ U("div", {
|
|
185
188
|
style: {
|
|
186
189
|
"--st-grid-min-card-width": s?.minCardWidth,
|
|
187
190
|
"--st-grid-gap": s?.gap,
|
|
@@ -192,31 +195,31 @@ var Pe = {
|
|
|
192
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))"
|
|
193
196
|
},
|
|
194
197
|
className: v("mx-auto grid w-full min-w-0", Pe.cardGrid),
|
|
195
|
-
children: [e.map((e) => /* @__PURE__ */ H(
|
|
198
|
+
children: [e.map((e) => /* @__PURE__ */ H(Le, {
|
|
196
199
|
item: e,
|
|
197
200
|
searchQuery: t,
|
|
198
201
|
onCardClick: n,
|
|
199
202
|
labels: r,
|
|
200
203
|
styles: i
|
|
201
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(
|
|
202
|
-
}),
|
|
204
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ H(Ve, { styles: o }, `skeleton-${t}`))]
|
|
205
|
+
}), X = {
|
|
203
206
|
container: "_container_3vz4t_2",
|
|
204
207
|
subtitle: "_subtitle_3vz4t_6",
|
|
205
208
|
createButtonLabel: "_createButtonLabel_3vz4t_10",
|
|
206
209
|
sortButton: "_sortButton_3vz4t_19",
|
|
207
210
|
createButton: "_createButton_3vz4t_10",
|
|
208
211
|
sortControlHidden: "_sortControlHidden_3vz4t_49"
|
|
209
|
-
},
|
|
212
|
+
}, Ue = /* @__PURE__ */ H(L, {
|
|
210
213
|
size: 48,
|
|
211
214
|
stroke: 1,
|
|
212
215
|
"aria-hidden": !0
|
|
213
|
-
}),
|
|
216
|
+
}), We = (e, t, n, r, i, a) => {
|
|
214
217
|
if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
|
|
215
|
-
},
|
|
218
|
+
}, Ge = (e) => {
|
|
216
219
|
if (!e || e === document.body) return null;
|
|
217
220
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
218
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
219
|
-
},
|
|
221
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : Ge(e.parentElement);
|
|
222
|
+
}, 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: S, loadMoreError: T, onRetryLoadMore: E }) => {
|
|
220
223
|
let { colors: D, typography: ne } = y ?? {}, ie = ne?.titleClassName ?? "dial-h1-text", ae = ne?.subtitleClassName ?? "dial-body-text", oe = _({
|
|
221
224
|
"--st-bg": D?.background,
|
|
222
225
|
"--st-subtitle-text": D?.subtitleText,
|
|
@@ -242,11 +245,11 @@ var Pe = {
|
|
|
242
245
|
e.sortOptions,
|
|
243
246
|
i,
|
|
244
247
|
a
|
|
245
|
-
]),
|
|
248
|
+
]), ve = We(s, d, !!c, o.length, n.trim().length > 0, e), P = Ae(null);
|
|
246
249
|
De(() => {
|
|
247
|
-
let e =
|
|
250
|
+
let e = P.current;
|
|
248
251
|
if (!e || !p) return;
|
|
249
|
-
let t =
|
|
252
|
+
let t = Ge(e.parentElement);
|
|
250
253
|
if (!t) return;
|
|
251
254
|
let n = () => {
|
|
252
255
|
if (d || s || T || !u) return;
|
|
@@ -264,22 +267,22 @@ var Pe = {
|
|
|
264
267
|
let ye = () => s ? /* @__PURE__ */ H(me, {}) : c ? /* @__PURE__ */ U("div", {
|
|
265
268
|
className: "flex flex-col items-center gap-3",
|
|
266
269
|
children: [/* @__PURE__ */ H("p", {
|
|
267
|
-
className: v(ae,
|
|
270
|
+
className: v(ae, X.subtitle),
|
|
268
271
|
children: e.errorLabel
|
|
269
272
|
}), /* @__PURE__ */ H(A, {
|
|
270
273
|
label: e.retryLabel,
|
|
271
274
|
onClick: l
|
|
272
275
|
})]
|
|
273
276
|
}) : o.length === 0 ? n.trim() ? /* @__PURE__ */ H("p", {
|
|
274
|
-
className: v(ae,
|
|
277
|
+
className: v(ae, X.subtitle),
|
|
275
278
|
children: e.noResultsLabel
|
|
276
279
|
}) : /* @__PURE__ */ H(m, {
|
|
277
280
|
label: e.emptyStateLabel,
|
|
278
|
-
icon:
|
|
281
|
+
icon: Ue
|
|
279
282
|
}) : /* @__PURE__ */ U("div", {
|
|
280
283
|
className: "flex w-full flex-col gap-6",
|
|
281
284
|
children: [
|
|
282
|
-
/* @__PURE__ */ H(
|
|
285
|
+
/* @__PURE__ */ H(He, {
|
|
283
286
|
items: o,
|
|
284
287
|
searchQuery: n,
|
|
285
288
|
onCardClick: h,
|
|
@@ -293,7 +296,7 @@ var Pe = {
|
|
|
293
296
|
role: "alert",
|
|
294
297
|
className: "flex items-center gap-3",
|
|
295
298
|
children: [/* @__PURE__ */ H("span", {
|
|
296
|
-
className: v(ae,
|
|
299
|
+
className: v(ae, X.subtitle),
|
|
297
300
|
children: e.loadMoreErrorLabel ?? e.errorLabel
|
|
298
301
|
}), /* @__PURE__ */ H(A, {
|
|
299
302
|
label: e.retryLabel,
|
|
@@ -301,7 +304,7 @@ var Pe = {
|
|
|
301
304
|
})]
|
|
302
305
|
}),
|
|
303
306
|
/* @__PURE__ */ H("div", {
|
|
304
|
-
ref:
|
|
307
|
+
ref: P,
|
|
305
308
|
"aria-hidden": !0,
|
|
306
309
|
className: "h-px w-full"
|
|
307
310
|
})
|
|
@@ -309,7 +312,7 @@ var Pe = {
|
|
|
309
312
|
}), F = s || !!c || o.length === 0;
|
|
310
313
|
return /* @__PURE__ */ U("div", {
|
|
311
314
|
style: oe,
|
|
312
|
-
className: v("flex h-full w-full flex-col gap-4 overflow-y-auto px-4 py-4 desktop:gap-6 desktop:px-8",
|
|
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),
|
|
313
316
|
children: [
|
|
314
317
|
/* @__PURE__ */ U("div", {
|
|
315
318
|
className: "flex items-start justify-between gap-4",
|
|
@@ -319,20 +322,20 @@ var Pe = {
|
|
|
319
322
|
className: v("truncate", ie),
|
|
320
323
|
children: e.title
|
|
321
324
|
}), /* @__PURE__ */ H("p", {
|
|
322
|
-
className: v("mt-1", ae,
|
|
325
|
+
className: v("mt-1", ae, X.subtitle),
|
|
323
326
|
children: e.subtitle
|
|
324
327
|
})]
|
|
325
328
|
}), /* @__PURE__ */ H(j, {
|
|
326
329
|
label: e.createButtonLabel,
|
|
327
|
-
textClassName:
|
|
330
|
+
textClassName: X.createButtonLabel,
|
|
328
331
|
"aria-label": e.createButtonLabel,
|
|
329
|
-
iconBefore: /* @__PURE__ */ H(
|
|
332
|
+
iconBefore: /* @__PURE__ */ H(z, {
|
|
330
333
|
size: O.SM,
|
|
331
334
|
"aria-hidden": !0,
|
|
332
335
|
stroke: k
|
|
333
336
|
}),
|
|
334
337
|
onClick: t,
|
|
335
|
-
className: v("shrink-0",
|
|
338
|
+
className: v("shrink-0", X.createButton)
|
|
336
339
|
})]
|
|
337
340
|
}),
|
|
338
341
|
/* @__PURE__ */ U("div", {
|
|
@@ -352,7 +355,7 @@ var Pe = {
|
|
|
352
355
|
})
|
|
353
356
|
}), e.sortOptions.length > 0 && /* @__PURE__ */ H("div", {
|
|
354
357
|
ref: M,
|
|
355
|
-
className: v(de &&
|
|
358
|
+
className: v(de && X.sortControlHidden),
|
|
356
359
|
children: /* @__PURE__ */ H(te, {
|
|
357
360
|
items: _e,
|
|
358
361
|
label: ge,
|
|
@@ -363,7 +366,7 @@ var Pe = {
|
|
|
363
366
|
"aria-hidden": !0,
|
|
364
367
|
stroke: k
|
|
365
368
|
}) : b,
|
|
366
|
-
className:
|
|
369
|
+
className: X.sortButton
|
|
367
370
|
})
|
|
368
371
|
})]
|
|
369
372
|
}),
|
|
@@ -372,7 +375,7 @@ var Pe = {
|
|
|
372
375
|
role: "status",
|
|
373
376
|
"aria-live": "polite",
|
|
374
377
|
className: "sr-only",
|
|
375
|
-
children:
|
|
378
|
+
children: ve
|
|
376
379
|
}),
|
|
377
380
|
/* @__PURE__ */ H("div", {
|
|
378
381
|
className: v("mx-auto flex size-full w-full min-w-0 flex-col", F && "items-center justify-center"),
|
|
@@ -380,13 +383,13 @@ var Pe = {
|
|
|
380
383
|
})
|
|
381
384
|
]
|
|
382
385
|
});
|
|
383
|
-
},
|
|
386
|
+
}, qe = /* @__PURE__ */ function(e) {
|
|
384
387
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
385
|
-
}({}),
|
|
386
|
-
let n = new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
387
|
-
for (let r of n) if (
|
|
388
|
+
}({}), Je = (e) => e == null ? "" : typeof e == "string" ? e.trim() : Array.isArray(e) ? e.length ? JSON.stringify(e) : "" : JSON.stringify(e), Ye = (e, t) => {
|
|
389
|
+
let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
390
|
+
for (let r of n) if (Je(e[r]) !== Je(t[r])) return !0;
|
|
388
391
|
return !1;
|
|
389
|
-
},
|
|
392
|
+
}, Xe = { error: "_error_v2pfn_4" }, Ze = ({ label: e, value: t, onChange: r, error: i, errorClassName: a = "dial-small-text" }) => {
|
|
390
393
|
let o = Ae(/* @__PURE__ */ new Date()).current;
|
|
391
394
|
return /* @__PURE__ */ U("div", {
|
|
392
395
|
className: "flex flex-col gap-1",
|
|
@@ -402,18 +405,18 @@ var Pe = {
|
|
|
402
405
|
},
|
|
403
406
|
invalid: !!i
|
|
404
407
|
}), i && /* @__PURE__ */ H("p", {
|
|
405
|
-
className: v(a,
|
|
408
|
+
className: v(a, Xe.error),
|
|
406
409
|
children: i
|
|
407
410
|
})]
|
|
408
411
|
});
|
|
409
|
-
},
|
|
412
|
+
}, Z = {
|
|
410
413
|
formColumn: "_formColumn_1253x_1",
|
|
411
414
|
detailsColumn: "_detailsColumn_1253x_10",
|
|
412
415
|
sectionSubtitle: "_sectionSubtitle_1253x_14",
|
|
413
416
|
instructionsError: "_instructionsError_1253x_18",
|
|
414
417
|
refineFeedback: "_refineFeedback_1253x_22",
|
|
415
418
|
refineError: "_refineError_1253x_26"
|
|
416
|
-
},
|
|
419
|
+
}, Qe = B(async () => ({ default: (await W()).MarkdownEditor })), $e = ({ labels: n, values: r, initialValues: s, errors: u, modelSelector: p, modelLabelId: m, skillSelector: h, onFieldChange: b, onBack: S, onCancel: C, onSubmit: te, isSubmitting: w = !1, onRefineDescription: D, onRefineInstructions: re, markdownEditorTheme: ie, backIcon: A, className: ae, styles: oe }) => {
|
|
417
420
|
let le = Oe(), ue = Oe(), j = Ae(void 0), fe = (e) => e ? async (t, n) => {
|
|
418
421
|
if (j.current && !j.current.aborted) throw new DOMException("Busy", "AbortError");
|
|
419
422
|
j.current = n;
|
|
@@ -434,28 +437,29 @@ var Pe = {
|
|
|
434
437
|
disabled: w
|
|
435
438
|
}), he = M.isPending || N.isPending, ge = () => {
|
|
436
439
|
M.reset(), N.reset();
|
|
437
|
-
},
|
|
440
|
+
}, ve = !!(s && Ye(r, s)), P = ee(ve), be = () => P.guard(() => {
|
|
438
441
|
ge(), S();
|
|
439
|
-
}),
|
|
442
|
+
}), F = () => P.guard(() => {
|
|
440
443
|
ge(), C();
|
|
441
|
-
}),
|
|
444
|
+
}), xe = y(), I = !r.skillUrls?.length, [L, Se] = je(), Ce = Ae(/* @__PURE__ */ new Date()).current, { colors: R, typography: z, layout: we } = oe ?? {}, B = z?.titleClassName ?? "dial-h1-text", Ee = z?.sectionTitleClassName ?? "dial-body-semi-text", ke = z?.sectionSubtitleClassName ?? "dial-tiny-text", V = z?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", W = z?.instructionsErrorClassName ?? "dial-small-text", G = _({
|
|
442
445
|
"--stcf-details-border": R?.detailsColumnBorder,
|
|
443
446
|
"--stcf-subtitle-text": R?.sectionSubtitleText,
|
|
444
447
|
"--stcf-error-text": R?.instructionsErrorText,
|
|
445
448
|
"--stcf-refine-action-text": R?.refineActionText,
|
|
446
449
|
"--stcf-refine-error-text": R?.refineErrorText
|
|
447
|
-
}),
|
|
448
|
-
feedbackClassName: v(R?.refineActionText &&
|
|
449
|
-
errorClassName:
|
|
450
|
-
}, K = (e) => {
|
|
451
|
-
L(c.test(e.target.value) ? void 0 : n.timeInvalidLabel), b("time", e.target.value);
|
|
450
|
+
}), K = {
|
|
451
|
+
feedbackClassName: v(R?.refineActionText && Z.refineFeedback, z?.refineFeedbackClassName, Pe.refineFeedback),
|
|
452
|
+
errorClassName: Z.refineError
|
|
452
453
|
}, Fe = (e) => {
|
|
453
|
-
|
|
454
|
-
|
|
454
|
+
let t = c.test(e.target.value) ? void 0 : n.timeInvalidLabel;
|
|
455
|
+
Se(t), b("time", e.target.value);
|
|
456
|
+
}, q = (e) => {
|
|
457
|
+
Se(void 0), b("time", typeof e == "string" ? e : "");
|
|
458
|
+
}, J = r.repeat !== t.OneTime && r.repeat !== t.Hourly;
|
|
455
459
|
De(() => {
|
|
456
|
-
|
|
457
|
-
}, [
|
|
458
|
-
let Ie =
|
|
460
|
+
J || Se(void 0);
|
|
461
|
+
}, [J]);
|
|
462
|
+
let Ie = J ? L ?? u.time : void 0, Y = (e) => b("runAt", e), Le = w || he || !r.displayName.trim() || !r.modelId || !r.prompt.trim() && !r.skillUrls?.length || !!u.skillUrls || J && !r.time || !!Ie;
|
|
459
463
|
return /* @__PURE__ */ U(Me, { children: [/* @__PURE__ */ H(Ne, {
|
|
460
464
|
labels: {
|
|
461
465
|
title: n.pageTitle,
|
|
@@ -464,13 +468,13 @@ var Pe = {
|
|
|
464
468
|
submitButtonLabel: n.createButtonLabel,
|
|
465
469
|
submittingLabel: n.submittingLabel ?? "Saving"
|
|
466
470
|
},
|
|
467
|
-
onBack:
|
|
468
|
-
onCancel:
|
|
471
|
+
onBack: be,
|
|
472
|
+
onCancel: F,
|
|
469
473
|
onSubmit: () => {
|
|
470
|
-
!
|
|
474
|
+
!Le && (!j.current || j.current.aborted) && te();
|
|
471
475
|
},
|
|
472
476
|
isCancelDisabled: w,
|
|
473
|
-
isSubmitDisabled:
|
|
477
|
+
isSubmitDisabled: Le,
|
|
474
478
|
isSubmitting: w,
|
|
475
479
|
backIcon: A === void 0 ? /* @__PURE__ */ H(ye, {
|
|
476
480
|
size: O.LG,
|
|
@@ -479,8 +483,8 @@ var Pe = {
|
|
|
479
483
|
className: "rtl:scale-x-[-1]"
|
|
480
484
|
}) : A,
|
|
481
485
|
layout: {
|
|
482
|
-
sideColumnWidth:
|
|
483
|
-
columnGap:
|
|
486
|
+
sideColumnWidth: we?.detailsWidth,
|
|
487
|
+
columnGap: we?.columnGap,
|
|
484
488
|
reserveEndColumn: !1
|
|
485
489
|
},
|
|
486
490
|
className: ae,
|
|
@@ -488,22 +492,22 @@ var Pe = {
|
|
|
488
492
|
colors: { background: R?.background },
|
|
489
493
|
header: {
|
|
490
494
|
colors: { borderColor: R?.headerBorder },
|
|
491
|
-
typography: { fontClassName:
|
|
495
|
+
typography: { fontClassName: B }
|
|
492
496
|
},
|
|
493
|
-
cssVars:
|
|
497
|
+
cssVars: G
|
|
494
498
|
},
|
|
495
499
|
left: /* @__PURE__ */ U("div", {
|
|
496
500
|
role: "group",
|
|
497
501
|
"aria-label": n.detailsSectionTitle,
|
|
498
|
-
className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e",
|
|
502
|
+
className: v("flex flex-1 flex-col gap-5 py-6 desktop:border-e", Z.detailsColumn, Z.formColumn),
|
|
499
503
|
children: [
|
|
500
504
|
/* @__PURE__ */ U("div", {
|
|
501
505
|
className: "flex flex-col gap-1",
|
|
502
506
|
children: [/* @__PURE__ */ H("h2", {
|
|
503
|
-
className:
|
|
507
|
+
className: Ee,
|
|
504
508
|
children: n.detailsSectionTitle
|
|
505
509
|
}), /* @__PURE__ */ H("p", {
|
|
506
|
-
className: v(
|
|
510
|
+
className: v(ke, Z.sectionSubtitle),
|
|
507
511
|
children: n.detailsSectionSubtitle
|
|
508
512
|
})]
|
|
509
513
|
}),
|
|
@@ -526,7 +530,7 @@ var Pe = {
|
|
|
526
530
|
refinement: M,
|
|
527
531
|
disabled: w || he,
|
|
528
532
|
caption: `${(r.description ?? "").length}/500`,
|
|
529
|
-
...
|
|
533
|
+
...K,
|
|
530
534
|
children: /* @__PURE__ */ H(_e, {
|
|
531
535
|
id: le,
|
|
532
536
|
value: r.description ?? "",
|
|
@@ -549,7 +553,7 @@ var Pe = {
|
|
|
549
553
|
}),
|
|
550
554
|
p,
|
|
551
555
|
u.modelId && /* @__PURE__ */ H("p", {
|
|
552
|
-
className: v(
|
|
556
|
+
className: v(W, Z.instructionsError),
|
|
553
557
|
children: u.modelId
|
|
554
558
|
})
|
|
555
559
|
]
|
|
@@ -566,22 +570,22 @@ var Pe = {
|
|
|
566
570
|
label: e.label
|
|
567
571
|
}))
|
|
568
572
|
}),
|
|
569
|
-
r.repeat === t.OneTime && /* @__PURE__ */ H(
|
|
573
|
+
r.repeat === t.OneTime && /* @__PURE__ */ H(Ze, {
|
|
570
574
|
label: n.runAtLabel,
|
|
571
575
|
value: r.runAt ?? "",
|
|
572
|
-
onChange:
|
|
576
|
+
onChange: Y,
|
|
573
577
|
error: u.runAt,
|
|
574
|
-
errorClassName:
|
|
578
|
+
errorClassName: W
|
|
575
579
|
}),
|
|
576
580
|
r.repeat !== t.OneTime && /* @__PURE__ */ U(Me, { children: [
|
|
577
|
-
|
|
581
|
+
J && /* @__PURE__ */ U("div", {
|
|
578
582
|
className: "flex flex-col gap-1",
|
|
579
583
|
children: [/* @__PURE__ */ H(T, {
|
|
580
584
|
id: "scheduled-task-time",
|
|
581
585
|
mode: E.Time,
|
|
582
586
|
value: r.time,
|
|
583
|
-
onChange:
|
|
584
|
-
onBlur:
|
|
587
|
+
onChange: q,
|
|
588
|
+
onBlur: Fe,
|
|
585
589
|
labelProps: {
|
|
586
590
|
label: n.timeLabel,
|
|
587
591
|
required: !0
|
|
@@ -590,7 +594,7 @@ var Pe = {
|
|
|
590
594
|
disabled: w,
|
|
591
595
|
showTimezone: !0
|
|
592
596
|
}), Ie && /* @__PURE__ */ H("p", {
|
|
593
|
-
className: v(
|
|
597
|
+
className: v(W, Z.instructionsError),
|
|
594
598
|
children: Ie
|
|
595
599
|
})]
|
|
596
600
|
}),
|
|
@@ -607,7 +611,7 @@ var Pe = {
|
|
|
607
611
|
},
|
|
608
612
|
invalid: !!u.dayOfWeek
|
|
609
613
|
}), u.dayOfWeek && /* @__PURE__ */ H("p", {
|
|
610
|
-
className: v(
|
|
614
|
+
className: v(W, Z.instructionsError),
|
|
611
615
|
children: u.dayOfWeek
|
|
612
616
|
})]
|
|
613
617
|
}),
|
|
@@ -648,12 +652,12 @@ var Pe = {
|
|
|
648
652
|
mode: E.Date,
|
|
649
653
|
value: e(r.startDate),
|
|
650
654
|
onChange: (e) => b("startDate", i(e)),
|
|
651
|
-
minDate:
|
|
655
|
+
minDate: Ce,
|
|
652
656
|
labelProps: { label: n.startDateLabel },
|
|
653
657
|
placeholder: n.startDatePlaceholder,
|
|
654
658
|
invalid: !!u.startDate
|
|
655
659
|
}), u.startDate && /* @__PURE__ */ H("p", {
|
|
656
|
-
className: v(
|
|
660
|
+
className: v(W, Z.instructionsError),
|
|
657
661
|
children: u.startDate
|
|
658
662
|
})]
|
|
659
663
|
}), /* @__PURE__ */ U("div", {
|
|
@@ -663,12 +667,12 @@ var Pe = {
|
|
|
663
667
|
mode: E.Date,
|
|
664
668
|
value: e(r.endDate),
|
|
665
669
|
onChange: (e) => b("endDate", i(e)),
|
|
666
|
-
minDate:
|
|
670
|
+
minDate: Ce,
|
|
667
671
|
labelProps: { label: n.endDateLabel },
|
|
668
672
|
placeholder: n.endDatePlaceholder,
|
|
669
673
|
invalid: !!u.endDate
|
|
670
674
|
}), u.endDate && /* @__PURE__ */ H("p", {
|
|
671
|
-
className: v(
|
|
675
|
+
className: v(W, Z.instructionsError),
|
|
672
676
|
children: u.endDate
|
|
673
677
|
})]
|
|
674
678
|
})]
|
|
@@ -681,22 +685,22 @@ var Pe = {
|
|
|
681
685
|
children: /* @__PURE__ */ U("div", {
|
|
682
686
|
role: "group",
|
|
683
687
|
"aria-label": n.configurationSectionTitle,
|
|
684
|
-
className: v("flex flex-1 flex-col gap-5 py-6",
|
|
688
|
+
className: v("flex flex-1 flex-col gap-5 py-6", Z.formColumn),
|
|
685
689
|
children: [
|
|
686
690
|
/* @__PURE__ */ U("div", {
|
|
687
691
|
className: "flex flex-col gap-1",
|
|
688
692
|
children: [/* @__PURE__ */ H("h2", {
|
|
689
|
-
className:
|
|
693
|
+
className: Ee,
|
|
690
694
|
children: n.configurationSectionTitle
|
|
691
695
|
}), /* @__PURE__ */ H("p", {
|
|
692
|
-
className: v(
|
|
696
|
+
className: v(ke, Z.sectionSubtitle),
|
|
693
697
|
children: n.configurationSectionSubtitle
|
|
694
698
|
})]
|
|
695
699
|
}),
|
|
696
700
|
h == null ? u.skillUrls && /* @__PURE__ */ H("div", {
|
|
697
701
|
"aria-live": "polite",
|
|
698
702
|
children: /* @__PURE__ */ H("p", {
|
|
699
|
-
className: v(
|
|
703
|
+
className: v(W, Z.instructionsError),
|
|
700
704
|
children: u.skillUrls
|
|
701
705
|
})
|
|
702
706
|
}) : /* @__PURE__ */ H("div", {
|
|
@@ -708,28 +712,28 @@ var Pe = {
|
|
|
708
712
|
children: /* @__PURE__ */ H(g, {
|
|
709
713
|
isEnabled: !!re,
|
|
710
714
|
fieldId: ue,
|
|
711
|
-
labelClassName:
|
|
715
|
+
labelClassName: V,
|
|
712
716
|
label: n.instructionsLabel,
|
|
713
|
-
required:
|
|
717
|
+
required: I,
|
|
714
718
|
labels: n,
|
|
715
719
|
refinement: N,
|
|
716
720
|
disabled: w || he,
|
|
717
|
-
...
|
|
721
|
+
...K,
|
|
718
722
|
children: /* @__PURE__ */ U("div", {
|
|
719
723
|
className: "flex flex-1 flex-col gap-1",
|
|
720
724
|
children: [
|
|
721
725
|
!re && /* @__PURE__ */ H(ce, {
|
|
722
726
|
htmlFor: ue,
|
|
723
|
-
className:
|
|
727
|
+
className: V,
|
|
724
728
|
label: n.instructionsLabel,
|
|
725
|
-
required:
|
|
729
|
+
required: I
|
|
726
730
|
}),
|
|
727
731
|
/* @__PURE__ */ H("div", {
|
|
728
|
-
ref:
|
|
732
|
+
ref: xe,
|
|
729
733
|
className: v("w-full", d, f),
|
|
730
734
|
children: /* @__PURE__ */ H(Te, {
|
|
731
735
|
fallback: /* @__PURE__ */ H(me, {}),
|
|
732
|
-
children: /* @__PURE__ */ H(
|
|
736
|
+
children: /* @__PURE__ */ H(Qe, {
|
|
733
737
|
id: ue,
|
|
734
738
|
value: r.prompt,
|
|
735
739
|
onChange: (e) => {
|
|
@@ -742,7 +746,7 @@ var Pe = {
|
|
|
742
746
|
})
|
|
743
747
|
}),
|
|
744
748
|
u.prompt && /* @__PURE__ */ H("p", {
|
|
745
|
-
className: v(
|
|
749
|
+
className: v(W, Z.instructionsError),
|
|
746
750
|
children: u.prompt
|
|
747
751
|
})
|
|
748
752
|
]
|
|
@@ -761,18 +765,18 @@ var Pe = {
|
|
|
761
765
|
onConfirm: P.confirm,
|
|
762
766
|
onClose: P.dismiss
|
|
763
767
|
})] });
|
|
764
|
-
},
|
|
768
|
+
}, et = /* @__PURE__ */ function(e) {
|
|
765
769
|
return e.Details = "details", e.Configuration = "configuration", e.History = "history", e;
|
|
766
|
-
}({}),
|
|
770
|
+
}({}), tt = /* @__PURE__ */ function(e) {
|
|
767
771
|
return e.Card = "card", e.Flow = "flow", e;
|
|
768
|
-
}({}),
|
|
772
|
+
}({}), nt = { subtitleText: "_subtitleText_1i4x2_3" }, rt = ({ skillLabel: e, skillDisplayNames: t, instructionsLabel: n, instructionsMarkdown: r, renderInstructions: i, markdownLabels: a, fieldLabelClassName: o = "dial-tiny-text" }) => /* @__PURE__ */ U("div", {
|
|
769
773
|
className: "flex min-w-0 flex-col gap-5",
|
|
770
774
|
children: [!!t?.length && /* @__PURE__ */ U("div", {
|
|
771
775
|
role: "group",
|
|
772
776
|
"aria-label": e,
|
|
773
777
|
className: "flex min-w-0 flex-col gap-1",
|
|
774
778
|
children: [/* @__PURE__ */ H("span", {
|
|
775
|
-
className: v(o,
|
|
779
|
+
className: v(o, nt.subtitleText),
|
|
776
780
|
children: e
|
|
777
781
|
}), /* @__PURE__ */ H("p", {
|
|
778
782
|
className: "break-all whitespace-normal",
|
|
@@ -786,18 +790,18 @@ var Pe = {
|
|
|
786
790
|
"aria-label": n,
|
|
787
791
|
className: "flex min-w-0 flex-col gap-1",
|
|
788
792
|
children: [/* @__PURE__ */ H("span", {
|
|
789
|
-
className: v(o,
|
|
793
|
+
className: v(o, nt.subtitleText),
|
|
790
794
|
children: n
|
|
791
795
|
}), i ? i(r) : /* @__PURE__ */ H(p, {
|
|
792
796
|
content: r,
|
|
793
797
|
...a
|
|
794
798
|
})]
|
|
795
799
|
})]
|
|
796
|
-
}),
|
|
800
|
+
}), 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__ */ U(Me, { children: [
|
|
797
801
|
t && /* @__PURE__ */ U("div", {
|
|
798
802
|
className: "flex flex-col gap-1",
|
|
799
803
|
children: [/* @__PURE__ */ H("span", {
|
|
800
|
-
className: v(o,
|
|
804
|
+
className: v(o, it.subtitleText),
|
|
801
805
|
children: e.descriptionLabel
|
|
802
806
|
}), /* @__PURE__ */ H("p", {
|
|
803
807
|
className: s,
|
|
@@ -807,7 +811,7 @@ var Pe = {
|
|
|
807
811
|
a && /* @__PURE__ */ U("div", {
|
|
808
812
|
className: "flex flex-col gap-1",
|
|
809
813
|
children: [/* @__PURE__ */ H("span", {
|
|
810
|
-
className: v(o,
|
|
814
|
+
className: v(o, it.subtitleText),
|
|
811
815
|
children: e.completedFieldLabel
|
|
812
816
|
}), /* @__PURE__ */ H("p", {
|
|
813
817
|
className: s,
|
|
@@ -817,7 +821,7 @@ var Pe = {
|
|
|
817
821
|
n && /* @__PURE__ */ U("div", {
|
|
818
822
|
className: "flex flex-col gap-1",
|
|
819
823
|
children: [/* @__PURE__ */ H("span", {
|
|
820
|
-
className: v(o,
|
|
824
|
+
className: v(o, it.subtitleText),
|
|
821
825
|
children: e.modelLabel
|
|
822
826
|
}), /* @__PURE__ */ H("p", {
|
|
823
827
|
className: s,
|
|
@@ -827,7 +831,7 @@ var Pe = {
|
|
|
827
831
|
r && /* @__PURE__ */ U("div", {
|
|
828
832
|
className: "flex flex-col gap-1",
|
|
829
833
|
children: [/* @__PURE__ */ H("span", {
|
|
830
|
-
className: v(o,
|
|
834
|
+
className: v(o, it.subtitleText),
|
|
831
835
|
children: e.repeatsLabel
|
|
832
836
|
}), /* @__PURE__ */ H("p", {
|
|
833
837
|
className: s,
|
|
@@ -837,14 +841,14 @@ var Pe = {
|
|
|
837
841
|
i && /* @__PURE__ */ U("div", {
|
|
838
842
|
className: "flex flex-col gap-1",
|
|
839
843
|
children: [/* @__PURE__ */ H("span", {
|
|
840
|
-
className: v(o,
|
|
844
|
+
className: v(o, it.subtitleText),
|
|
841
845
|
children: e.activeWindowLabel
|
|
842
846
|
}), /* @__PURE__ */ H("p", {
|
|
843
847
|
className: s,
|
|
844
848
|
children: i
|
|
845
849
|
})]
|
|
846
850
|
})
|
|
847
|
-
] }),
|
|
851
|
+
] }), ot = /* @__PURE__ */ function(e) {
|
|
848
852
|
return e.Success = "success", e.Error = "error", e.InProgress = "inProgress", e.Missed = "missed", e;
|
|
849
853
|
}({}), Q = {
|
|
850
854
|
subtitleText: "_subtitleText_6i141_1",
|
|
@@ -856,23 +860,23 @@ var Pe = {
|
|
|
856
860
|
unreadDot: "_unreadDot_6i141_33"
|
|
857
861
|
}, st = ({ status: e }) => {
|
|
858
862
|
switch (e) {
|
|
859
|
-
case
|
|
863
|
+
case ot.Success: return /* @__PURE__ */ H(F, {
|
|
860
864
|
size: O.SM,
|
|
861
865
|
className: Q.successIcon,
|
|
862
866
|
"aria-hidden": !0,
|
|
863
867
|
stroke: k
|
|
864
868
|
});
|
|
865
|
-
case
|
|
869
|
+
case ot.Error: return /* @__PURE__ */ H(xe, {
|
|
866
870
|
size: O.SM,
|
|
867
871
|
className: Q.errorIcon,
|
|
868
872
|
"aria-hidden": !0,
|
|
869
873
|
stroke: k
|
|
870
874
|
});
|
|
871
|
-
case
|
|
875
|
+
case ot.InProgress: return /* @__PURE__ */ H("span", {
|
|
872
876
|
"aria-hidden": !0,
|
|
873
877
|
children: /* @__PURE__ */ H(me, { size: O.SM })
|
|
874
878
|
});
|
|
875
|
-
case
|
|
879
|
+
case ot.Missed: return /* @__PURE__ */ H(P, {
|
|
876
880
|
size: O.SM,
|
|
877
881
|
className: Q.missedIcon,
|
|
878
882
|
"aria-hidden": !0,
|
|
@@ -892,7 +896,7 @@ var Pe = {
|
|
|
892
896
|
"--strhl-row-focus-bg": u?.rowFocusBackground,
|
|
893
897
|
"--strhl-row-focus-outline": u?.rowFocusOutline
|
|
894
898
|
}), b = (e) => {
|
|
895
|
-
let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status ===
|
|
899
|
+
let t = c.runStatusLabels[e.status], n = e.id === o, r = e.status === ot.Error && e.errorText ? e.errorText : void 0, i = [
|
|
896
900
|
r,
|
|
897
901
|
e.isUnread ? g : void 0,
|
|
898
902
|
n ? c.currentRunLabel : void 0
|
|
@@ -915,7 +919,7 @@ var Pe = {
|
|
|
915
919
|
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),
|
|
916
920
|
children: [/* @__PURE__ */ U("span", {
|
|
917
921
|
className: "flex min-w-0 items-center gap-1",
|
|
918
|
-
children: [r ? /* @__PURE__ */ H(
|
|
922
|
+
children: [r ? /* @__PURE__ */ H(ve, {
|
|
919
923
|
tooltip: r,
|
|
920
924
|
asChild: !0,
|
|
921
925
|
contentClassName: "max-w-[320px] whitespace-pre-wrap break-words",
|
|
@@ -1016,7 +1020,7 @@ var Pe = {
|
|
|
1016
1020
|
subtitleText: "_subtitleText_153p9_8",
|
|
1017
1021
|
cardLayout: "_cardLayout_153p9_13"
|
|
1018
1022
|
}, ut = ({ variant: e, labels: t, nextRunLabel: n, items: r, isLoading: i = !1, isLoadingMore: a = !1, skeletonCount: o = 6, error: s, onRetry: c, loadMoreError: l, onRetryLoadMore: u, hasMore: d = !1, onLoadMore: f, onRunClick: p, runTimestampClassName: m = "dial-small-text", runTimestampUnreadClassName: h = "dial-small-semi-text", sectionTitleClassName: g = "dial-body-semi-text", colors: _, styles: y }) => {
|
|
1019
|
-
let b = e ===
|
|
1023
|
+
let b = e === tt.Card, x = b ? v("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", lt.historyCard) : "pt-2", ee = l ? /* @__PURE__ */ U("li", {
|
|
1020
1024
|
className: x,
|
|
1021
1025
|
children: [/* @__PURE__ */ H("p", {
|
|
1022
1026
|
role: "alert",
|
|
@@ -1109,27 +1113,27 @@ var Pe = {
|
|
|
1109
1113
|
actionButton: "_actionButton_hdn5b_75",
|
|
1110
1114
|
roundActionButton: "_roundActionButton_hdn5b_82",
|
|
1111
1115
|
stickyTabs: "_stickyTabs_hdn5b_88"
|
|
1112
|
-
}, 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: S, modelLabel: C, repeatsLabel: te, activeWindowLabel: T, completedLabel: E, nextRunLabel: D, instructionsMarkdown: ne, skillDisplayNames: re, renderInstructions: ie, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: de, onRunsRetry: j, runsLoadMoreError: fe, onRunsRetryLoadMore: pe, runsHasMore: M = !1, onRunsLoadMore: N, onRunClick: _e, styles:
|
|
1113
|
-
let { colors: I, typography: L } =
|
|
1116
|
+
}, 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: S, modelLabel: C, repeatsLabel: te, activeWindowLabel: T, completedLabel: E, nextRunLabel: D, instructionsMarkdown: ne, skillDisplayNames: re, renderInstructions: ie, runs: oe, runsIsLoading: se = !1, runsIsLoadingMore: ce = !1, runsSkeletonCount: le = 6, runsError: de, onRunsRetry: j, runsLoadMoreError: fe, onRunsRetryLoadMore: pe, runsHasMore: M = !1, onRunsLoadMore: N, onRunClick: _e, styles: ve, className: P, backIcon: be, layout: F, historyStyles: xe }) => {
|
|
1117
|
+
let { colors: I, typography: L } = ve ?? {}, Ce = L?.titleClassName ?? "dial-h2-text", z = L?.sectionTitleClassName ?? "dial-body-semi-text", Te = L?.fieldLabelClassName ?? "dial-tiny-text", B = L?.fieldValueClassName ?? "dial-small-text", Ee = L?.runTimestampClassName ?? "dial-small-text", De = _({
|
|
1114
1118
|
"--stdv-bg": I?.background,
|
|
1115
1119
|
"--stdv-header-border": I?.headerBorder,
|
|
1116
1120
|
"--stdv-details-border": I?.detailsColumnBorder,
|
|
1117
1121
|
"--stdv-subtitle-text": I?.subtitleText,
|
|
1118
1122
|
"--stdv-history-bg": I?.historyCardBackground
|
|
1119
|
-
}), ke = b(), [V, Ae] = je(
|
|
1123
|
+
}), ke = b(), [V, Ae] = je(et.Details), Ne = Oe(), W = o && !i ? e.startNowBusyLabel : void 0, Pe = [
|
|
1120
1124
|
{
|
|
1121
|
-
id:
|
|
1125
|
+
id: et.Details,
|
|
1122
1126
|
label: e.detailsTitle
|
|
1123
1127
|
},
|
|
1124
1128
|
{
|
|
1125
|
-
id:
|
|
1129
|
+
id: et.Configuration,
|
|
1126
1130
|
label: e.configurationTitle
|
|
1127
1131
|
},
|
|
1128
1132
|
{
|
|
1129
|
-
id:
|
|
1133
|
+
id: et.History,
|
|
1130
1134
|
label: e.historyTitle
|
|
1131
1135
|
}
|
|
1132
|
-
], G = Pe.find((e) => e.id === V)?.label ?? e.detailsTitle, K = /* @__PURE__ */ H(
|
|
1136
|
+
], G = Pe.find((e) => e.id === V)?.label ?? e.detailsTitle, K = /* @__PURE__ */ H(at, {
|
|
1133
1137
|
labels: {
|
|
1134
1138
|
descriptionLabel: e.descriptionLabel,
|
|
1135
1139
|
modelLabel: e.modelLabel,
|
|
@@ -1144,7 +1148,7 @@ var Pe = {
|
|
|
1144
1148
|
completedLabel: E,
|
|
1145
1149
|
fieldLabelClassName: Te,
|
|
1146
1150
|
fieldValueClassName: B
|
|
1147
|
-
}), Fe = /* @__PURE__ */ H(
|
|
1151
|
+
}), Fe = /* @__PURE__ */ H(rt, {
|
|
1148
1152
|
instructionsLabel: e.instructionsLabel,
|
|
1149
1153
|
skillLabel: e.skillLabel,
|
|
1150
1154
|
skillDisplayNames: re,
|
|
@@ -1184,13 +1188,13 @@ var Pe = {
|
|
|
1184
1188
|
onLoadMore: N,
|
|
1185
1189
|
onRunClick: _e,
|
|
1186
1190
|
runTimestampClassName: Ee,
|
|
1187
|
-
sectionTitleClassName:
|
|
1191
|
+
sectionTitleClassName: z,
|
|
1188
1192
|
colors: I,
|
|
1189
1193
|
styles: xe
|
|
1190
1194
|
});
|
|
1191
1195
|
return /* @__PURE__ */ U("div", {
|
|
1192
1196
|
style: De,
|
|
1193
|
-
className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container,
|
|
1197
|
+
className: v("flex h-full min-h-0 w-full flex-col overflow-hidden", $.container, P),
|
|
1194
1198
|
children: [
|
|
1195
1199
|
/* @__PURE__ */ U("div", {
|
|
1196
1200
|
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),
|
|
@@ -1208,7 +1212,7 @@ var Pe = {
|
|
|
1208
1212
|
onClick: t
|
|
1209
1213
|
}),
|
|
1210
1214
|
/* @__PURE__ */ H("h1", {
|
|
1211
|
-
className: v("truncate", $.desktopTitle,
|
|
1215
|
+
className: v("truncate", $.desktopTitle, Ce),
|
|
1212
1216
|
children: g
|
|
1213
1217
|
}),
|
|
1214
1218
|
l && /* @__PURE__ */ H("span", {
|
|
@@ -1262,7 +1266,7 @@ var Pe = {
|
|
|
1262
1266
|
children: W
|
|
1263
1267
|
}), /* @__PURE__ */ H(ue, {
|
|
1264
1268
|
label: i ? e.startingLabel ?? e.startNowButtonLabel : e.startNowButtonLabel,
|
|
1265
|
-
iconBefore: /* @__PURE__ */ H(
|
|
1269
|
+
iconBefore: /* @__PURE__ */ H(R, {
|
|
1266
1270
|
size: O.SM,
|
|
1267
1271
|
"aria-hidden": !0,
|
|
1268
1272
|
stroke: k
|
|
@@ -1281,7 +1285,7 @@ var Pe = {
|
|
|
1281
1285
|
/* @__PURE__ */ U("div", {
|
|
1282
1286
|
className: v("min-w-0 items-center gap-2 px-4 py-3", $.mobileTitleRow),
|
|
1283
1287
|
children: [/* @__PURE__ */ H("h1", {
|
|
1284
|
-
className: v("truncate",
|
|
1288
|
+
className: v("truncate", Ce),
|
|
1285
1289
|
children: g
|
|
1286
1290
|
}), l && /* @__PURE__ */ H("span", {
|
|
1287
1291
|
className: v("shrink-0", B, $.subtitleText),
|
|
@@ -1329,7 +1333,7 @@ var Pe = {
|
|
|
1329
1333
|
role: "tabpanel",
|
|
1330
1334
|
"aria-label": G,
|
|
1331
1335
|
className: "flex flex-1 flex-col gap-5 px-4 py-6",
|
|
1332
|
-
children: V ===
|
|
1336
|
+
children: V === et.Configuration ? Fe : V === et.History ? q(tt.Flow) : K
|
|
1333
1337
|
})]
|
|
1334
1338
|
}) : /* @__PURE__ */ U("div", {
|
|
1335
1339
|
style: {
|
|
@@ -1350,7 +1354,7 @@ var Pe = {
|
|
|
1350
1354
|
},
|
|
1351
1355
|
className: v("flex min-h-0 w-full flex-col gap-5 overflow-y-auto border-e px-8 py-6", $.detailsColumn),
|
|
1352
1356
|
children: [/* @__PURE__ */ H("h2", {
|
|
1353
|
-
className:
|
|
1357
|
+
className: z,
|
|
1354
1358
|
children: e.detailsTitle
|
|
1355
1359
|
}), K]
|
|
1356
1360
|
}),
|
|
@@ -1361,7 +1365,7 @@ var Pe = {
|
|
|
1361
1365
|
},
|
|
1362
1366
|
className: "flex min-h-0 w-full min-w-0 flex-col gap-5 overflow-y-auto px-8 py-6",
|
|
1363
1367
|
children: [/* @__PURE__ */ H("h2", {
|
|
1364
|
-
className:
|
|
1368
|
+
className: z,
|
|
1365
1369
|
children: e.configurationTitle
|
|
1366
1370
|
}), Fe]
|
|
1367
1371
|
}),
|
|
@@ -1371,7 +1375,7 @@ var Pe = {
|
|
|
1371
1375
|
minWidth: 0
|
|
1372
1376
|
},
|
|
1373
1377
|
className: "flex min-h-0 w-full items-start justify-center overflow-y-auto p-6",
|
|
1374
|
-
children: q(
|
|
1378
|
+
children: q(tt.Card)
|
|
1375
1379
|
})
|
|
1376
1380
|
]
|
|
1377
1381
|
}))
|
|
@@ -1538,4 +1542,4 @@ var Pe = {
|
|
|
1538
1542
|
}) })
|
|
1539
1543
|
});
|
|
1540
1544
|
//#endregion
|
|
1541
|
-
export { r as DESCRIPTION_MAX_LENGTH, Pe as SCHEDULED_TASKS_CLASS,
|
|
1545
|
+
export { r as DESCRIPTION_MAX_LENGTH, Pe as SCHEDULED_TASKS_CLASS, Le as ScheduledTaskCard, He as ScheduledTaskCardGrid, Ve as ScheduledTaskCardSkeleton, _t as ScheduledTaskConversationDetailsSection, gt as ScheduledTaskConversationDetailsState, ht as ScheduledTaskConversationHistorySection, $e as ScheduledTaskCreateForm, vt as ScheduledTaskDeleteConfirmation, dt as ScheduledTaskDetailView, pt as ScheduledTaskDetailsSummary, ut as ScheduledTaskHistorySection, K as ScheduledTaskPresentationStatus, t as ScheduledTaskRepeat, ct as ScheduledTaskRunHistoryList, ot as ScheduledTaskRunStatus, G as ScheduledTaskStatus, Ke as ScheduledTasks, qe as ScheduledTasksSortKey, c as TIME_OF_DAY_PATTERN, Fe as getScheduledTaskStatus, Ye as hasScheduledTaskFormChanges };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-scheduled-tasks",
|
|
3
3
|
"description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
|
|
4
|
-
"version": "1.3.0-dev.
|
|
4
|
+
"version": "1.3.0-dev.126",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
"@tabler/icons-react": "^3.44.0",
|
|
26
26
|
"@uiw/react-markdown-preview": "^5.2.1",
|
|
27
27
|
"@uiw/react-md-editor": "^4.1.1",
|
|
28
|
-
"@epam/ai-dial-builder-form": "1.3.0-dev.
|
|
28
|
+
"@epam/ai-dial-builder-form": "1.3.0-dev.126"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@epam/ai-dial-chat-shared": "1.3.0-dev.
|
|
31
|
+
"@epam/ai-dial-chat-shared": "1.3.0-dev.126",
|
|
32
32
|
"@epam/ai-dial-ui-kit": "^0.16.0-dev.20",
|
|
33
33
|
"react": "^19.2.8"
|
|
34
34
|
},
|