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