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