@epam/ai-dial-scheduled-tasks 1.1.0-dev.411 → 1.1.0-dev.413
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Button as
|
|
3
|
-
import { IconAlertTriangle as
|
|
4
|
-
import { Suspense as
|
|
5
|
-
import { Fragment as
|
|
6
|
-
import { BuilderFormContainer as
|
|
7
|
-
import { LazyMarkdownEditor as
|
|
1
|
+
import { MARKDOWN_EDITOR_MAX_HEIGHT_CLASS_NAME as e, MDMessageViewer as t, PanelEmptyState as n, buildCssVars as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
|
|
2
|
+
import { Button as a, ButtonAppearance as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, DIAL_KIT_ICON_STROKE as f, Dropdown as p, ElementSize as m, EllipsisTooltip as h, FolderPath as g, GhostButton as _, GhostIconButton as v, Highlight as y, Input as b, Label as x, NeutralButton as S, NumberInput as C, PrimaryButton as w, Search as T, Select as E, Skeleton as D, SkeletonVariant as O, Spinner as k, Switch as ee, Textarea as A } from "@epam/ai-dial-ui-kit";
|
|
3
|
+
import { IconAlertTriangle as j, IconArrowLeft as te, IconCalendarTime as ne, IconCheck as M, IconChevronDown as re, IconChevronUp as ie, IconCircleCheck as ae, IconCircleX as N, IconClipboardX as P, IconPencilMinus as oe, IconPlayerPause as F, IconPlus as se, IconTrashX as I } from "@tabler/icons-react";
|
|
4
|
+
import { Suspense as L, lazy as R, useEffect as ce, useId as z, useRef as B, useState as V } from "react";
|
|
5
|
+
import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
|
|
6
|
+
import { BuilderFormContainer as G } from "@epam/ai-dial-builder-form";
|
|
7
|
+
import { LazyMarkdownEditor as le } from "@epam/ai-dial-ui-kit/editors";
|
|
8
8
|
var K = {
|
|
9
9
|
title: "_title_1hxc3_1",
|
|
10
10
|
description: "_description_1hxc3_5",
|
|
@@ -16,8 +16,8 @@ var K = {
|
|
|
16
16
|
pausedPill: "_pausedPill_1hxc3_31",
|
|
17
17
|
pausedLabel: "_pausedLabel_1hxc3_36",
|
|
18
18
|
locationDivider: "_locationDivider_1hxc3_40"
|
|
19
|
-
},
|
|
20
|
-
let c = a?.newBadgeLabel ?? "NEW",
|
|
19
|
+
}, ue = ({ item: e, searchQuery: t = "", onCardClick: n, labels: a, styles: o, className: s }) => {
|
|
20
|
+
let c = a?.newBadgeLabel ?? "NEW", l = a?.pausedBadgeLabel ?? "Paused", { colors: p, typography: m } = o ?? {}, h = m?.titleClassName ?? "dial-body-semi-text", _ = m?.descriptionClassName ?? "dial-small-text", v = m?.descriptionSizeClassName ?? "dial-tiny-text", b = m?.scheduleLabelClassName ?? "dial-tiny-text", x = m?.locationLabelClassName ?? "dial-tiny-text", S = m?.locationLeafClassName ?? "dial-tiny-semi-text", C = m?.newBadgeClassName ?? "dial-tiny-semi-text", w = m?.pausedBadgeClassName ?? "dial-tiny-text", T = r({
|
|
21
21
|
"--stc-title-text": p?.titleText,
|
|
22
22
|
"--stc-desc-text": p?.descriptionText,
|
|
23
23
|
"--stc-pill-bg": p?.schedulePillBackground,
|
|
@@ -31,477 +31,477 @@ var K = {
|
|
|
31
31
|
"--stc-paused-bg": p?.pausedBadgeBackground,
|
|
32
32
|
"--stc-paused-border": p?.pausedBadgeBorder,
|
|
33
33
|
"--stc-paused-text": p?.pausedBadgeText
|
|
34
|
-
}), E =
|
|
34
|
+
}), E = n ? {
|
|
35
35
|
tabIndex: 0,
|
|
36
|
-
onClick: () =>
|
|
36
|
+
onClick: () => n(e.id),
|
|
37
37
|
onKeyDown: (t) => {
|
|
38
|
-
(t.key === "Enter" || t.key === " ") && (t.preventDefault(),
|
|
38
|
+
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.id));
|
|
39
39
|
}
|
|
40
40
|
} : {};
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
role:
|
|
41
|
+
return /* @__PURE__ */ W(u, {
|
|
42
|
+
role: n ? "button" : "group",
|
|
43
43
|
"aria-label": e.displayName,
|
|
44
44
|
style: T,
|
|
45
|
-
className:
|
|
45
|
+
className: i("h-[232px]", n && "cursor-pointer", s),
|
|
46
46
|
...E,
|
|
47
47
|
children: [
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ W("div", {
|
|
49
49
|
className: "flex min-w-0 shrink-0 items-center gap-2",
|
|
50
|
-
children: [/* @__PURE__ */
|
|
50
|
+
children: [/* @__PURE__ */ U(y, {
|
|
51
51
|
text: e.displayName,
|
|
52
52
|
query: t,
|
|
53
53
|
maxLines: 1,
|
|
54
|
-
className:
|
|
55
|
-
}), e.isNew && /* @__PURE__ */
|
|
56
|
-
className:
|
|
54
|
+
className: i(h, K.title)
|
|
55
|
+
}), e.isNew && /* @__PURE__ */ U("span", {
|
|
56
|
+
className: i("shrink-0 rounded-full px-2 py-0.5", C, K.newBadge),
|
|
57
57
|
children: c
|
|
58
58
|
})]
|
|
59
59
|
}),
|
|
60
|
-
e.descriptionPreview && /* @__PURE__ */
|
|
61
|
-
className:
|
|
60
|
+
e.descriptionPreview && /* @__PURE__ */ U("p", {
|
|
61
|
+
className: i("line-clamp-4 min-h-0 flex-1 overflow-hidden", v, _, K.description),
|
|
62
62
|
children: e.descriptionPreview
|
|
63
63
|
}),
|
|
64
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ W("div", {
|
|
65
65
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
66
|
-
children: [/* @__PURE__ */
|
|
66
|
+
children: [/* @__PURE__ */ U("div", {
|
|
67
67
|
className: "flex min-h-[28px] items-center",
|
|
68
|
-
children: e.isActive === !1 ? /* @__PURE__ */
|
|
69
|
-
className:
|
|
70
|
-
children: [/* @__PURE__ */
|
|
71
|
-
size:
|
|
68
|
+
children: e.isActive === !1 ? /* @__PURE__ */ W("span", {
|
|
69
|
+
className: i("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", K.pausedPill, w, K.pausedLabel),
|
|
70
|
+
children: [/* @__PURE__ */ U(F, {
|
|
71
|
+
size: d.SM,
|
|
72
72
|
"aria-hidden": !0,
|
|
73
|
-
stroke:
|
|
74
|
-
}),
|
|
75
|
-
}) : /* @__PURE__ */
|
|
76
|
-
className:
|
|
73
|
+
stroke: f
|
|
74
|
+
}), l]
|
|
75
|
+
}) : /* @__PURE__ */ U("span", {
|
|
76
|
+
className: i("inline-block rounded-lg border px-2 py-1", K.schedulePill, b, K.scheduleLabel),
|
|
77
77
|
children: e.scheduleLabel
|
|
78
78
|
})
|
|
79
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */
|
|
79
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ U(g, {
|
|
80
80
|
segments: e.locationSegments,
|
|
81
|
-
labelClassName:
|
|
82
|
-
leafClassName:
|
|
83
|
-
className:
|
|
81
|
+
labelClassName: i(x, K.locationLabel),
|
|
82
|
+
leafClassName: i(S, K.locationLeaf),
|
|
83
|
+
className: i("pt-3", K.locationDivider)
|
|
84
84
|
})]
|
|
85
85
|
})
|
|
86
86
|
]
|
|
87
87
|
});
|
|
88
|
-
},
|
|
88
|
+
}, de = { card: "_card_11bez_1" }, fe = [
|
|
89
89
|
"100%",
|
|
90
90
|
"100%",
|
|
91
91
|
"61%"
|
|
92
|
-
],
|
|
92
|
+
], pe = "var(--stcs-skeleton-bg)", me = ({ styles: e }) => /* @__PURE__ */ W(u, {
|
|
93
93
|
"aria-hidden": !0,
|
|
94
|
-
style:
|
|
95
|
-
className:
|
|
94
|
+
style: r({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
|
|
95
|
+
className: i("h-[232px]", de.card),
|
|
96
96
|
children: [
|
|
97
|
-
/* @__PURE__ */
|
|
98
|
-
variant:
|
|
97
|
+
/* @__PURE__ */ U(D, {
|
|
98
|
+
variant: O.Rectangular,
|
|
99
99
|
width: "60%",
|
|
100
100
|
height: "20px",
|
|
101
|
-
color:
|
|
101
|
+
color: pe,
|
|
102
102
|
className: "shrink-0"
|
|
103
103
|
}),
|
|
104
|
-
/* @__PURE__ */
|
|
104
|
+
/* @__PURE__ */ U("div", {
|
|
105
105
|
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
106
|
-
children:
|
|
107
|
-
variant:
|
|
106
|
+
children: fe.map((e, t) => /* @__PURE__ */ U(D, {
|
|
107
|
+
variant: O.Rectangular,
|
|
108
108
|
width: e,
|
|
109
109
|
height: "16px",
|
|
110
|
-
color:
|
|
110
|
+
color: pe
|
|
111
111
|
}, t))
|
|
112
112
|
}),
|
|
113
|
-
/* @__PURE__ */
|
|
114
|
-
variant:
|
|
113
|
+
/* @__PURE__ */ U(D, {
|
|
114
|
+
variant: O.Rectangular,
|
|
115
115
|
width: "110px",
|
|
116
116
|
height: "28px",
|
|
117
|
-
color:
|
|
117
|
+
color: pe,
|
|
118
118
|
className: "shrink-0 rounded-lg"
|
|
119
119
|
})
|
|
120
120
|
]
|
|
121
|
-
}),
|
|
121
|
+
}), he = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ W("div", {
|
|
122
122
|
className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
|
|
123
|
-
children: [e.map((e) => /* @__PURE__ */
|
|
123
|
+
children: [e.map((e) => /* @__PURE__ */ U(ue, {
|
|
124
124
|
item: e,
|
|
125
125
|
searchQuery: t,
|
|
126
126
|
onCardClick: n,
|
|
127
127
|
labels: r,
|
|
128
128
|
styles: i
|
|
129
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */
|
|
129
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ U(me, { styles: o }, `skeleton-${t}`))]
|
|
130
130
|
}), q = {
|
|
131
131
|
container: "_container_r5sk9_1",
|
|
132
132
|
subtitle: "_subtitle_r5sk9_5",
|
|
133
133
|
sortButton: "_sortButton_r5sk9_9"
|
|
134
|
-
},
|
|
134
|
+
}, ge = (e, t, n, r, i, a) => {
|
|
135
135
|
if (!e) return t ? a.loadingMoreLabel : n ? a.errorLabel : r > 0 ? `${r}` : i ? a.noResultsLabel : a.emptyStateLabel;
|
|
136
|
-
},
|
|
136
|
+
}, _e = (e) => {
|
|
137
137
|
if (!e || e === document.body) return null;
|
|
138
138
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
139
|
-
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e :
|
|
140
|
-
},
|
|
141
|
-
let { colors: A, typography: j, emptyStateIconSize:
|
|
139
|
+
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : _e(e.parentElement);
|
|
140
|
+
}, ve = ({ labels: e, onCreateClick: t, searchQuery: c, onSearchQueryChange: l, sortKey: u, onSortChange: g, items: v, isLoading: y = !1, error: b, onRetry: x, hasMore: S = !1, isLoadingMore: C = !1, skeletonCount: E = 6, onLoadMore: D, onCardClick: O, styles: ee }) => {
|
|
141
|
+
let { colors: A, typography: j, emptyStateIconSize: te = 48 } = ee ?? {}, ae = j?.titleClassName ?? "dial-h1-text", N = j?.subtitleClassName ?? "dial-body-text", P = r({
|
|
142
142
|
"--st-bg": A?.background,
|
|
143
143
|
"--st-subtitle-text": A?.subtitleText,
|
|
144
144
|
"--st-sort-text": A?.sortButtonText
|
|
145
|
-
}),
|
|
145
|
+
}), oe = (e) => {
|
|
146
146
|
l(e ?? "");
|
|
147
|
-
}, [
|
|
148
|
-
let t = e.key ===
|
|
147
|
+
}, [F, I] = V(!1), L = e.sortOptions.find((e) => e.key === u)?.label ?? e.sortLabel, R = e.sortOptions.map((e) => {
|
|
148
|
+
let t = e.key === u;
|
|
149
149
|
return {
|
|
150
150
|
...e,
|
|
151
151
|
selectable: !0,
|
|
152
152
|
checked: t,
|
|
153
|
-
renderItem: () => /* @__PURE__ */
|
|
154
|
-
size:
|
|
155
|
-
stroke:
|
|
153
|
+
renderItem: () => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(h, { text: e.label }), t && /* @__PURE__ */ U(M, {
|
|
154
|
+
size: d.SM,
|
|
155
|
+
stroke: f,
|
|
156
156
|
"aria-hidden": !0
|
|
157
157
|
})] }),
|
|
158
158
|
onClick: () => {
|
|
159
|
-
|
|
159
|
+
I(!1), g(e.key);
|
|
160
160
|
}
|
|
161
161
|
};
|
|
162
|
-
}),
|
|
163
|
-
|
|
162
|
+
}), z = ge(y, C, !!b, v.length, c.trim().length > 0, e), G = B(null);
|
|
163
|
+
ce(() => {
|
|
164
164
|
let e = G.current;
|
|
165
165
|
if (!e || !D) return;
|
|
166
|
-
let t =
|
|
166
|
+
let t = _e(e.parentElement);
|
|
167
167
|
if (!t) return;
|
|
168
168
|
let n = () => {
|
|
169
|
-
if (
|
|
169
|
+
if (C || y || !S) return;
|
|
170
170
|
let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
|
|
171
171
|
r.top < n.bottom && r.bottom > n.top && D();
|
|
172
172
|
};
|
|
173
173
|
return t.addEventListener("scroll", n, { passive: !0 }), n(), () => t.removeEventListener("scroll", n);
|
|
174
174
|
}, [
|
|
175
175
|
S,
|
|
176
|
-
|
|
176
|
+
C,
|
|
177
177
|
y,
|
|
178
178
|
D
|
|
179
179
|
]);
|
|
180
|
-
let
|
|
180
|
+
let le = () => y ? /* @__PURE__ */ U(k, {}) : b ? /* @__PURE__ */ W("div", {
|
|
181
181
|
className: "flex flex-col items-center gap-3",
|
|
182
|
-
children: [/* @__PURE__ */
|
|
183
|
-
className:
|
|
182
|
+
children: [/* @__PURE__ */ U("p", {
|
|
183
|
+
className: i(N, q.subtitle),
|
|
184
184
|
children: e.errorLabel
|
|
185
|
-
}), /* @__PURE__ */
|
|
185
|
+
}), /* @__PURE__ */ U(_, {
|
|
186
186
|
label: e.retryLabel,
|
|
187
187
|
onClick: x
|
|
188
188
|
})]
|
|
189
|
-
}) : v.length === 0 ? c.trim() ? /* @__PURE__ */
|
|
190
|
-
className:
|
|
189
|
+
}) : v.length === 0 ? c.trim() ? /* @__PURE__ */ U("p", {
|
|
190
|
+
className: i(N, q.subtitle),
|
|
191
191
|
children: e.noResultsLabel
|
|
192
|
-
}) : /* @__PURE__ */
|
|
193
|
-
icon: /* @__PURE__ */
|
|
192
|
+
}) : /* @__PURE__ */ U(n, {
|
|
193
|
+
icon: /* @__PURE__ */ U(ne, {
|
|
194
194
|
"aria-hidden": !0,
|
|
195
|
-
size:
|
|
195
|
+
size: te,
|
|
196
196
|
stroke: 1
|
|
197
197
|
}),
|
|
198
198
|
label: e.emptyStateLabel
|
|
199
|
-
}) : /* @__PURE__ */
|
|
199
|
+
}) : /* @__PURE__ */ W("div", {
|
|
200
200
|
className: "flex w-full flex-col gap-6",
|
|
201
|
-
children: [/* @__PURE__ */
|
|
201
|
+
children: [/* @__PURE__ */ U(he, {
|
|
202
202
|
items: v,
|
|
203
203
|
searchQuery: c,
|
|
204
|
-
onCardClick:
|
|
204
|
+
onCardClick: O,
|
|
205
205
|
labels: e.cardLabels,
|
|
206
|
-
trailingSkeletonCount:
|
|
206
|
+
trailingSkeletonCount: C ? E : 0,
|
|
207
207
|
skeletonStyles: { colors: { skeletonColor: A?.skeletonColor } }
|
|
208
|
-
}), /* @__PURE__ */
|
|
208
|
+
}), /* @__PURE__ */ U("div", {
|
|
209
209
|
ref: G,
|
|
210
210
|
"aria-hidden": !0,
|
|
211
211
|
className: "h-px w-full"
|
|
212
212
|
})]
|
|
213
|
-
}),
|
|
214
|
-
return /* @__PURE__ */
|
|
215
|
-
style:
|
|
216
|
-
className:
|
|
213
|
+
}), K = y || !!b || v.length === 0;
|
|
214
|
+
return /* @__PURE__ */ W("div", {
|
|
215
|
+
style: P,
|
|
216
|
+
className: i("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", q.container),
|
|
217
217
|
children: [
|
|
218
|
-
/* @__PURE__ */
|
|
218
|
+
/* @__PURE__ */ W("div", {
|
|
219
219
|
className: "flex items-start justify-between gap-4",
|
|
220
|
-
children: [/* @__PURE__ */
|
|
220
|
+
children: [/* @__PURE__ */ W("div", {
|
|
221
221
|
className: "min-w-0 gap-2",
|
|
222
|
-
children: [/* @__PURE__ */
|
|
223
|
-
className:
|
|
222
|
+
children: [/* @__PURE__ */ U("h1", {
|
|
223
|
+
className: i("truncate", ae),
|
|
224
224
|
children: e.title
|
|
225
|
-
}), /* @__PURE__ */
|
|
226
|
-
className:
|
|
225
|
+
}), /* @__PURE__ */ U("p", {
|
|
226
|
+
className: i("mt-1", N, q.subtitle),
|
|
227
227
|
children: e.subtitle
|
|
228
228
|
})]
|
|
229
|
-
}), /* @__PURE__ */
|
|
229
|
+
}), /* @__PURE__ */ U(w, {
|
|
230
230
|
label: e.createButtonLabel,
|
|
231
|
-
iconBefore: /* @__PURE__ */
|
|
232
|
-
size:
|
|
231
|
+
iconBefore: /* @__PURE__ */ U(se, {
|
|
232
|
+
size: d.SM,
|
|
233
233
|
"aria-hidden": !0,
|
|
234
|
-
stroke:
|
|
234
|
+
stroke: f
|
|
235
235
|
}),
|
|
236
|
-
onClick:
|
|
236
|
+
onClick: t,
|
|
237
237
|
className: "shrink-0"
|
|
238
238
|
})]
|
|
239
239
|
}),
|
|
240
|
-
/* @__PURE__ */
|
|
240
|
+
/* @__PURE__ */ W("div", {
|
|
241
241
|
className: "flex flex-wrap items-center gap-3",
|
|
242
|
-
children: [/* @__PURE__ */
|
|
242
|
+
children: [/* @__PURE__ */ U("div", {
|
|
243
243
|
role: "search",
|
|
244
244
|
className: "flex-1",
|
|
245
|
-
children: /* @__PURE__ */
|
|
245
|
+
children: /* @__PURE__ */ U(T, {
|
|
246
246
|
value: c,
|
|
247
|
-
onChange:
|
|
247
|
+
onChange: oe,
|
|
248
248
|
placeholder: e.searchPlaceholder,
|
|
249
249
|
clearLabel: e.clearSearchLabel,
|
|
250
250
|
"aria-label": e.searchAriaLabel,
|
|
251
|
-
size:
|
|
251
|
+
size: m.Large
|
|
252
252
|
})
|
|
253
|
-
}), e.sortOptions.length > 0 && /* @__PURE__ */
|
|
253
|
+
}), e.sortOptions.length > 0 && /* @__PURE__ */ U(p, {
|
|
254
254
|
items: R,
|
|
255
|
-
open:
|
|
256
|
-
onOpenChange:
|
|
257
|
-
children: /* @__PURE__ */
|
|
258
|
-
label:
|
|
259
|
-
variant:
|
|
260
|
-
appearance:
|
|
255
|
+
open: F,
|
|
256
|
+
onOpenChange: I,
|
|
257
|
+
children: /* @__PURE__ */ U(a, {
|
|
258
|
+
label: L,
|
|
259
|
+
variant: s.Primary,
|
|
260
|
+
appearance: o.Ghost,
|
|
261
261
|
className: q.sortButton,
|
|
262
|
-
iconAfter:
|
|
263
|
-
size:
|
|
264
|
-
stroke:
|
|
262
|
+
iconAfter: U(F ? ie : re, {
|
|
263
|
+
size: d.SM,
|
|
264
|
+
stroke: f,
|
|
265
265
|
"aria-hidden": !0
|
|
266
266
|
})
|
|
267
267
|
})
|
|
268
268
|
})]
|
|
269
269
|
}),
|
|
270
|
-
/* @__PURE__ */
|
|
270
|
+
/* @__PURE__ */ U("span", {
|
|
271
271
|
role: "status",
|
|
272
272
|
"aria-live": "polite",
|
|
273
273
|
className: "sr-only",
|
|
274
|
-
children:
|
|
274
|
+
children: z
|
|
275
275
|
}),
|
|
276
|
-
/* @__PURE__ */
|
|
277
|
-
className:
|
|
278
|
-
children:
|
|
276
|
+
/* @__PURE__ */ U("div", {
|
|
277
|
+
className: i("mx-auto flex size-full w-full max-w-[1180px] flex-col", K && "items-center justify-center"),
|
|
278
|
+
children: le()
|
|
279
279
|
})
|
|
280
280
|
]
|
|
281
281
|
});
|
|
282
|
-
},
|
|
282
|
+
}, ye = /* @__PURE__ */ function(e) {
|
|
283
283
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
284
|
-
}({}),
|
|
284
|
+
}({}), be = 500, J = /* @__PURE__ */ function(e) {
|
|
285
285
|
return e.OneTime = "oneTime", e.Hourly = "hourly", e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
|
|
286
|
-
}({}), Y = (e) => String(e).padStart(2, "0"),
|
|
286
|
+
}({}), Y = (e) => String(e).padStart(2, "0"), xe = (e) => e ? new Date(e) : null, Se = (e) => {
|
|
287
287
|
if (e == null) return "";
|
|
288
288
|
let t = e instanceof Date ? e : new Date(e);
|
|
289
289
|
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}T${Y(t.getHours())}:${Y(t.getMinutes())}`;
|
|
290
|
-
},
|
|
290
|
+
}, Ce = (e) => {
|
|
291
291
|
if (!e) return null;
|
|
292
292
|
let [t, n, r] = e.split("-").map(Number);
|
|
293
293
|
return new Date(t, n - 1, r);
|
|
294
|
-
},
|
|
294
|
+
}, we = (e) => {
|
|
295
295
|
if (e == null) return "";
|
|
296
296
|
let t = e instanceof Date ? e : new Date(e);
|
|
297
297
|
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}`;
|
|
298
|
-
},
|
|
298
|
+
}, Te = (e) => {
|
|
299
299
|
let t = Number(e);
|
|
300
300
|
return e && Number.isFinite(t) ? String(t + 1) : null;
|
|
301
|
-
},
|
|
301
|
+
}, Ee = (e) => {
|
|
302
302
|
let t = typeof e == "string" ? Number(e) : NaN;
|
|
303
303
|
return Number.isFinite(t) ? String(t - 1) : "";
|
|
304
304
|
}, X = {
|
|
305
305
|
detailsColumn: "_detailsColumn_1mg3v_1",
|
|
306
306
|
sectionSubtitle: "_sectionSubtitle_1mg3v_5",
|
|
307
307
|
instructionsError: "_instructionsError_1mg3v_9"
|
|
308
|
-
},
|
|
309
|
-
let
|
|
310
|
-
"--stcf-details-border":
|
|
311
|
-
"--stcf-subtitle-text":
|
|
312
|
-
"--stcf-error-text":
|
|
313
|
-
}),
|
|
314
|
-
return /* @__PURE__ */
|
|
308
|
+
}, De = R(async () => ({ default: (await le()).MarkdownEditor })), Oe = ({ labels: t, values: n, errors: a, modelSelector: o, modelLabelId: s, onFieldChange: u, onBack: d, onCancel: f, onSubmit: p, isSubmitting: m = !1, markdownEditorTheme: h, styles: g }) => {
|
|
309
|
+
let _ = z(), { colors: v, typography: y } = g ?? {}, S = y?.titleClassName ?? "dial-h1-text", w = y?.sectionTitleClassName ?? "dial-body-semi-text", T = y?.sectionSubtitleClassName ?? "dial-tiny-text", D = y?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", O = y?.instructionsErrorClassName ?? "dial-small-text", ee = r({
|
|
310
|
+
"--stcf-details-border": v?.detailsColumnBorder,
|
|
311
|
+
"--stcf-subtitle-text": v?.sectionSubtitleText,
|
|
312
|
+
"--stcf-error-text": v?.instructionsErrorText
|
|
313
|
+
}), j = m || !n.displayName.trim() || !n.modelId || !n.prompt.trim();
|
|
314
|
+
return /* @__PURE__ */ U(G, {
|
|
315
315
|
labels: {
|
|
316
|
-
title:
|
|
317
|
-
backButtonLabel:
|
|
318
|
-
cancelButtonLabel:
|
|
319
|
-
submitButtonLabel:
|
|
320
|
-
submittingLabel:
|
|
316
|
+
title: t.pageTitle,
|
|
317
|
+
backButtonLabel: t.backButtonLabel,
|
|
318
|
+
cancelButtonLabel: t.cancelButtonLabel,
|
|
319
|
+
submitButtonLabel: t.createButtonLabel,
|
|
320
|
+
submittingLabel: t.submittingLabel ?? "Saving"
|
|
321
321
|
},
|
|
322
|
-
onBack:
|
|
323
|
-
onCancel:
|
|
324
|
-
onSubmit:
|
|
325
|
-
isCancelDisabled:
|
|
326
|
-
isSubmitDisabled:
|
|
327
|
-
isSubmitting:
|
|
322
|
+
onBack: d,
|
|
323
|
+
onCancel: f,
|
|
324
|
+
onSubmit: p,
|
|
325
|
+
isCancelDisabled: m,
|
|
326
|
+
isSubmitDisabled: j,
|
|
327
|
+
isSubmitting: m,
|
|
328
328
|
styles: {
|
|
329
|
-
colors: { background:
|
|
329
|
+
colors: { background: v?.background },
|
|
330
330
|
header: {
|
|
331
|
-
colors: { borderColor:
|
|
332
|
-
typography: { fontClassName:
|
|
331
|
+
colors: { borderColor: v?.headerBorder },
|
|
332
|
+
typography: { fontClassName: S }
|
|
333
333
|
},
|
|
334
334
|
cssVars: ee
|
|
335
335
|
},
|
|
336
|
-
left: /* @__PURE__ */
|
|
336
|
+
left: /* @__PURE__ */ W("div", {
|
|
337
337
|
role: "group",
|
|
338
|
-
"aria-label":
|
|
339
|
-
className:
|
|
338
|
+
"aria-label": t.detailsSectionTitle,
|
|
339
|
+
className: i("flex flex-1 flex-col gap-5 border-e px-8 py-6", X.detailsColumn),
|
|
340
340
|
children: [
|
|
341
|
-
/* @__PURE__ */
|
|
341
|
+
/* @__PURE__ */ W("div", {
|
|
342
342
|
className: "flex flex-col gap-1",
|
|
343
|
-
children: [/* @__PURE__ */
|
|
344
|
-
className:
|
|
345
|
-
children:
|
|
346
|
-
}), /* @__PURE__ */
|
|
347
|
-
className:
|
|
348
|
-
children:
|
|
343
|
+
children: [/* @__PURE__ */ U("h2", {
|
|
344
|
+
className: w,
|
|
345
|
+
children: t.detailsSectionTitle
|
|
346
|
+
}), /* @__PURE__ */ U("p", {
|
|
347
|
+
className: i(T, X.sectionSubtitle),
|
|
348
|
+
children: t.detailsSectionSubtitle
|
|
349
349
|
})]
|
|
350
350
|
}),
|
|
351
|
-
/* @__PURE__ */
|
|
351
|
+
/* @__PURE__ */ U(b, {
|
|
352
352
|
id: "scheduled-task-display-name",
|
|
353
|
-
value:
|
|
354
|
-
onChange: (e) =>
|
|
353
|
+
value: n.displayName,
|
|
354
|
+
onChange: (e) => u("displayName", e ?? ""),
|
|
355
355
|
labelProps: {
|
|
356
|
-
label:
|
|
356
|
+
label: t.displayNameLabel,
|
|
357
357
|
required: !0
|
|
358
358
|
},
|
|
359
|
-
invalid: !!
|
|
360
|
-
error:
|
|
359
|
+
invalid: !!a.displayName,
|
|
360
|
+
error: a.displayName
|
|
361
361
|
}),
|
|
362
|
-
/* @__PURE__ */
|
|
362
|
+
/* @__PURE__ */ U(A, {
|
|
363
363
|
id: "scheduled-task-description",
|
|
364
|
-
value:
|
|
365
|
-
onChange: (e) =>
|
|
366
|
-
labelProps: { label:
|
|
364
|
+
value: n.description ?? "",
|
|
365
|
+
onChange: (e) => u("description", e),
|
|
366
|
+
labelProps: { label: t.descriptionLabel },
|
|
367
367
|
maxLength: 500,
|
|
368
|
-
invalid: !!
|
|
369
|
-
error:
|
|
370
|
-
caption:
|
|
368
|
+
invalid: !!a.description,
|
|
369
|
+
error: a.description,
|
|
370
|
+
caption: n.description ? `${n.description.length}/500` : void 0
|
|
371
371
|
}),
|
|
372
|
-
/* @__PURE__ */
|
|
372
|
+
/* @__PURE__ */ W("div", {
|
|
373
373
|
className: "flex flex-col gap-1",
|
|
374
374
|
children: [
|
|
375
|
-
/* @__PURE__ */
|
|
376
|
-
id:
|
|
377
|
-
label:
|
|
375
|
+
/* @__PURE__ */ U(x, {
|
|
376
|
+
id: s,
|
|
377
|
+
label: t.modelOrAgentLabel,
|
|
378
378
|
required: !0
|
|
379
379
|
}),
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
className:
|
|
383
|
-
children:
|
|
380
|
+
o,
|
|
381
|
+
a.modelId && /* @__PURE__ */ U("p", {
|
|
382
|
+
className: i(O, X.instructionsError),
|
|
383
|
+
children: a.modelId
|
|
384
384
|
})
|
|
385
385
|
]
|
|
386
386
|
}),
|
|
387
|
-
/* @__PURE__ */
|
|
387
|
+
/* @__PURE__ */ W("div", {
|
|
388
388
|
className: "flex flex-col gap-3",
|
|
389
389
|
children: [
|
|
390
|
-
/* @__PURE__ */
|
|
391
|
-
labelProps: { label:
|
|
392
|
-
value:
|
|
393
|
-
onChange: (e) =>
|
|
394
|
-
options:
|
|
390
|
+
/* @__PURE__ */ U(E, {
|
|
391
|
+
labelProps: { label: t.repeatLabel },
|
|
392
|
+
value: n.repeat,
|
|
393
|
+
onChange: (e) => u("repeat", e),
|
|
394
|
+
options: t.repeatOptions.map((e) => ({
|
|
395
395
|
value: e.key,
|
|
396
396
|
label: e.label
|
|
397
397
|
}))
|
|
398
398
|
}),
|
|
399
|
-
|
|
399
|
+
n.repeat === J.OneTime && /* @__PURE__ */ W("div", {
|
|
400
400
|
className: "flex flex-col gap-1",
|
|
401
|
-
children: [/* @__PURE__ */
|
|
401
|
+
children: [/* @__PURE__ */ U(c, {
|
|
402
402
|
id: "scheduled-task-run-at",
|
|
403
|
-
mode:
|
|
404
|
-
value:
|
|
405
|
-
onChange: (e) =>
|
|
403
|
+
mode: l.DateTime,
|
|
404
|
+
value: xe(n.runAt),
|
|
405
|
+
onChange: (e) => u("runAt", Se(e)),
|
|
406
406
|
labelProps: {
|
|
407
|
-
label:
|
|
407
|
+
label: t.runAtLabel,
|
|
408
408
|
required: !0
|
|
409
409
|
},
|
|
410
|
-
invalid: !!
|
|
411
|
-
}),
|
|
412
|
-
className:
|
|
413
|
-
children:
|
|
410
|
+
invalid: !!a.runAt
|
|
411
|
+
}), a.runAt && /* @__PURE__ */ U("p", {
|
|
412
|
+
className: i(O, X.instructionsError),
|
|
413
|
+
children: a.runAt
|
|
414
414
|
})]
|
|
415
415
|
}),
|
|
416
|
-
|
|
417
|
-
|
|
416
|
+
n.repeat !== J.OneTime && /* @__PURE__ */ W(H, { children: [
|
|
417
|
+
n.repeat !== J.Hourly && /* @__PURE__ */ W("div", {
|
|
418
418
|
className: "flex flex-col gap-1",
|
|
419
|
-
children: [/* @__PURE__ */
|
|
419
|
+
children: [/* @__PURE__ */ U(c, {
|
|
420
420
|
id: "scheduled-task-time",
|
|
421
|
-
mode:
|
|
422
|
-
value:
|
|
423
|
-
onChange: (e) =>
|
|
421
|
+
mode: l.Time,
|
|
422
|
+
value: n.time,
|
|
423
|
+
onChange: (e) => u("time", typeof e == "string" ? e : ""),
|
|
424
424
|
labelProps: {
|
|
425
|
-
label:
|
|
425
|
+
label: t.timeLabel,
|
|
426
426
|
required: !0
|
|
427
427
|
},
|
|
428
|
-
invalid: !!
|
|
429
|
-
}),
|
|
430
|
-
className:
|
|
431
|
-
children:
|
|
428
|
+
invalid: !!a.time
|
|
429
|
+
}), a.time && /* @__PURE__ */ U("p", {
|
|
430
|
+
className: i(O, X.instructionsError),
|
|
431
|
+
children: a.time
|
|
432
432
|
})]
|
|
433
433
|
}),
|
|
434
|
-
|
|
434
|
+
n.repeat === J.Weekly && /* @__PURE__ */ W("div", {
|
|
435
435
|
className: "flex flex-col gap-1",
|
|
436
|
-
children: [/* @__PURE__ */
|
|
436
|
+
children: [/* @__PURE__ */ U(c, {
|
|
437
437
|
id: "scheduled-task-day-of-week",
|
|
438
|
-
mode:
|
|
439
|
-
value:
|
|
440
|
-
onChange: (e) =>
|
|
438
|
+
mode: l.Weekday,
|
|
439
|
+
value: Te(n.dayOfWeek),
|
|
440
|
+
onChange: (e) => u("dayOfWeek", Ee(e)),
|
|
441
441
|
labelProps: {
|
|
442
|
-
label:
|
|
442
|
+
label: t.dayOfWeekLabel,
|
|
443
443
|
required: !0
|
|
444
444
|
},
|
|
445
|
-
invalid: !!
|
|
446
|
-
}),
|
|
447
|
-
className:
|
|
448
|
-
children:
|
|
445
|
+
invalid: !!a.dayOfWeek
|
|
446
|
+
}), a.dayOfWeek && /* @__PURE__ */ U("p", {
|
|
447
|
+
className: i(O, X.instructionsError),
|
|
448
|
+
children: a.dayOfWeek
|
|
449
449
|
})]
|
|
450
450
|
}),
|
|
451
|
-
|
|
451
|
+
n.repeat === J.Monthly && /* @__PURE__ */ U(b, {
|
|
452
452
|
id: "scheduled-task-day-of-month",
|
|
453
|
-
value:
|
|
454
|
-
onChange: (e) =>
|
|
453
|
+
value: n.dayOfMonth ?? "",
|
|
454
|
+
onChange: (e) => u("dayOfMonth", e ?? ""),
|
|
455
455
|
labelProps: {
|
|
456
|
-
label:
|
|
456
|
+
label: t.dayOfMonthLabel,
|
|
457
457
|
required: !0
|
|
458
458
|
},
|
|
459
|
-
invalid: !!
|
|
460
|
-
error:
|
|
459
|
+
invalid: !!a.dayOfMonth,
|
|
460
|
+
error: a.dayOfMonth
|
|
461
461
|
}),
|
|
462
|
-
|
|
462
|
+
n.repeat === J.Hourly && /* @__PURE__ */ U(C, {
|
|
463
463
|
id: "scheduled-task-minute",
|
|
464
464
|
integer: !0,
|
|
465
465
|
min: 0,
|
|
466
466
|
max: 59,
|
|
467
|
-
value:
|
|
468
|
-
onChange: (e) =>
|
|
467
|
+
value: n.minute ?? "",
|
|
468
|
+
onChange: (e) => u("minute", e == null ? "" : String(e)),
|
|
469
469
|
labelProps: {
|
|
470
|
-
label:
|
|
470
|
+
label: t.minuteLabel,
|
|
471
471
|
required: !0
|
|
472
472
|
},
|
|
473
|
-
invalid: !!
|
|
474
|
-
error:
|
|
473
|
+
invalid: !!a.minute,
|
|
474
|
+
error: a.minute
|
|
475
475
|
}),
|
|
476
|
-
/* @__PURE__ */
|
|
476
|
+
/* @__PURE__ */ W("div", {
|
|
477
477
|
className: "flex flex-col gap-3 desktop:flex-row",
|
|
478
|
-
children: [/* @__PURE__ */
|
|
478
|
+
children: [/* @__PURE__ */ W("div", {
|
|
479
479
|
className: "flex flex-1 flex-col gap-1",
|
|
480
|
-
children: [/* @__PURE__ */
|
|
480
|
+
children: [/* @__PURE__ */ U(c, {
|
|
481
481
|
id: "scheduled-task-start-date",
|
|
482
|
-
mode:
|
|
483
|
-
value:
|
|
484
|
-
onChange: (e) =>
|
|
485
|
-
labelProps: { label:
|
|
486
|
-
placeholder:
|
|
487
|
-
invalid: !!
|
|
488
|
-
}),
|
|
489
|
-
className:
|
|
490
|
-
children:
|
|
482
|
+
mode: l.Date,
|
|
483
|
+
value: Ce(n.startDate),
|
|
484
|
+
onChange: (e) => u("startDate", we(e)),
|
|
485
|
+
labelProps: { label: t.startDateLabel },
|
|
486
|
+
placeholder: t.startDatePlaceholder,
|
|
487
|
+
invalid: !!a.startDate
|
|
488
|
+
}), a.startDate && /* @__PURE__ */ U("p", {
|
|
489
|
+
className: i(O, X.instructionsError),
|
|
490
|
+
children: a.startDate
|
|
491
491
|
})]
|
|
492
|
-
}), /* @__PURE__ */
|
|
492
|
+
}), /* @__PURE__ */ W("div", {
|
|
493
493
|
className: "flex flex-1 flex-col gap-1",
|
|
494
|
-
children: [/* @__PURE__ */
|
|
494
|
+
children: [/* @__PURE__ */ U(c, {
|
|
495
495
|
id: "scheduled-task-end-date",
|
|
496
|
-
mode:
|
|
497
|
-
value:
|
|
498
|
-
onChange: (e) =>
|
|
499
|
-
labelProps: { label:
|
|
500
|
-
placeholder:
|
|
501
|
-
invalid: !!
|
|
502
|
-
}),
|
|
503
|
-
className:
|
|
504
|
-
children:
|
|
496
|
+
mode: l.Date,
|
|
497
|
+
value: Ce(n.endDate),
|
|
498
|
+
onChange: (e) => u("endDate", we(e)),
|
|
499
|
+
labelProps: { label: t.endDateLabel },
|
|
500
|
+
placeholder: t.endDatePlaceholder,
|
|
501
|
+
invalid: !!a.endDate
|
|
502
|
+
}), a.endDate && /* @__PURE__ */ U("p", {
|
|
503
|
+
className: i(O, X.instructionsError),
|
|
504
|
+
children: a.endDate
|
|
505
505
|
})]
|
|
506
506
|
})]
|
|
507
507
|
})
|
|
@@ -510,40 +510,41 @@ var K = {
|
|
|
510
510
|
})
|
|
511
511
|
]
|
|
512
512
|
}),
|
|
513
|
-
children: /* @__PURE__ */
|
|
513
|
+
children: /* @__PURE__ */ W("div", {
|
|
514
514
|
role: "group",
|
|
515
|
-
"aria-label":
|
|
515
|
+
"aria-label": t.configurationSectionTitle,
|
|
516
516
|
className: "flex flex-1 flex-col gap-5 px-8 py-6",
|
|
517
|
-
children: [/* @__PURE__ */
|
|
517
|
+
children: [/* @__PURE__ */ W("div", {
|
|
518
518
|
className: "flex flex-col gap-1",
|
|
519
|
-
children: [/* @__PURE__ */
|
|
520
|
-
className:
|
|
521
|
-
children:
|
|
522
|
-
}), /* @__PURE__ */
|
|
523
|
-
className:
|
|
524
|
-
children:
|
|
519
|
+
children: [/* @__PURE__ */ U("h2", {
|
|
520
|
+
className: w,
|
|
521
|
+
children: t.configurationSectionTitle
|
|
522
|
+
}), /* @__PURE__ */ U("p", {
|
|
523
|
+
className: i(T, X.sectionSubtitle),
|
|
524
|
+
children: t.configurationSectionSubtitle
|
|
525
525
|
})]
|
|
526
|
-
}), /* @__PURE__ */
|
|
526
|
+
}), /* @__PURE__ */ W("div", {
|
|
527
527
|
className: "flex flex-1 flex-col gap-1",
|
|
528
528
|
children: [
|
|
529
|
-
/* @__PURE__ */
|
|
530
|
-
htmlFor:
|
|
531
|
-
className:
|
|
532
|
-
children:
|
|
529
|
+
/* @__PURE__ */ U("label", {
|
|
530
|
+
htmlFor: _,
|
|
531
|
+
className: D,
|
|
532
|
+
children: t.instructionsLabel
|
|
533
533
|
}),
|
|
534
|
-
/* @__PURE__ */
|
|
535
|
-
fallback: /* @__PURE__ */
|
|
536
|
-
children: /* @__PURE__ */
|
|
537
|
-
id:
|
|
538
|
-
value:
|
|
539
|
-
onChange: (e) =>
|
|
534
|
+
/* @__PURE__ */ U(L, {
|
|
535
|
+
fallback: /* @__PURE__ */ U(k, {}),
|
|
536
|
+
children: /* @__PURE__ */ U(De, {
|
|
537
|
+
id: _,
|
|
538
|
+
value: n.prompt,
|
|
539
|
+
onChange: (e) => u("prompt", e),
|
|
540
540
|
height: 480,
|
|
541
|
-
|
|
541
|
+
className: e,
|
|
542
|
+
theme: h
|
|
542
543
|
})
|
|
543
544
|
}),
|
|
544
|
-
|
|
545
|
-
className:
|
|
546
|
-
children:
|
|
545
|
+
a.prompt && /* @__PURE__ */ U("p", {
|
|
546
|
+
className: i(O, X.instructionsError),
|
|
547
|
+
children: a.prompt
|
|
547
548
|
})
|
|
548
549
|
]
|
|
549
550
|
})]
|
|
@@ -558,34 +559,34 @@ var K = {
|
|
|
558
559
|
missedIcon: "_missedIcon_1bug5_13",
|
|
559
560
|
currentRun: "_currentRun_1bug5_17",
|
|
560
561
|
unreadDot: "_unreadDot_1bug5_21"
|
|
561
|
-
},
|
|
562
|
+
}, ke = ({ status: e }) => {
|
|
562
563
|
switch (e) {
|
|
563
|
-
case Z.Success: return /* @__PURE__ */
|
|
564
|
-
size:
|
|
564
|
+
case Z.Success: return /* @__PURE__ */ U(ae, {
|
|
565
|
+
size: d.SM,
|
|
565
566
|
className: Q.successIcon,
|
|
566
567
|
"aria-hidden": !0,
|
|
567
|
-
stroke:
|
|
568
|
+
stroke: f
|
|
568
569
|
});
|
|
569
|
-
case Z.Error: return /* @__PURE__ */
|
|
570
|
-
size:
|
|
570
|
+
case Z.Error: return /* @__PURE__ */ U(N, {
|
|
571
|
+
size: d.SM,
|
|
571
572
|
className: Q.errorIcon,
|
|
572
573
|
"aria-hidden": !0,
|
|
573
|
-
stroke:
|
|
574
|
+
stroke: f
|
|
574
575
|
});
|
|
575
|
-
case Z.InProgress: return /* @__PURE__ */
|
|
576
|
+
case Z.InProgress: return /* @__PURE__ */ U("span", {
|
|
576
577
|
"aria-hidden": !0,
|
|
577
|
-
children: /* @__PURE__ */
|
|
578
|
+
children: /* @__PURE__ */ U(k, { size: d.SM })
|
|
578
579
|
});
|
|
579
|
-
case Z.Missed: return /* @__PURE__ */
|
|
580
|
-
size:
|
|
580
|
+
case Z.Missed: return /* @__PURE__ */ U(j, {
|
|
581
|
+
size: d.SM,
|
|
581
582
|
className: Q.missedIcon,
|
|
582
583
|
"aria-hidden": !0,
|
|
583
|
-
stroke:
|
|
584
|
+
stroke: f
|
|
584
585
|
});
|
|
585
586
|
default: return null;
|
|
586
587
|
}
|
|
587
|
-
},
|
|
588
|
-
let { colors: m, typography: h } = p ?? {},
|
|
588
|
+
}, Ae = ({ items: e, isLoading: t = !1, isLoadingMore: n = !1, skeletonCount: a = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: p }) => {
|
|
589
|
+
let { colors: m, typography: h } = p ?? {}, g = h?.runTimestampClassName ?? "dial-small-text", v = h?.subtitleClassName ?? "dial-body-text", y = u.unreadIndicatorLabel ?? "Unread", b = r({
|
|
589
590
|
"--strhl-success-icon": m?.successIconColor,
|
|
590
591
|
"--strhl-error-icon": m?.errorIconColor,
|
|
591
592
|
"--strhl-missed-icon": m?.missedIconColor,
|
|
@@ -593,8 +594,8 @@ var K = {
|
|
|
593
594
|
"--strhl-current-run-bg": m?.currentRunBackground,
|
|
594
595
|
"--strhl-unread-dot": m?.unreadDotColor
|
|
595
596
|
}), x = (e) => {
|
|
596
|
-
let t = u.runStatusLabels[e.status], n = e.id === c,
|
|
597
|
-
return /* @__PURE__ */
|
|
597
|
+
let t = u.runStatusLabels[e.status], n = e.id === c, r = [e.isUnread ? y : void 0, n ? u.currentRunLabel : void 0].filter((e) => !!e), a = [`${t} ${e.timestampLabel}`, ...r].join(" — "), o = !!e.conversationId && !!l;
|
|
598
|
+
return /* @__PURE__ */ W("li", {
|
|
598
599
|
...o ? {
|
|
599
600
|
role: "button",
|
|
600
601
|
tabIndex: 0,
|
|
@@ -605,85 +606,85 @@ var K = {
|
|
|
605
606
|
} : {},
|
|
606
607
|
"aria-label": a,
|
|
607
608
|
"aria-current": n ? "true" : void 0,
|
|
608
|
-
className:
|
|
609
|
-
children: [/* @__PURE__ */
|
|
609
|
+
className: i("flex h-8 items-center justify-between gap-2 rounded-full pe-2 ps-5", n && Q.currentRun, o && "cursor-pointer"),
|
|
610
|
+
children: [/* @__PURE__ */ W("span", {
|
|
610
611
|
className: "flex items-center gap-2 truncate",
|
|
611
|
-
children: [/* @__PURE__ */
|
|
612
|
+
children: [/* @__PURE__ */ U("span", {
|
|
612
613
|
className: "relative flex size-3 shrink-0 items-center justify-center",
|
|
613
|
-
children: e.isUnread && /* @__PURE__ */
|
|
614
|
-
className:
|
|
614
|
+
children: e.isUnread && /* @__PURE__ */ U("span", {
|
|
615
|
+
className: i("size-[5.33px] rounded-full", Q.unreadDot),
|
|
615
616
|
"aria-hidden": !0
|
|
616
617
|
})
|
|
617
|
-
}), /* @__PURE__ */
|
|
618
|
-
className:
|
|
618
|
+
}), /* @__PURE__ */ U("span", {
|
|
619
|
+
className: i(g, "truncate"),
|
|
619
620
|
children: e.timestampLabel
|
|
620
621
|
})]
|
|
621
|
-
}), /* @__PURE__ */
|
|
622
|
+
}), /* @__PURE__ */ U("span", {
|
|
622
623
|
className: "flex h-8 w-14 shrink-0 items-center justify-end",
|
|
623
|
-
children: /* @__PURE__ */
|
|
624
|
+
children: /* @__PURE__ */ U(ke, { status: e.status })
|
|
624
625
|
})]
|
|
625
626
|
}, e.id);
|
|
626
|
-
}, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
627
|
+
}, S = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ W("li", {
|
|
627
628
|
"aria-hidden": "true",
|
|
628
629
|
className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
|
|
629
|
-
children: [/* @__PURE__ */
|
|
630
|
-
variant:
|
|
630
|
+
children: [/* @__PURE__ */ U(D, {
|
|
631
|
+
variant: O.Rectangular,
|
|
631
632
|
width: "160px",
|
|
632
633
|
height: "16px"
|
|
633
|
-
}), /* @__PURE__ */
|
|
634
|
-
variant:
|
|
634
|
+
}), /* @__PURE__ */ U(D, {
|
|
635
|
+
variant: O.Rectangular,
|
|
635
636
|
width: "16px",
|
|
636
637
|
height: "16px",
|
|
637
638
|
className: "shrink-0 rounded-full"
|
|
638
639
|
})]
|
|
639
640
|
}, `history-skeleton-${t}`));
|
|
640
|
-
return t && e.length === 0 ? /* @__PURE__ */
|
|
641
|
+
return t && e.length === 0 ? /* @__PURE__ */ U("ul", {
|
|
641
642
|
style: b,
|
|
642
643
|
"aria-label": u.historyTitle,
|
|
643
644
|
className: "flex flex-col gap-0.5",
|
|
644
645
|
children: S(a)
|
|
645
|
-
}) : o && e.length === 0 ? /* @__PURE__ */
|
|
646
|
+
}) : o && e.length === 0 ? /* @__PURE__ */ W("div", {
|
|
646
647
|
style: b,
|
|
647
648
|
className: "flex flex-col items-start gap-3",
|
|
648
|
-
children: [/* @__PURE__ */
|
|
649
|
+
children: [/* @__PURE__ */ U("p", {
|
|
649
650
|
role: "alert",
|
|
650
|
-
className:
|
|
651
|
+
className: i(v, Q.subtitleText),
|
|
651
652
|
children: u.errorLabel
|
|
652
|
-
}), /* @__PURE__ */
|
|
653
|
+
}), /* @__PURE__ */ U(_, {
|
|
653
654
|
label: u.retryLabel,
|
|
654
655
|
onClick: s
|
|
655
656
|
})]
|
|
656
|
-
}) : e.length === 0 ? /* @__PURE__ */
|
|
657
|
+
}) : e.length === 0 ? /* @__PURE__ */ W("div", {
|
|
657
658
|
style: b,
|
|
658
659
|
className: "flex w-full flex-col items-center justify-center gap-2 py-4",
|
|
659
|
-
children: [/* @__PURE__ */
|
|
660
|
+
children: [/* @__PURE__ */ U(P, {
|
|
660
661
|
size: 44,
|
|
661
|
-
stroke:
|
|
662
|
+
stroke: f,
|
|
662
663
|
className: Q.subtitleText,
|
|
663
664
|
"aria-hidden": !0
|
|
664
|
-
}), /* @__PURE__ */
|
|
665
|
+
}), /* @__PURE__ */ U("p", {
|
|
665
666
|
role: "status",
|
|
666
|
-
className:
|
|
667
|
+
className: g,
|
|
667
668
|
children: u.emptyLabel
|
|
668
669
|
})]
|
|
669
|
-
}) : /* @__PURE__ */
|
|
670
|
+
}) : /* @__PURE__ */ W("ul", {
|
|
670
671
|
style: b,
|
|
671
672
|
"aria-label": u.historyTitle,
|
|
672
673
|
className: "flex flex-col gap-0.5",
|
|
673
674
|
children: [
|
|
674
675
|
e.map(x),
|
|
675
|
-
|
|
676
|
-
o ? /* @__PURE__ */
|
|
676
|
+
n && S(a),
|
|
677
|
+
o ? /* @__PURE__ */ W("li", {
|
|
677
678
|
className: "flex flex-col items-start gap-3 px-5 py-2",
|
|
678
|
-
children: [/* @__PURE__ */
|
|
679
|
+
children: [/* @__PURE__ */ U("p", {
|
|
679
680
|
role: "alert",
|
|
680
|
-
className:
|
|
681
|
+
className: i(v, Q.subtitleText),
|
|
681
682
|
children: u.errorLabel
|
|
682
|
-
}), /* @__PURE__ */
|
|
683
|
+
}), /* @__PURE__ */ U(_, {
|
|
683
684
|
label: u.retryLabel,
|
|
684
685
|
onClick: s
|
|
685
686
|
})]
|
|
686
|
-
}) :
|
|
687
|
+
}) : d
|
|
687
688
|
]
|
|
688
689
|
});
|
|
689
690
|
}, $ = {
|
|
@@ -695,80 +696,80 @@ var K = {
|
|
|
695
696
|
errorIcon: "_errorIcon_1ci42_21",
|
|
696
697
|
missedIcon: "_missedIcon_1ci42_25",
|
|
697
698
|
historyCard: "_historyCard_1ci42_29"
|
|
698
|
-
},
|
|
699
|
-
let { colors:
|
|
700
|
-
"--stdv-bg":
|
|
701
|
-
"--stdv-header-border":
|
|
702
|
-
"--stdv-details-border":
|
|
703
|
-
"--stdv-subtitle-text":
|
|
704
|
-
"--stdv-success-icon":
|
|
705
|
-
"--stdv-error-icon":
|
|
706
|
-
"--stdv-missed-icon":
|
|
707
|
-
"--stdv-history-bg":
|
|
708
|
-
}),
|
|
709
|
-
className:
|
|
710
|
-
children: /* @__PURE__ */
|
|
711
|
-
label:
|
|
699
|
+
}, je = ({ labels: e, onBack: n, onEdit: a, onDelete: o, isDeleting: c = !1, isDeleted: l = !1, isActive: u, isActiveUpdating: p = !1, isActiveDisabled: m = !1, onActiveChange: h, displayName: g, isLoading: y = !1, error: b, onRetry: x, description: C, modelLabel: w, repeatsLabel: T, activeWindowLabel: E, nextRunLabel: D, instructionsMarkdown: O, renderInstructions: A, runs: j, runsIsLoading: ne = !1, runsIsLoadingMore: M = !1, runsSkeletonCount: re = 6, runsError: ie, onRunsRetry: ae, runsHasMore: N = !1, onRunsLoadMore: P, onRunClick: F, styles: se }) => {
|
|
700
|
+
let { colors: L, typography: R } = se ?? {}, ce = R?.titleClassName ?? "dial-h2-text", z = R?.sectionTitleClassName ?? "dial-body-semi-text", B = R?.fieldLabelClassName ?? "dial-tiny-text", V = R?.fieldValueClassName ?? "dial-small-text", H = R?.runTimestampClassName ?? "dial-small-text", G = r({
|
|
701
|
+
"--stdv-bg": L?.background,
|
|
702
|
+
"--stdv-header-border": L?.headerBorder,
|
|
703
|
+
"--stdv-details-border": L?.detailsColumnBorder,
|
|
704
|
+
"--stdv-subtitle-text": L?.subtitleText,
|
|
705
|
+
"--stdv-success-icon": L?.successIconColor,
|
|
706
|
+
"--stdv-error-icon": L?.errorIconColor,
|
|
707
|
+
"--stdv-missed-icon": L?.missedIconColor,
|
|
708
|
+
"--stdv-history-bg": L?.historyCardBackground
|
|
709
|
+
}), le = P && N && e.historyShowMoreLabel ? /* @__PURE__ */ U("li", {
|
|
710
|
+
className: i("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", $.historyCard),
|
|
711
|
+
children: /* @__PURE__ */ U(_, {
|
|
712
|
+
label: e.historyShowMoreLabel,
|
|
712
713
|
onClick: P,
|
|
713
714
|
disabled: M
|
|
714
715
|
})
|
|
715
716
|
}) : void 0;
|
|
716
|
-
return /* @__PURE__ */
|
|
717
|
+
return /* @__PURE__ */ W("div", {
|
|
717
718
|
style: G,
|
|
718
|
-
className:
|
|
719
|
+
className: i("flex h-full w-full flex-col overflow-y-auto", $.container),
|
|
719
720
|
children: [
|
|
720
|
-
/* @__PURE__ */
|
|
721
|
-
className:
|
|
722
|
-
children: [/* @__PURE__ */
|
|
721
|
+
/* @__PURE__ */ W("div", {
|
|
722
|
+
className: i("flex h-16 shrink-0 items-center justify-between gap-2 border-b px-8", $.header),
|
|
723
|
+
children: [/* @__PURE__ */ W("div", {
|
|
723
724
|
className: "flex min-w-0 items-center gap-2",
|
|
724
725
|
children: [
|
|
725
|
-
/* @__PURE__ */
|
|
726
|
-
icon: /* @__PURE__ */
|
|
727
|
-
size:
|
|
726
|
+
/* @__PURE__ */ U(v, {
|
|
727
|
+
icon: /* @__PURE__ */ U(te, {
|
|
728
|
+
size: d.LG,
|
|
728
729
|
className: "rtl:scale-x-[-1]",
|
|
729
730
|
"aria-hidden": !0,
|
|
730
|
-
stroke:
|
|
731
|
+
stroke: f
|
|
731
732
|
}),
|
|
732
|
-
"aria-label":
|
|
733
|
-
onClick:
|
|
733
|
+
"aria-label": e.backAriaLabel,
|
|
734
|
+
onClick: n
|
|
734
735
|
}),
|
|
735
|
-
/* @__PURE__ */
|
|
736
|
-
className:
|
|
737
|
-
children:
|
|
736
|
+
/* @__PURE__ */ U("h1", {
|
|
737
|
+
className: i("truncate", ce),
|
|
738
|
+
children: g
|
|
738
739
|
}),
|
|
739
|
-
l && /* @__PURE__ */
|
|
740
|
-
className:
|
|
741
|
-
children:
|
|
740
|
+
l && /* @__PURE__ */ U("span", {
|
|
741
|
+
className: i("shrink-0", V, $.subtitleText),
|
|
742
|
+
children: e.deletedStateLabel
|
|
742
743
|
})
|
|
743
744
|
]
|
|
744
|
-
}), /* @__PURE__ */
|
|
745
|
+
}), /* @__PURE__ */ W("div", {
|
|
745
746
|
className: "flex shrink-0 items-center gap-2",
|
|
746
747
|
children: [
|
|
747
|
-
!l &&
|
|
748
|
+
!l && u !== void 0 && /* @__PURE__ */ U(ee, {
|
|
748
749
|
id: "scheduled-task-active-switch",
|
|
749
|
-
labelProps: { label:
|
|
750
|
-
isOn:
|
|
750
|
+
labelProps: { label: e.activeStatusLabel },
|
|
751
|
+
isOn: u,
|
|
751
752
|
disabled: p || m || c,
|
|
752
753
|
onChange: (e) => h?.(e)
|
|
753
754
|
}),
|
|
754
|
-
!l &&
|
|
755
|
-
variant:
|
|
756
|
-
label:
|
|
757
|
-
iconBefore: /* @__PURE__ */
|
|
758
|
-
size:
|
|
755
|
+
!l && o && /* @__PURE__ */ U(_, {
|
|
756
|
+
variant: s.Danger,
|
|
757
|
+
label: e.deleteButtonLabel,
|
|
758
|
+
iconBefore: /* @__PURE__ */ U(I, {
|
|
759
|
+
size: d.SM,
|
|
759
760
|
"aria-hidden": !0,
|
|
760
|
-
stroke:
|
|
761
|
+
stroke: f
|
|
761
762
|
}),
|
|
762
|
-
onClick:
|
|
763
|
+
onClick: o,
|
|
763
764
|
disabled: c,
|
|
764
765
|
className: "shrink-0"
|
|
765
766
|
}),
|
|
766
|
-
!l && a && /* @__PURE__ */
|
|
767
|
-
label:
|
|
768
|
-
iconBefore: /* @__PURE__ */
|
|
769
|
-
size:
|
|
767
|
+
!l && a && /* @__PURE__ */ U(S, {
|
|
768
|
+
label: e.editButtonLabel,
|
|
769
|
+
iconBefore: /* @__PURE__ */ U(oe, {
|
|
770
|
+
size: d.SM,
|
|
770
771
|
"aria-hidden": !0,
|
|
771
|
-
stroke:
|
|
772
|
+
stroke: f
|
|
772
773
|
}),
|
|
773
774
|
onClick: a,
|
|
774
775
|
disabled: c,
|
|
@@ -777,143 +778,143 @@ var K = {
|
|
|
777
778
|
]
|
|
778
779
|
})]
|
|
779
780
|
}),
|
|
780
|
-
|
|
781
|
+
e.activeStatusAnnouncement != null && /* @__PURE__ */ U("span", {
|
|
781
782
|
role: "status",
|
|
782
783
|
"aria-live": "polite",
|
|
783
784
|
className: "sr-only",
|
|
784
|
-
children:
|
|
785
|
+
children: e.activeStatusAnnouncement
|
|
785
786
|
}),
|
|
786
|
-
y && /* @__PURE__ */
|
|
787
|
+
y && /* @__PURE__ */ U("div", {
|
|
787
788
|
className: "flex flex-1 items-center justify-center",
|
|
788
|
-
children: /* @__PURE__ */
|
|
789
|
+
children: /* @__PURE__ */ U(k, {})
|
|
789
790
|
}),
|
|
790
|
-
!y && b && /* @__PURE__ */
|
|
791
|
+
!y && b && /* @__PURE__ */ W("div", {
|
|
791
792
|
className: "flex flex-1 flex-col items-center justify-center gap-3",
|
|
792
|
-
children: [/* @__PURE__ */
|
|
793
|
-
className:
|
|
794
|
-
children:
|
|
795
|
-
}), /* @__PURE__ */
|
|
796
|
-
label:
|
|
797
|
-
onClick:
|
|
793
|
+
children: [/* @__PURE__ */ U("p", {
|
|
794
|
+
className: i(V, $.subtitleText),
|
|
795
|
+
children: e.errorLabel
|
|
796
|
+
}), /* @__PURE__ */ U(_, {
|
|
797
|
+
label: e.retryLabel,
|
|
798
|
+
onClick: x
|
|
798
799
|
})]
|
|
799
800
|
}),
|
|
800
|
-
!y && !b && /* @__PURE__ */
|
|
801
|
+
!y && !b && /* @__PURE__ */ W("div", {
|
|
801
802
|
className: "flex flex-1 flex-col desktop:flex-row",
|
|
802
803
|
children: [
|
|
803
|
-
/* @__PURE__ */
|
|
804
|
+
/* @__PURE__ */ W("div", {
|
|
804
805
|
role: "group",
|
|
805
|
-
"aria-label":
|
|
806
|
-
className:
|
|
806
|
+
"aria-label": e.detailsTitle,
|
|
807
|
+
className: i("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
|
|
807
808
|
children: [
|
|
808
|
-
/* @__PURE__ */
|
|
809
|
+
/* @__PURE__ */ U("h2", {
|
|
809
810
|
className: z,
|
|
810
|
-
children:
|
|
811
|
+
children: e.detailsTitle
|
|
811
812
|
}),
|
|
812
|
-
C && /* @__PURE__ */
|
|
813
|
+
C && /* @__PURE__ */ W("div", {
|
|
813
814
|
className: "flex flex-col gap-1",
|
|
814
|
-
children: [/* @__PURE__ */
|
|
815
|
-
className:
|
|
816
|
-
children:
|
|
817
|
-
}), /* @__PURE__ */
|
|
815
|
+
children: [/* @__PURE__ */ U("span", {
|
|
816
|
+
className: i(B, $.subtitleText),
|
|
817
|
+
children: e.descriptionLabel
|
|
818
|
+
}), /* @__PURE__ */ U("p", {
|
|
818
819
|
className: V,
|
|
819
820
|
children: C
|
|
820
821
|
})]
|
|
821
822
|
}),
|
|
822
|
-
w && /* @__PURE__ */
|
|
823
|
+
w && /* @__PURE__ */ W("div", {
|
|
823
824
|
className: "flex flex-col gap-1",
|
|
824
|
-
children: [/* @__PURE__ */
|
|
825
|
-
className:
|
|
826
|
-
children:
|
|
827
|
-
}), /* @__PURE__ */
|
|
825
|
+
children: [/* @__PURE__ */ U("span", {
|
|
826
|
+
className: i(B, $.subtitleText),
|
|
827
|
+
children: e.modelLabel
|
|
828
|
+
}), /* @__PURE__ */ U("p", {
|
|
828
829
|
className: V,
|
|
829
830
|
children: w
|
|
830
831
|
})]
|
|
831
832
|
}),
|
|
832
|
-
T && /* @__PURE__ */
|
|
833
|
+
T && /* @__PURE__ */ W("div", {
|
|
833
834
|
className: "flex flex-col gap-1",
|
|
834
|
-
children: [/* @__PURE__ */
|
|
835
|
-
className:
|
|
836
|
-
children:
|
|
837
|
-
}), /* @__PURE__ */
|
|
835
|
+
children: [/* @__PURE__ */ U("span", {
|
|
836
|
+
className: i(B, $.subtitleText),
|
|
837
|
+
children: e.repeatsLabel
|
|
838
|
+
}), /* @__PURE__ */ U("p", {
|
|
838
839
|
className: V,
|
|
839
840
|
children: T
|
|
840
841
|
})]
|
|
841
842
|
}),
|
|
842
|
-
E && /* @__PURE__ */
|
|
843
|
+
E && /* @__PURE__ */ W("div", {
|
|
843
844
|
className: "flex flex-col gap-1",
|
|
844
|
-
children: [/* @__PURE__ */
|
|
845
|
-
className:
|
|
846
|
-
children:
|
|
847
|
-
}), /* @__PURE__ */
|
|
845
|
+
children: [/* @__PURE__ */ U("span", {
|
|
846
|
+
className: i(B, $.subtitleText),
|
|
847
|
+
children: e.activeWindowLabel
|
|
848
|
+
}), /* @__PURE__ */ U("p", {
|
|
848
849
|
className: V,
|
|
849
850
|
children: E
|
|
850
851
|
})]
|
|
851
852
|
})
|
|
852
853
|
]
|
|
853
854
|
}),
|
|
854
|
-
/* @__PURE__ */
|
|
855
|
+
/* @__PURE__ */ W("div", {
|
|
855
856
|
className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
|
|
856
|
-
children: [/* @__PURE__ */
|
|
857
|
+
children: [/* @__PURE__ */ U("h2", {
|
|
857
858
|
className: z,
|
|
858
|
-
children:
|
|
859
|
-
}), /* @__PURE__ */
|
|
859
|
+
children: e.configurationTitle
|
|
860
|
+
}), /* @__PURE__ */ W("div", {
|
|
860
861
|
role: "group",
|
|
861
|
-
"aria-label":
|
|
862
|
+
"aria-label": e.instructionsLabel,
|
|
862
863
|
className: "flex flex-col gap-1",
|
|
863
|
-
children: [/* @__PURE__ */
|
|
864
|
-
className:
|
|
865
|
-
children:
|
|
866
|
-
}),
|
|
864
|
+
children: [/* @__PURE__ */ U("span", {
|
|
865
|
+
className: i(B, $.subtitleText),
|
|
866
|
+
children: e.instructionsLabel
|
|
867
|
+
}), O && ((e) => A ? A(e) : /* @__PURE__ */ U(t, { content: e }))(O)]
|
|
867
868
|
})]
|
|
868
869
|
}),
|
|
869
|
-
/* @__PURE__ */
|
|
870
|
+
/* @__PURE__ */ U("div", {
|
|
870
871
|
className: "flex w-full justify-center p-6 desktop:w-auto desktop:items-start",
|
|
871
|
-
children: /* @__PURE__ */
|
|
872
|
-
className:
|
|
873
|
-
children: [/* @__PURE__ */
|
|
874
|
-
className:
|
|
872
|
+
children: /* @__PURE__ */ W("div", {
|
|
873
|
+
className: i("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", $.historyCard),
|
|
874
|
+
children: [/* @__PURE__ */ W("div", {
|
|
875
|
+
className: i("sticky top-0 z-10 flex flex-col gap-4 rounded-t-xl px-6 pb-2 pt-5", $.historyCard),
|
|
875
876
|
children: [
|
|
876
|
-
/* @__PURE__ */
|
|
877
|
+
/* @__PURE__ */ U("h2", {
|
|
877
878
|
className: z,
|
|
878
|
-
children:
|
|
879
|
+
children: e.historyTitle
|
|
879
880
|
}),
|
|
880
|
-
D && /* @__PURE__ */
|
|
881
|
-
className:
|
|
881
|
+
D && /* @__PURE__ */ U("p", {
|
|
882
|
+
className: i(H, $.subtitleText),
|
|
882
883
|
children: D
|
|
883
884
|
}),
|
|
884
|
-
|
|
885
|
+
e.historyLoadingMoreLabel && /* @__PURE__ */ U("span", {
|
|
885
886
|
role: "status",
|
|
886
887
|
"aria-live": "polite",
|
|
887
888
|
className: "sr-only",
|
|
888
|
-
children: M ?
|
|
889
|
+
children: M ? e.historyLoadingMoreLabel : ""
|
|
889
890
|
})
|
|
890
891
|
]
|
|
891
|
-
}), /* @__PURE__ */
|
|
892
|
+
}), /* @__PURE__ */ U("div", {
|
|
892
893
|
className: "flex flex-1 flex-col gap-4 px-6 pb-2",
|
|
893
|
-
children: /* @__PURE__ */
|
|
894
|
-
items:
|
|
894
|
+
children: /* @__PURE__ */ U(Ae, {
|
|
895
|
+
items: j,
|
|
895
896
|
isLoading: ne,
|
|
896
897
|
isLoadingMore: M,
|
|
897
898
|
skeletonCount: re,
|
|
898
899
|
error: ie,
|
|
899
900
|
onRetry: ae,
|
|
900
|
-
onRunClick:
|
|
901
|
+
onRunClick: F,
|
|
901
902
|
labels: {
|
|
902
|
-
historyTitle:
|
|
903
|
-
emptyLabel:
|
|
904
|
-
errorLabel:
|
|
905
|
-
retryLabel:
|
|
906
|
-
runStatusLabels:
|
|
907
|
-
unreadIndicatorLabel:
|
|
903
|
+
historyTitle: e.historyTitle,
|
|
904
|
+
emptyLabel: e.historyEmptyLabel,
|
|
905
|
+
errorLabel: e.historyErrorLabel,
|
|
906
|
+
retryLabel: e.historyRetryLabel,
|
|
907
|
+
runStatusLabels: e.runStatusLabels,
|
|
908
|
+
unreadIndicatorLabel: e.unreadIndicatorLabel
|
|
908
909
|
},
|
|
909
|
-
footer:
|
|
910
|
+
footer: le,
|
|
910
911
|
styles: {
|
|
911
|
-
typography: { runTimestampClassName:
|
|
912
|
+
typography: { runTimestampClassName: H },
|
|
912
913
|
colors: {
|
|
913
|
-
successIconColor:
|
|
914
|
-
errorIconColor:
|
|
915
|
-
missedIconColor:
|
|
916
|
-
unreadDotColor:
|
|
914
|
+
successIconColor: L?.successIconColor,
|
|
915
|
+
errorIconColor: L?.errorIconColor,
|
|
916
|
+
missedIconColor: L?.missedIconColor,
|
|
917
|
+
unreadDotColor: L?.unreadDotColor
|
|
917
918
|
}
|
|
918
919
|
}
|
|
919
920
|
})
|
|
@@ -924,27 +925,27 @@ var K = {
|
|
|
924
925
|
})
|
|
925
926
|
]
|
|
926
927
|
});
|
|
927
|
-
},
|
|
928
|
+
}, Me = ({ modelLabel: e, instructionsLabel: n, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
|
|
928
929
|
let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
|
|
929
|
-
return /* @__PURE__ */
|
|
930
|
+
return /* @__PURE__ */ W("div", {
|
|
930
931
|
className: "flex flex-col gap-3",
|
|
931
|
-
children: [r && /* @__PURE__ */
|
|
932
|
+
children: [r && /* @__PURE__ */ W("div", {
|
|
932
933
|
className: "flex flex-col gap-2",
|
|
933
|
-
children: [/* @__PURE__ */
|
|
934
|
+
children: [/* @__PURE__ */ U("span", {
|
|
934
935
|
className: s,
|
|
935
|
-
children:
|
|
936
|
-
}), /* @__PURE__ */
|
|
936
|
+
children: e
|
|
937
|
+
}), /* @__PURE__ */ U("p", {
|
|
937
938
|
className: c,
|
|
938
939
|
children: r
|
|
939
940
|
})]
|
|
940
|
-
}), i && /* @__PURE__ */
|
|
941
|
+
}), i && /* @__PURE__ */ W("div", {
|
|
941
942
|
className: "flex flex-col gap-2",
|
|
942
|
-
children: [/* @__PURE__ */
|
|
943
|
+
children: [/* @__PURE__ */ U("span", {
|
|
943
944
|
className: s,
|
|
944
945
|
children: n
|
|
945
|
-
}), ((
|
|
946
|
+
}), ((e) => a ? a(e) : /* @__PURE__ */ U(t, { content: e }))(i)]
|
|
946
947
|
})]
|
|
947
948
|
});
|
|
948
949
|
};
|
|
949
950
|
//#endregion
|
|
950
|
-
export {
|
|
951
|
+
export { be as DESCRIPTION_MAX_LENGTH, ue as ScheduledTaskCard, he as ScheduledTaskCardGrid, me as ScheduledTaskCardSkeleton, Oe as ScheduledTaskCreateForm, je as ScheduledTaskDetailView, Me as ScheduledTaskDetailsSummary, J as ScheduledTaskRepeat, Ae as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, ve as ScheduledTasks, ye as ScheduledTasksSortKey };
|