@epam/ai-dial-scheduled-tasks 1.1.0-dev.162 → 1.1.0-dev.168
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/ScheduledTaskCreateForm/ScheduledTaskCreateForm.d.ts +6 -5
- package/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.d.ts.map +1 -1
- package/index.d.ts +1 -1
- package/index.d.ts.map +1 -1
- package/index.js +283 -282
- package/models/scheduled-task-create-form-props.d.ts +15 -12
- package/models/scheduled-task-create-form-props.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -3,11 +3,12 @@ import { ScheduledTaskCreateFormProps } from '../../models/scheduled-task-create
|
|
|
3
3
|
/**
|
|
4
4
|
* Presentational create-task form: a back-navigable header (Cancel/Save
|
|
5
5
|
* actions) and a two-column Details/Configuration body. Details holds
|
|
6
|
-
* display name, description, the schedule fields, and the
|
|
7
|
-
* Configuration holds the markdown Instructions editor. Field values
|
|
8
|
-
* validation errors
|
|
9
|
-
*
|
|
10
|
-
*
|
|
6
|
+
* display name, description, the schedule fields, and the Model or Agent
|
|
7
|
+
* field; Configuration holds the markdown Instructions editor. Field values
|
|
8
|
+
* and validation errors are supplied by the host app, and the Model or
|
|
9
|
+
* Agent field's control is a fully-composed `modelSelector` element the host
|
|
10
|
+
* renders; this component holds no state of its own and performs no
|
|
11
|
+
* routing, i18n, or network calls.
|
|
11
12
|
*/
|
|
12
13
|
export declare const ScheduledTaskCreateForm: FC<ScheduledTaskCreateFormProps>;
|
|
13
14
|
//# sourceMappingURL=ScheduledTaskCreateForm.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScheduledTaskCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScheduledTaskCreateForm.d.ts","sourceRoot":"","sources":["../../../src/components/ScheduledTaskCreateForm/ScheduledTaskCreateForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAuC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,4BAA4B,EAAE,MAAM,+CAA+C,CAAC;AAwB7F;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA+WpE,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export type { ScheduledTaskCardSkeletonProps, ScheduledTaskCardSkeletonStyles, S
|
|
|
9
9
|
export type { ScheduledTaskItem } from './models/scheduled-task-item';
|
|
10
10
|
export { ScheduledTasksSortKey } from './types/scheduled-tasks-sort-key';
|
|
11
11
|
export { ScheduledTaskCreateForm } from './components/ScheduledTaskCreateForm/ScheduledTaskCreateForm';
|
|
12
|
-
export type { ScheduledTaskCreateFormProps, ScheduledTaskCreateFormLabels, ScheduledTaskCreateFormValues, ScheduledTaskCreateFormErrors, ScheduledTaskCreateFormStyles, ScheduledTaskCreateFormColors, ScheduledTaskCreateFormTypography,
|
|
12
|
+
export type { ScheduledTaskCreateFormProps, ScheduledTaskCreateFormLabels, ScheduledTaskCreateFormValues, ScheduledTaskCreateFormErrors, ScheduledTaskCreateFormStyles, ScheduledTaskCreateFormColors, ScheduledTaskCreateFormTypography, ScheduledTaskRepeatOption, } from './models/scheduled-task-create-form-props';
|
|
13
13
|
export { DESCRIPTION_MAX_LENGTH } from './constants/scheduled-task-create-form';
|
|
14
14
|
export { ScheduledTaskRepeat } from './types/scheduled-task-schedule';
|
|
15
15
|
export { ScheduledTaskDetailView } from './components/ScheduledTaskDetailView/ScheduledTaskDetailView';
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,YAAY,EACV,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,YAAY,EACV,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,6CAA6C,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,YAAY,EACV,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,iCAAiC,EACjC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,YAAY,EACV,0BAA0B,EAC1B,2BAA2B,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,YAAY,EACV,8BAA8B,EAC9B,+BAA+B,EAC/B,+BAA+B,GAChC,MAAM,6CAA6C,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,YAAY,EACV,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,iCAAiC,EACjC,yBAAyB,GAC1B,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,YAAY,EACV,4BAA4B,EAC5B,6BAA6B,EAC7B,6BAA6B,EAC7B,6BAA6B,EAC7B,iCAAiC,GAClC,MAAM,2CAA2C,CAAC;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AACnH,YAAY,EACV,gCAAgC,EAChC,iCAAiC,EACjC,iCAAiC,EACjC,iCAAiC,EACjC,qCAAqC,GACtC,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AACnH,YAAY,EACV,gCAAgC,EAChC,iCAAiC,EACjC,qCAAqC,GACtC,MAAM,+CAA+C,CAAC"}
|
package/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { MDMessageViewer as e, PanelEmptyState as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
|
|
2
2
|
import { SearchBar as i } from "@epam/ai-dial-kit";
|
|
3
|
-
import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, DialSwitch as f, FolderPath as p, GhostButton as m, GhostIconButton as h, Highlight as g, Input as _,
|
|
4
|
-
import { IconAlertTriangle as
|
|
5
|
-
import { Suspense as N, lazy as P, useEffect as
|
|
6
|
-
import { Fragment as
|
|
7
|
-
import { BuilderFormContainer as
|
|
8
|
-
var
|
|
3
|
+
import { ButtonAppearance as a, ButtonDropdown as o, ButtonVariant as s, Calendar as c, CalendarMode as l, CardShell as u, DIAL_ICON_SIZE as d, DialSwitch as f, FolderPath as p, GhostButton as m, GhostIconButton as h, Highlight as g, Input as _, Label as v, LazyMarkdownEditor as y, NeutralButton as b, NumberInput as x, PrimaryButton as S, Select as C, Skeleton as w, SkeletonVariant as T, Spinner as E, Textarea as D } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { IconAlertTriangle as O, IconArrowLeft as k, IconCalendarTime as A, IconCircleCheck as j, IconCircleX as M, IconPencilMinus as ee, IconPlayerPause as te, IconPlus as ne } from "@tabler/icons-react";
|
|
5
|
+
import { Suspense as N, lazy as P, useEffect as re, useRef as F } from "react";
|
|
6
|
+
import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
|
|
7
|
+
import { BuilderFormContainer as z } from "@epam/ai-dial-builder-form";
|
|
8
|
+
var B = {
|
|
9
9
|
title: "_title_xe5uf_1",
|
|
10
10
|
description: "_description_xe5uf_5",
|
|
11
11
|
schedulePill: "_schedulePill_xe5uf_9",
|
|
@@ -16,7 +16,7 @@ var z = {
|
|
|
16
16
|
pausedPill: "_pausedPill_xe5uf_31",
|
|
17
17
|
pausedLabel: "_pausedLabel_xe5uf_36",
|
|
18
18
|
locationDivider: "_locationDivider_xe5uf_40"
|
|
19
|
-
},
|
|
19
|
+
}, V = ({ item: e, searchQuery: t = "", onCardClick: i, labels: a, styles: o, className: s }) => {
|
|
20
20
|
let c = a?.newBadgeLabel ?? "NEW", l = a?.pausedBadgeLabel ?? "Paused", { colors: f, typography: m } = o ?? {}, h = m?.titleClassName ?? "dial-body-semi-text", _ = m?.descriptionClassName ?? "dial-small-text", v = m?.scheduleLabelClassName ?? "dial-tiny-text", y = m?.locationLabelClassName ?? "dial-tiny-text", b = m?.locationLeafClassName ?? "dial-tiny-semi-text", x = m?.newBadgeClassName ?? "dial-tiny-semi-text", S = m?.pausedBadgeClassName ?? "dial-tiny-text", C = n({
|
|
21
21
|
"--stc-title-text": f?.titleText,
|
|
22
22
|
"--stc-desc-text": f?.descriptionText,
|
|
@@ -38,95 +38,95 @@ var z = {
|
|
|
38
38
|
(t.key === "Enter" || t.key === " ") && (t.preventDefault(), i(e.id));
|
|
39
39
|
}
|
|
40
40
|
} : {};
|
|
41
|
-
return /* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ R(u, {
|
|
42
42
|
role: i ? "button" : "group",
|
|
43
43
|
"aria-label": e.displayName,
|
|
44
44
|
style: C,
|
|
45
45
|
className: r("h-[232px]", i && "cursor-pointer", s),
|
|
46
46
|
...w,
|
|
47
47
|
children: [
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ R("div", {
|
|
49
49
|
className: "flex min-w-0 shrink-0 items-center gap-2",
|
|
50
|
-
children: [/* @__PURE__ */
|
|
50
|
+
children: [/* @__PURE__ */ L(g, {
|
|
51
51
|
text: e.displayName,
|
|
52
52
|
query: t,
|
|
53
53
|
maxLines: 1,
|
|
54
|
-
className: r(h,
|
|
55
|
-
}), e.isNew && /* @__PURE__ */
|
|
56
|
-
className: r("shrink-0 rounded-full px-2 py-0.5", x,
|
|
54
|
+
className: r(h, B.title)
|
|
55
|
+
}), e.isNew && /* @__PURE__ */ L("span", {
|
|
56
|
+
className: r("shrink-0 rounded-full px-2 py-0.5", x, B.newBadge),
|
|
57
57
|
children: c
|
|
58
58
|
})]
|
|
59
59
|
}),
|
|
60
|
-
e.descriptionPreview && /* @__PURE__ */
|
|
61
|
-
className: r("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]", _,
|
|
60
|
+
e.descriptionPreview && /* @__PURE__ */ L("p", {
|
|
61
|
+
className: r("line-clamp-4 min-h-0 flex-1 overflow-hidden !leading-[22px]", _, B.description),
|
|
62
62
|
children: e.descriptionPreview
|
|
63
63
|
}),
|
|
64
|
-
/* @__PURE__ */
|
|
64
|
+
/* @__PURE__ */ R("div", {
|
|
65
65
|
className: "mt-auto flex shrink-0 flex-col gap-3",
|
|
66
|
-
children: [/* @__PURE__ */
|
|
66
|
+
children: [/* @__PURE__ */ L("div", {
|
|
67
67
|
className: "flex min-h-[28px] items-center",
|
|
68
|
-
children: e.isActive === !1 ? /* @__PURE__ */
|
|
69
|
-
className: r("inline-flex items-center gap-1.5 rounded-full border px-2 py-1",
|
|
70
|
-
children: [/* @__PURE__ */
|
|
68
|
+
children: e.isActive === !1 ? /* @__PURE__ */ R("span", {
|
|
69
|
+
className: r("inline-flex items-center gap-1.5 rounded-full border px-2 py-1", B.pausedPill, S, B.pausedLabel),
|
|
70
|
+
children: [/* @__PURE__ */ L(te, {
|
|
71
71
|
size: d.SM,
|
|
72
72
|
"aria-hidden": !0
|
|
73
73
|
}), l]
|
|
74
|
-
}) : /* @__PURE__ */
|
|
75
|
-
className: r("inline-block rounded-lg border px-2 py-1",
|
|
74
|
+
}) : /* @__PURE__ */ L("span", {
|
|
75
|
+
className: r("inline-block rounded-lg border px-2 py-1", B.schedulePill, v, B.scheduleLabel),
|
|
76
76
|
children: e.scheduleLabel
|
|
77
77
|
})
|
|
78
|
-
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */
|
|
78
|
+
}), e.locationSegments && e.locationSegments.length > 0 && /* @__PURE__ */ L(p, {
|
|
79
79
|
segments: e.locationSegments,
|
|
80
|
-
labelClassName: r(y,
|
|
81
|
-
leafClassName: r(b,
|
|
82
|
-
className: r("pt-3",
|
|
80
|
+
labelClassName: r(y, B.locationLabel),
|
|
81
|
+
leafClassName: r(b, B.locationLeaf),
|
|
82
|
+
className: r("pt-3", B.locationDivider)
|
|
83
83
|
})]
|
|
84
84
|
})
|
|
85
85
|
]
|
|
86
86
|
});
|
|
87
|
-
},
|
|
87
|
+
}, H = { card: "_card_1a43j_1" }, U = [
|
|
88
88
|
"100%",
|
|
89
89
|
"100%",
|
|
90
90
|
"61%"
|
|
91
|
-
],
|
|
91
|
+
], W = "var(--stcs-skeleton-bg)", G = ({ styles: e }) => /* @__PURE__ */ R(u, {
|
|
92
92
|
"aria-hidden": !0,
|
|
93
93
|
style: n({ "--stcs-skeleton-bg": e?.colors?.skeletonColor }),
|
|
94
|
-
className: r("h-[232px]",
|
|
94
|
+
className: r("h-[232px]", H.card),
|
|
95
95
|
children: [
|
|
96
|
-
/* @__PURE__ */
|
|
97
|
-
variant:
|
|
96
|
+
/* @__PURE__ */ L(w, {
|
|
97
|
+
variant: T.Rectangular,
|
|
98
98
|
width: "60%",
|
|
99
99
|
height: "20px",
|
|
100
|
-
color:
|
|
100
|
+
color: W,
|
|
101
101
|
className: "shrink-0"
|
|
102
102
|
}),
|
|
103
|
-
/* @__PURE__ */
|
|
103
|
+
/* @__PURE__ */ L("div", {
|
|
104
104
|
className: "flex min-h-0 flex-1 flex-col gap-3 overflow-hidden",
|
|
105
|
-
children:
|
|
106
|
-
variant:
|
|
105
|
+
children: U.map((e, t) => /* @__PURE__ */ L(w, {
|
|
106
|
+
variant: T.Rectangular,
|
|
107
107
|
width: e,
|
|
108
108
|
height: "16px",
|
|
109
|
-
color:
|
|
109
|
+
color: W
|
|
110
110
|
}, t))
|
|
111
111
|
}),
|
|
112
|
-
/* @__PURE__ */
|
|
113
|
-
variant:
|
|
112
|
+
/* @__PURE__ */ L(w, {
|
|
113
|
+
variant: T.Rectangular,
|
|
114
114
|
width: "110px",
|
|
115
115
|
height: "28px",
|
|
116
|
-
color:
|
|
116
|
+
color: W,
|
|
117
117
|
className: "shrink-0 rounded-lg"
|
|
118
118
|
})
|
|
119
119
|
]
|
|
120
|
-
}),
|
|
120
|
+
}), K = ({ items: e, searchQuery: t, onCardClick: n, labels: r, cardStyles: i, trailingSkeletonCount: a = 0, skeletonStyles: o }) => /* @__PURE__ */ R("div", {
|
|
121
121
|
className: "grid grid-cols-1 gap-5 desktop:grid-cols-3",
|
|
122
|
-
children: [e.map((e) => /* @__PURE__ */
|
|
122
|
+
children: [e.map((e) => /* @__PURE__ */ L(V, {
|
|
123
123
|
item: e,
|
|
124
124
|
searchQuery: t,
|
|
125
125
|
onCardClick: n,
|
|
126
126
|
labels: r,
|
|
127
127
|
styles: i
|
|
128
|
-
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */
|
|
129
|
-
}),
|
|
128
|
+
}, e.id)), Array.from({ length: a }, (e, t) => /* @__PURE__ */ L(G, { styles: o }, `skeleton-${t}`))]
|
|
129
|
+
}), q = {
|
|
130
130
|
container: "_container_r5sk9_1",
|
|
131
131
|
subtitle: "_subtitle_r5sk9_5",
|
|
132
132
|
sortButton: "_sortButton_r5sk9_9"
|
|
@@ -136,14 +136,14 @@ var z = {
|
|
|
136
136
|
if (!e || e === document.body) return null;
|
|
137
137
|
let { overflow: t, overflowY: n } = getComputedStyle(e);
|
|
138
138
|
return t === "auto" || t === "scroll" || n === "auto" || n === "scroll" ? e : ae(e.parentElement);
|
|
139
|
-
}, oe = ({ labels: e, onCreateClick: c, searchQuery: l, onSearchQueryChange: u, sortKey: f, onSortChange: p, items: h, isLoading: g = !1, error: _, onRetry: v, hasMore: y = !1, isLoadingMore: b = !1, skeletonCount:
|
|
140
|
-
let { colors: D, typography: O, emptyStateIconSize: k = 48 } =
|
|
139
|
+
}, oe = ({ labels: e, onCreateClick: c, searchQuery: l, onSearchQueryChange: u, sortKey: f, onSortChange: p, items: h, isLoading: g = !1, error: _, onRetry: v, hasMore: y = !1, isLoadingMore: b = !1, skeletonCount: x = 6, onLoadMore: C, onCardClick: w, styles: T }) => {
|
|
140
|
+
let { colors: D, typography: O, emptyStateIconSize: k = 48 } = T ?? {}, j = O?.titleClassName ?? "dial-h1-text", M = O?.subtitleClassName ?? "dial-body-text", ee = n({
|
|
141
141
|
"--st-bg": D?.background,
|
|
142
142
|
"--st-subtitle-text": D?.subtitleText,
|
|
143
143
|
"--st-sort-text": D?.sortButtonText
|
|
144
|
-
}),
|
|
145
|
-
|
|
146
|
-
let e =
|
|
144
|
+
}), te = e.sortOptions.find((e) => e.key === f)?.label ?? "", N = ie(g, b, !!_, h.length, l.trim().length > 0, e), P = F(null);
|
|
145
|
+
re(() => {
|
|
146
|
+
let e = P.current;
|
|
147
147
|
if (!e || !C) return;
|
|
148
148
|
let t = ae(e.parentElement);
|
|
149
149
|
if (!t) return;
|
|
@@ -159,58 +159,58 @@ var z = {
|
|
|
159
159
|
g,
|
|
160
160
|
C
|
|
161
161
|
]);
|
|
162
|
-
let
|
|
162
|
+
let I = () => g ? /* @__PURE__ */ L(E, {}) : _ ? /* @__PURE__ */ R("div", {
|
|
163
163
|
className: "flex flex-col items-center gap-3",
|
|
164
|
-
children: [/* @__PURE__ */
|
|
165
|
-
className: r(
|
|
164
|
+
children: [/* @__PURE__ */ L("p", {
|
|
165
|
+
className: r(M, q.subtitle),
|
|
166
166
|
children: e.errorLabel
|
|
167
|
-
}), /* @__PURE__ */
|
|
167
|
+
}), /* @__PURE__ */ L(m, {
|
|
168
168
|
label: e.retryLabel,
|
|
169
169
|
onClick: v
|
|
170
170
|
})]
|
|
171
|
-
}) : h.length === 0 ? l.trim() ? /* @__PURE__ */
|
|
172
|
-
className: r(
|
|
171
|
+
}) : h.length === 0 ? l.trim() ? /* @__PURE__ */ L("p", {
|
|
172
|
+
className: r(M, q.subtitle),
|
|
173
173
|
children: e.noResultsLabel
|
|
174
|
-
}) : /* @__PURE__ */
|
|
175
|
-
icon: /* @__PURE__ */
|
|
174
|
+
}) : /* @__PURE__ */ L(t, {
|
|
175
|
+
icon: /* @__PURE__ */ L(A, {
|
|
176
176
|
"aria-hidden": !0,
|
|
177
177
|
size: k,
|
|
178
178
|
stroke: 1
|
|
179
179
|
}),
|
|
180
180
|
label: e.emptyStateLabel
|
|
181
|
-
}) : /* @__PURE__ */
|
|
181
|
+
}) : /* @__PURE__ */ R("div", {
|
|
182
182
|
className: "flex w-full flex-col gap-6",
|
|
183
|
-
children: [/* @__PURE__ */
|
|
183
|
+
children: [/* @__PURE__ */ L(K, {
|
|
184
184
|
items: h,
|
|
185
185
|
searchQuery: l,
|
|
186
186
|
onCardClick: w,
|
|
187
187
|
labels: e.cardLabels,
|
|
188
|
-
trailingSkeletonCount: b ?
|
|
188
|
+
trailingSkeletonCount: b ? x : 0,
|
|
189
189
|
skeletonStyles: { colors: { skeletonColor: D?.skeletonColor } }
|
|
190
|
-
}), /* @__PURE__ */
|
|
191
|
-
ref:
|
|
190
|
+
}), /* @__PURE__ */ L("div", {
|
|
191
|
+
ref: P,
|
|
192
192
|
"aria-hidden": !0,
|
|
193
193
|
className: "h-px w-full"
|
|
194
194
|
})]
|
|
195
195
|
}), z = g || !!_ || h.length === 0;
|
|
196
|
-
return /* @__PURE__ */
|
|
197
|
-
style:
|
|
198
|
-
className: r("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4",
|
|
196
|
+
return /* @__PURE__ */ R("div", {
|
|
197
|
+
style: ee,
|
|
198
|
+
className: r("flex h-full w-full flex-col gap-6 overflow-y-auto px-8 py-4", q.container),
|
|
199
199
|
children: [
|
|
200
|
-
/* @__PURE__ */
|
|
200
|
+
/* @__PURE__ */ R("div", {
|
|
201
201
|
className: "flex items-start justify-between gap-4",
|
|
202
|
-
children: [/* @__PURE__ */
|
|
202
|
+
children: [/* @__PURE__ */ R("div", {
|
|
203
203
|
className: "min-w-0 gap-2",
|
|
204
|
-
children: [/* @__PURE__ */
|
|
205
|
-
className: r("truncate",
|
|
204
|
+
children: [/* @__PURE__ */ L("h1", {
|
|
205
|
+
className: r("truncate", j),
|
|
206
206
|
children: e.title
|
|
207
|
-
}), /* @__PURE__ */
|
|
208
|
-
className: r("mt-1",
|
|
207
|
+
}), /* @__PURE__ */ L("p", {
|
|
208
|
+
className: r("mt-1", M, q.subtitle),
|
|
209
209
|
children: e.subtitle
|
|
210
210
|
})]
|
|
211
|
-
}), /* @__PURE__ */
|
|
211
|
+
}), /* @__PURE__ */ L(S, {
|
|
212
212
|
label: e.createButtonLabel,
|
|
213
|
-
iconBefore: /* @__PURE__ */
|
|
213
|
+
iconBefore: /* @__PURE__ */ L(ne, {
|
|
214
214
|
size: d.SM,
|
|
215
215
|
"aria-hidden": !0
|
|
216
216
|
}),
|
|
@@ -218,11 +218,11 @@ var z = {
|
|
|
218
218
|
className: "shrink-0"
|
|
219
219
|
})]
|
|
220
220
|
}),
|
|
221
|
-
/* @__PURE__ */
|
|
221
|
+
/* @__PURE__ */ R("div", {
|
|
222
222
|
className: "flex flex-wrap items-center gap-3",
|
|
223
|
-
children: [/* @__PURE__ */
|
|
223
|
+
children: [/* @__PURE__ */ L("div", {
|
|
224
224
|
className: "flex-1",
|
|
225
|
-
children: /* @__PURE__ */
|
|
225
|
+
children: /* @__PURE__ */ L(i, {
|
|
226
226
|
value: l,
|
|
227
227
|
onChange: u,
|
|
228
228
|
labels: {
|
|
@@ -238,8 +238,8 @@ var z = {
|
|
|
238
238
|
clearButtonClassName: "size-11 desktop:size-auto"
|
|
239
239
|
}
|
|
240
240
|
})
|
|
241
|
-
}), e.sortOptions.length > 0 && /* @__PURE__ */
|
|
242
|
-
label:
|
|
241
|
+
}), e.sortOptions.length > 0 && /* @__PURE__ */ L(o, {
|
|
242
|
+
label: te,
|
|
243
243
|
variant: s.Primary,
|
|
244
244
|
appearance: a.Ghost,
|
|
245
245
|
items: e.sortOptions.map((e) => ({
|
|
@@ -248,26 +248,26 @@ var z = {
|
|
|
248
248
|
}))
|
|
249
249
|
})]
|
|
250
250
|
}),
|
|
251
|
-
/* @__PURE__ */
|
|
251
|
+
/* @__PURE__ */ L("span", {
|
|
252
252
|
role: "status",
|
|
253
253
|
"aria-live": "polite",
|
|
254
254
|
className: "sr-only",
|
|
255
|
-
children:
|
|
255
|
+
children: N
|
|
256
256
|
}),
|
|
257
|
-
/* @__PURE__ */
|
|
257
|
+
/* @__PURE__ */ L("div", {
|
|
258
258
|
className: r("mx-auto flex size-full w-full max-w-[1180px] flex-col", z && "items-center justify-center"),
|
|
259
|
-
children:
|
|
259
|
+
children: I()
|
|
260
260
|
})
|
|
261
261
|
]
|
|
262
262
|
});
|
|
263
263
|
}, se = /* @__PURE__ */ function(e) {
|
|
264
264
|
return e.FirstToRun = "firstToRun", e.LastToRun = "lastToRun", e.Newest = "newest", e.NameAZ = "nameAZ", e;
|
|
265
|
-
}({}), ce = 500,
|
|
265
|
+
}({}), ce = 500, J = /* @__PURE__ */ function(e) {
|
|
266
266
|
return e.OneTime = "oneTime", e.Hourly = "hourly", e.Daily = "daily", e.Weekly = "weekly", e.Monthly = "monthly", e;
|
|
267
|
-
}({}),
|
|
267
|
+
}({}), Y = (e) => String(e).padStart(2, "0"), le = (e) => e ? new Date(e) : null, ue = (e) => {
|
|
268
268
|
if (e == null) return "";
|
|
269
269
|
let t = e instanceof Date ? e : new Date(e);
|
|
270
|
-
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${
|
|
270
|
+
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}T${Y(t.getHours())}:${Y(t.getMinutes())}`;
|
|
271
271
|
}, de = (e) => {
|
|
272
272
|
if (!e) return null;
|
|
273
273
|
let [t, n, r] = e.split("-").map(Number);
|
|
@@ -275,62 +275,62 @@ var z = {
|
|
|
275
275
|
}, fe = (e) => {
|
|
276
276
|
if (e == null) return "";
|
|
277
277
|
let t = e instanceof Date ? e : new Date(e);
|
|
278
|
-
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${
|
|
278
|
+
return Number.isNaN(t.getTime()) ? "" : `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}`;
|
|
279
279
|
}, pe = (e) => {
|
|
280
280
|
let t = Number(e);
|
|
281
281
|
return e && Number.isFinite(t) ? String(t + 1) : null;
|
|
282
282
|
}, me = (e) => {
|
|
283
283
|
let t = typeof e == "string" ? Number(e) : NaN;
|
|
284
284
|
return Number.isFinite(t) ? String(t - 1) : "";
|
|
285
|
-
},
|
|
285
|
+
}, X = {
|
|
286
286
|
detailsColumn: "_detailsColumn_1mg3v_1",
|
|
287
287
|
sectionSubtitle: "_sectionSubtitle_1mg3v_5",
|
|
288
288
|
instructionsError: "_instructionsError_1mg3v_9"
|
|
289
|
-
},
|
|
290
|
-
let { colors:
|
|
291
|
-
"--stcf-details-border":
|
|
292
|
-
"--stcf-subtitle-text":
|
|
293
|
-
"--stcf-error-text":
|
|
294
|
-
}),
|
|
295
|
-
return /* @__PURE__ */
|
|
289
|
+
}, he = (e) => `${e} *`, ge = P(async () => ({ default: (await y()).MarkdownEditor })), _e = ({ labels: e, values: t, errors: i, modelSelector: a, modelLabelId: o, onFieldChange: s, onBack: u, onCancel: d, onSubmit: f, isSubmitting: p = !1, markdownEditorTheme: m, styles: h }) => {
|
|
290
|
+
let { colors: g, typography: y } = h ?? {}, b = y?.titleClassName ?? "dial-h1-text", S = y?.sectionTitleClassName ?? "dial-body-semi-text", w = y?.sectionSubtitleClassName ?? "dial-tiny-text", T = y?.instructionsLabelClassName ?? "dial-body-semi-text mb-1", O = y?.instructionsErrorClassName ?? "dial-small-text", k = n({
|
|
291
|
+
"--stcf-details-border": g?.detailsColumnBorder,
|
|
292
|
+
"--stcf-subtitle-text": g?.sectionSubtitleText,
|
|
293
|
+
"--stcf-error-text": g?.instructionsErrorText
|
|
294
|
+
}), A = p || !t.displayName.trim() || !t.modelId || !t.prompt.trim();
|
|
295
|
+
return /* @__PURE__ */ L(z, {
|
|
296
296
|
labels: {
|
|
297
297
|
title: e.pageTitle,
|
|
298
298
|
backButtonLabel: e.backButtonLabel,
|
|
299
299
|
cancelButtonLabel: e.cancelButtonLabel,
|
|
300
300
|
submitButtonLabel: e.createButtonLabel
|
|
301
301
|
},
|
|
302
|
-
onBack:
|
|
303
|
-
onCancel:
|
|
304
|
-
onSubmit:
|
|
305
|
-
isCancelDisabled:
|
|
306
|
-
isSubmitDisabled:
|
|
302
|
+
onBack: u,
|
|
303
|
+
onCancel: d,
|
|
304
|
+
onSubmit: f,
|
|
305
|
+
isCancelDisabled: p,
|
|
306
|
+
isSubmitDisabled: A,
|
|
307
307
|
styles: {
|
|
308
|
-
colors: { background:
|
|
308
|
+
colors: { background: g?.background },
|
|
309
309
|
header: {
|
|
310
|
-
colors: { borderColor:
|
|
311
|
-
typography: { fontClassName:
|
|
310
|
+
colors: { borderColor: g?.headerBorder },
|
|
311
|
+
typography: { fontClassName: b }
|
|
312
312
|
},
|
|
313
|
-
cssVars:
|
|
313
|
+
cssVars: k
|
|
314
314
|
},
|
|
315
|
-
left: /* @__PURE__ */
|
|
315
|
+
left: /* @__PURE__ */ R("div", {
|
|
316
316
|
role: "group",
|
|
317
317
|
"aria-label": e.detailsSectionTitle,
|
|
318
|
-
className: r("flex flex-1 flex-col gap-5 border-e px-8 py-6",
|
|
318
|
+
className: r("flex flex-1 flex-col gap-5 border-e px-8 py-6", X.detailsColumn),
|
|
319
319
|
children: [
|
|
320
|
-
/* @__PURE__ */
|
|
320
|
+
/* @__PURE__ */ R("div", {
|
|
321
321
|
className: "flex flex-col gap-1",
|
|
322
|
-
children: [/* @__PURE__ */
|
|
323
|
-
className:
|
|
322
|
+
children: [/* @__PURE__ */ L("h2", {
|
|
323
|
+
className: S,
|
|
324
324
|
children: e.detailsSectionTitle
|
|
325
|
-
}), /* @__PURE__ */
|
|
326
|
-
className: r(
|
|
325
|
+
}), /* @__PURE__ */ L("p", {
|
|
326
|
+
className: r(w, X.sectionSubtitle),
|
|
327
327
|
children: e.detailsSectionSubtitle
|
|
328
328
|
})]
|
|
329
329
|
}),
|
|
330
|
-
/* @__PURE__ */
|
|
330
|
+
/* @__PURE__ */ L(_, {
|
|
331
331
|
id: "scheduled-task-display-name",
|
|
332
332
|
value: t.displayName,
|
|
333
|
-
onChange: (e) =>
|
|
333
|
+
onChange: (e) => s("displayName", e ?? ""),
|
|
334
334
|
labelProps: {
|
|
335
335
|
label: e.displayNameLabel,
|
|
336
336
|
required: !0
|
|
@@ -338,89 +338,90 @@ var z = {
|
|
|
338
338
|
invalid: !!i.displayName,
|
|
339
339
|
error: i.displayName
|
|
340
340
|
}),
|
|
341
|
-
/* @__PURE__ */
|
|
341
|
+
/* @__PURE__ */ L(D, {
|
|
342
342
|
id: "scheduled-task-description",
|
|
343
343
|
value: t.description ?? "",
|
|
344
|
-
onChange: (e) =>
|
|
344
|
+
onChange: (e) => s("description", e),
|
|
345
345
|
labelProps: { label: e.descriptionLabel },
|
|
346
346
|
maxLength: 500,
|
|
347
347
|
invalid: !!i.description,
|
|
348
348
|
error: i.description,
|
|
349
349
|
caption: t.description ? `${t.description.length}/500` : void 0
|
|
350
350
|
}),
|
|
351
|
-
/* @__PURE__ */
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
351
|
+
/* @__PURE__ */ R("div", {
|
|
352
|
+
className: "flex flex-col gap-1",
|
|
353
|
+
children: [
|
|
354
|
+
/* @__PURE__ */ L(v, {
|
|
355
|
+
id: o,
|
|
356
|
+
label: e.modelOrAgentLabel,
|
|
357
|
+
required: !0
|
|
358
|
+
}),
|
|
359
|
+
a,
|
|
360
|
+
i.modelId && /* @__PURE__ */ L("p", {
|
|
361
|
+
className: r(O, X.instructionsError),
|
|
362
|
+
children: i.modelId
|
|
363
|
+
})
|
|
364
|
+
]
|
|
364
365
|
}),
|
|
365
|
-
/* @__PURE__ */
|
|
366
|
+
/* @__PURE__ */ R("div", {
|
|
366
367
|
className: "flex flex-col gap-3",
|
|
367
368
|
children: [
|
|
368
|
-
/* @__PURE__ */
|
|
369
|
+
/* @__PURE__ */ L(C, {
|
|
369
370
|
labelProps: { label: e.repeatLabel },
|
|
370
371
|
value: t.repeat,
|
|
371
|
-
onChange: (e) =>
|
|
372
|
+
onChange: (e) => s("repeat", e),
|
|
372
373
|
options: e.repeatOptions.map((e) => ({
|
|
373
374
|
value: e.key,
|
|
374
375
|
label: e.label
|
|
375
376
|
}))
|
|
376
377
|
}),
|
|
377
|
-
t.repeat ===
|
|
378
|
+
t.repeat === J.OneTime && /* @__PURE__ */ R("div", {
|
|
378
379
|
className: "flex flex-col gap-1",
|
|
379
|
-
children: [/* @__PURE__ */
|
|
380
|
+
children: [/* @__PURE__ */ L(c, {
|
|
380
381
|
id: "scheduled-task-run-at",
|
|
381
382
|
mode: l.DateTime,
|
|
382
383
|
value: le(t.runAt),
|
|
383
|
-
onChange: (e) =>
|
|
384
|
-
label:
|
|
384
|
+
onChange: (e) => s("runAt", ue(e)),
|
|
385
|
+
label: he(e.runAtLabel),
|
|
385
386
|
invalid: !!i.runAt
|
|
386
|
-
}), i.runAt && /* @__PURE__ */
|
|
387
|
-
className: r(
|
|
387
|
+
}), i.runAt && /* @__PURE__ */ L("p", {
|
|
388
|
+
className: r(O, X.instructionsError),
|
|
388
389
|
children: i.runAt
|
|
389
390
|
})]
|
|
390
391
|
}),
|
|
391
|
-
t.repeat !==
|
|
392
|
-
t.repeat !==
|
|
392
|
+
t.repeat !== J.OneTime && /* @__PURE__ */ R(I, { children: [
|
|
393
|
+
t.repeat !== J.Hourly && /* @__PURE__ */ R("div", {
|
|
393
394
|
className: "flex flex-col gap-1",
|
|
394
|
-
children: [/* @__PURE__ */
|
|
395
|
+
children: [/* @__PURE__ */ L(c, {
|
|
395
396
|
id: "scheduled-task-time",
|
|
396
397
|
mode: l.Time,
|
|
397
398
|
value: t.time,
|
|
398
|
-
onChange: (e) =>
|
|
399
|
-
label:
|
|
399
|
+
onChange: (e) => s("time", typeof e == "string" ? e : ""),
|
|
400
|
+
label: he(e.timeLabel),
|
|
400
401
|
invalid: !!i.time
|
|
401
|
-
}), i.time && /* @__PURE__ */
|
|
402
|
-
className: r(
|
|
402
|
+
}), i.time && /* @__PURE__ */ L("p", {
|
|
403
|
+
className: r(O, X.instructionsError),
|
|
403
404
|
children: i.time
|
|
404
405
|
})]
|
|
405
406
|
}),
|
|
406
|
-
t.repeat ===
|
|
407
|
+
t.repeat === J.Weekly && /* @__PURE__ */ R("div", {
|
|
407
408
|
className: "flex flex-col gap-1",
|
|
408
|
-
children: [/* @__PURE__ */
|
|
409
|
+
children: [/* @__PURE__ */ L(c, {
|
|
409
410
|
id: "scheduled-task-day-of-week",
|
|
410
411
|
mode: l.Weekday,
|
|
411
412
|
value: pe(t.dayOfWeek),
|
|
412
|
-
onChange: (e) =>
|
|
413
|
-
label:
|
|
413
|
+
onChange: (e) => s("dayOfWeek", me(e)),
|
|
414
|
+
label: he(e.dayOfWeekLabel),
|
|
414
415
|
invalid: !!i.dayOfWeek
|
|
415
|
-
}), i.dayOfWeek && /* @__PURE__ */
|
|
416
|
-
className: r(
|
|
416
|
+
}), i.dayOfWeek && /* @__PURE__ */ L("p", {
|
|
417
|
+
className: r(O, X.instructionsError),
|
|
417
418
|
children: i.dayOfWeek
|
|
418
419
|
})]
|
|
419
420
|
}),
|
|
420
|
-
t.repeat ===
|
|
421
|
+
t.repeat === J.Monthly && /* @__PURE__ */ L(_, {
|
|
421
422
|
id: "scheduled-task-day-of-month",
|
|
422
423
|
value: t.dayOfMonth ?? "",
|
|
423
|
-
onChange: (e) =>
|
|
424
|
+
onChange: (e) => s("dayOfMonth", e ?? ""),
|
|
424
425
|
labelProps: {
|
|
425
426
|
label: e.dayOfMonthLabel,
|
|
426
427
|
required: !0
|
|
@@ -428,13 +429,13 @@ var z = {
|
|
|
428
429
|
invalid: !!i.dayOfMonth,
|
|
429
430
|
error: i.dayOfMonth
|
|
430
431
|
}),
|
|
431
|
-
t.repeat ===
|
|
432
|
+
t.repeat === J.Hourly && /* @__PURE__ */ L(x, {
|
|
432
433
|
id: "scheduled-task-minute",
|
|
433
434
|
integer: !0,
|
|
434
435
|
min: 0,
|
|
435
436
|
max: 59,
|
|
436
437
|
value: t.minute ?? "",
|
|
437
|
-
onChange: (e) =>
|
|
438
|
+
onChange: (e) => s("minute", e == null ? "" : String(e)),
|
|
438
439
|
labelProps: {
|
|
439
440
|
label: e.minuteLabel,
|
|
440
441
|
required: !0
|
|
@@ -442,34 +443,34 @@ var z = {
|
|
|
442
443
|
invalid: !!i.minute,
|
|
443
444
|
error: i.minute
|
|
444
445
|
}),
|
|
445
|
-
/* @__PURE__ */
|
|
446
|
+
/* @__PURE__ */ R("div", {
|
|
446
447
|
className: "flex flex-col gap-3 desktop:flex-row",
|
|
447
|
-
children: [/* @__PURE__ */
|
|
448
|
+
children: [/* @__PURE__ */ R("div", {
|
|
448
449
|
className: "flex flex-1 flex-col gap-1",
|
|
449
|
-
children: [/* @__PURE__ */
|
|
450
|
+
children: [/* @__PURE__ */ L(c, {
|
|
450
451
|
id: "scheduled-task-start-date",
|
|
451
452
|
mode: l.Date,
|
|
452
453
|
value: de(t.startDate),
|
|
453
|
-
onChange: (e) =>
|
|
454
|
+
onChange: (e) => s("startDate", fe(e)),
|
|
454
455
|
label: e.startDateLabel,
|
|
455
456
|
placeholder: e.startDatePlaceholder,
|
|
456
457
|
invalid: !!i.startDate
|
|
457
|
-
}), i.startDate && /* @__PURE__ */
|
|
458
|
-
className: r(
|
|
458
|
+
}), i.startDate && /* @__PURE__ */ L("p", {
|
|
459
|
+
className: r(O, X.instructionsError),
|
|
459
460
|
children: i.startDate
|
|
460
461
|
})]
|
|
461
|
-
}), /* @__PURE__ */
|
|
462
|
+
}), /* @__PURE__ */ R("div", {
|
|
462
463
|
className: "flex flex-1 flex-col gap-1",
|
|
463
|
-
children: [/* @__PURE__ */
|
|
464
|
+
children: [/* @__PURE__ */ L(c, {
|
|
464
465
|
id: "scheduled-task-end-date",
|
|
465
466
|
mode: l.Date,
|
|
466
467
|
value: de(t.endDate),
|
|
467
|
-
onChange: (e) =>
|
|
468
|
+
onChange: (e) => s("endDate", fe(e)),
|
|
468
469
|
label: e.endDateLabel,
|
|
469
470
|
placeholder: e.endDatePlaceholder,
|
|
470
471
|
invalid: !!i.endDate
|
|
471
|
-
}), i.endDate && /* @__PURE__ */
|
|
472
|
-
className: r(
|
|
472
|
+
}), i.endDate && /* @__PURE__ */ L("p", {
|
|
473
|
+
className: r(O, X.instructionsError),
|
|
473
474
|
children: i.endDate
|
|
474
475
|
})]
|
|
475
476
|
})]
|
|
@@ -479,39 +480,39 @@ var z = {
|
|
|
479
480
|
})
|
|
480
481
|
]
|
|
481
482
|
}),
|
|
482
|
-
children: /* @__PURE__ */
|
|
483
|
+
children: /* @__PURE__ */ R("div", {
|
|
483
484
|
role: "group",
|
|
484
485
|
"aria-label": e.configurationSectionTitle,
|
|
485
486
|
className: "flex flex-1 flex-col gap-5 px-8 py-6",
|
|
486
|
-
children: [/* @__PURE__ */
|
|
487
|
+
children: [/* @__PURE__ */ R("div", {
|
|
487
488
|
className: "flex flex-col gap-1",
|
|
488
|
-
children: [/* @__PURE__ */
|
|
489
|
-
className:
|
|
489
|
+
children: [/* @__PURE__ */ L("h2", {
|
|
490
|
+
className: S,
|
|
490
491
|
children: e.configurationSectionTitle
|
|
491
|
-
}), /* @__PURE__ */
|
|
492
|
-
className: r(
|
|
492
|
+
}), /* @__PURE__ */ L("p", {
|
|
493
|
+
className: r(w, X.sectionSubtitle),
|
|
493
494
|
children: e.configurationSectionSubtitle
|
|
494
495
|
})]
|
|
495
|
-
}), /* @__PURE__ */
|
|
496
|
+
}), /* @__PURE__ */ R("div", {
|
|
496
497
|
role: "group",
|
|
497
498
|
"aria-label": e.instructionsLabel,
|
|
498
499
|
className: "flex flex-1 flex-col gap-1",
|
|
499
500
|
children: [
|
|
500
|
-
/* @__PURE__ */
|
|
501
|
-
className:
|
|
501
|
+
/* @__PURE__ */ L("span", {
|
|
502
|
+
className: T,
|
|
502
503
|
children: e.instructionsLabel
|
|
503
504
|
}),
|
|
504
|
-
/* @__PURE__ */
|
|
505
|
-
fallback: /* @__PURE__ */
|
|
506
|
-
children: /* @__PURE__ */
|
|
505
|
+
/* @__PURE__ */ L(N, {
|
|
506
|
+
fallback: /* @__PURE__ */ L(E, {}),
|
|
507
|
+
children: /* @__PURE__ */ L(ge, {
|
|
507
508
|
value: t.prompt,
|
|
508
|
-
onChange: (e) =>
|
|
509
|
+
onChange: (e) => s("prompt", e),
|
|
509
510
|
height: 480,
|
|
510
|
-
theme:
|
|
511
|
+
theme: m
|
|
511
512
|
})
|
|
512
513
|
}),
|
|
513
|
-
i.prompt && /* @__PURE__ */
|
|
514
|
-
className: r(
|
|
514
|
+
i.prompt && /* @__PURE__ */ L("p", {
|
|
515
|
+
className: r(O, X.instructionsError),
|
|
515
516
|
children: i.prompt
|
|
516
517
|
})
|
|
517
518
|
]
|
|
@@ -526,30 +527,30 @@ var z = {
|
|
|
526
527
|
errorIcon: "_errorIcon_8bk8k_9",
|
|
527
528
|
missedIcon: "_missedIcon_8bk8k_13",
|
|
528
529
|
currentRun: "_currentRun_8bk8k_17"
|
|
529
|
-
},
|
|
530
|
+
}, ve = ({ status: e }) => {
|
|
530
531
|
switch (e) {
|
|
531
|
-
case Z.Success: return /* @__PURE__ */
|
|
532
|
+
case Z.Success: return /* @__PURE__ */ L(j, {
|
|
532
533
|
size: d.SM,
|
|
533
534
|
className: Q.successIcon,
|
|
534
535
|
"aria-hidden": !0
|
|
535
536
|
});
|
|
536
|
-
case Z.Error: return /* @__PURE__ */
|
|
537
|
+
case Z.Error: return /* @__PURE__ */ L(M, {
|
|
537
538
|
size: d.SM,
|
|
538
539
|
className: Q.errorIcon,
|
|
539
540
|
"aria-hidden": !0
|
|
540
541
|
});
|
|
541
|
-
case Z.InProgress: return /* @__PURE__ */
|
|
542
|
+
case Z.InProgress: return /* @__PURE__ */ L("span", {
|
|
542
543
|
"aria-hidden": !0,
|
|
543
|
-
children: /* @__PURE__ */
|
|
544
|
+
children: /* @__PURE__ */ L(E, { size: d.SM })
|
|
544
545
|
});
|
|
545
|
-
case Z.Missed: return /* @__PURE__ */
|
|
546
|
+
case Z.Missed: return /* @__PURE__ */ L(O, {
|
|
546
547
|
size: d.SM,
|
|
547
548
|
className: Q.missedIcon,
|
|
548
549
|
"aria-hidden": !0
|
|
549
550
|
});
|
|
550
551
|
default: return null;
|
|
551
552
|
}
|
|
552
|
-
},
|
|
553
|
+
}, ye = ({ items: e, isLoading: t = !1, isLoadingMore: i = !1, skeletonCount: a = 6, error: o, onRetry: s, currentRunId: c, onRunClick: l, labels: u, footer: d, styles: f }) => {
|
|
553
554
|
let { colors: p, typography: h } = f ?? {}, g = h?.runTimestampClassName ?? "dial-small-text", _ = h?.subtitleClassName ?? "dial-body-text", v = n({
|
|
554
555
|
"--strhl-success-icon": p?.successIconColor,
|
|
555
556
|
"--strhl-error-icon": p?.errorIconColor,
|
|
@@ -558,7 +559,7 @@ var z = {
|
|
|
558
559
|
"--strhl-current-run-bg": p?.currentRunBackground
|
|
559
560
|
}), y = (e) => {
|
|
560
561
|
let t = u.runStatusLabels[e.status], n = e.id === c, i = n && u.currentRunLabel ? `${t} ${e.timestampLabel} — ${u.currentRunLabel}` : `${t} ${e.timestampLabel}`, a = !!l;
|
|
561
|
-
return /* @__PURE__ */
|
|
562
|
+
return /* @__PURE__ */ R("li", {
|
|
562
563
|
...a ? {
|
|
563
564
|
role: "button",
|
|
564
565
|
tabIndex: 0,
|
|
@@ -570,61 +571,61 @@ var z = {
|
|
|
570
571
|
"aria-label": i,
|
|
571
572
|
"aria-current": n ? "true" : void 0,
|
|
572
573
|
className: r("flex h-8 items-center justify-between gap-2 rounded-full pe-2 ps-5", n && Q.currentRun, a && "cursor-pointer"),
|
|
573
|
-
children: [/* @__PURE__ */
|
|
574
|
+
children: [/* @__PURE__ */ L("span", {
|
|
574
575
|
className: r(g, "truncate"),
|
|
575
576
|
children: e.timestampLabel
|
|
576
|
-
}), /* @__PURE__ */
|
|
577
|
+
}), /* @__PURE__ */ L("span", {
|
|
577
578
|
className: "flex h-8 w-14 shrink-0 items-center justify-end",
|
|
578
|
-
children: /* @__PURE__ */
|
|
579
|
+
children: /* @__PURE__ */ L(ve, { status: e.status })
|
|
579
580
|
})]
|
|
580
581
|
}, e.id);
|
|
581
|
-
}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
582
|
+
}, b = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ R("li", {
|
|
582
583
|
"aria-hidden": "true",
|
|
583
584
|
className: "flex h-8 items-center justify-between gap-2 pe-2 ps-5",
|
|
584
|
-
children: [/* @__PURE__ */
|
|
585
|
-
variant:
|
|
585
|
+
children: [/* @__PURE__ */ L(w, {
|
|
586
|
+
variant: T.Rectangular,
|
|
586
587
|
width: "160px",
|
|
587
588
|
height: "16px"
|
|
588
|
-
}), /* @__PURE__ */
|
|
589
|
-
variant:
|
|
589
|
+
}), /* @__PURE__ */ L(w, {
|
|
590
|
+
variant: T.Rectangular,
|
|
590
591
|
width: "16px",
|
|
591
592
|
height: "16px",
|
|
592
593
|
className: "shrink-0 rounded-full"
|
|
593
594
|
})]
|
|
594
595
|
}, `history-skeleton-${t}`));
|
|
595
|
-
return t && e.length === 0 ? /* @__PURE__ */
|
|
596
|
+
return t && e.length === 0 ? /* @__PURE__ */ L("ul", {
|
|
596
597
|
style: v,
|
|
597
598
|
"aria-label": u.historyTitle,
|
|
598
599
|
children: b(a)
|
|
599
|
-
}) : o && e.length === 0 ? /* @__PURE__ */
|
|
600
|
+
}) : o && e.length === 0 ? /* @__PURE__ */ R("div", {
|
|
600
601
|
style: v,
|
|
601
602
|
className: "flex flex-col items-start gap-3",
|
|
602
|
-
children: [/* @__PURE__ */
|
|
603
|
+
children: [/* @__PURE__ */ L("p", {
|
|
603
604
|
role: "alert",
|
|
604
605
|
className: r(_, Q.subtitleText),
|
|
605
606
|
children: u.errorLabel
|
|
606
|
-
}), /* @__PURE__ */
|
|
607
|
+
}), /* @__PURE__ */ L(m, {
|
|
607
608
|
label: u.retryLabel,
|
|
608
609
|
onClick: s
|
|
609
610
|
})]
|
|
610
|
-
}) : e.length === 0 ? /* @__PURE__ */
|
|
611
|
+
}) : e.length === 0 ? /* @__PURE__ */ L("p", {
|
|
611
612
|
role: "status",
|
|
612
613
|
style: v,
|
|
613
614
|
className: r(_, Q.subtitleText),
|
|
614
615
|
children: u.emptyLabel
|
|
615
|
-
}) : /* @__PURE__ */
|
|
616
|
+
}) : /* @__PURE__ */ R("ul", {
|
|
616
617
|
style: v,
|
|
617
618
|
"aria-label": u.historyTitle,
|
|
618
619
|
children: [
|
|
619
620
|
e.map(y),
|
|
620
621
|
i && b(a),
|
|
621
|
-
o ? /* @__PURE__ */
|
|
622
|
+
o ? /* @__PURE__ */ R("li", {
|
|
622
623
|
className: "flex flex-col items-start gap-3 px-5 py-2",
|
|
623
|
-
children: [/* @__PURE__ */
|
|
624
|
+
children: [/* @__PURE__ */ L("p", {
|
|
624
625
|
role: "alert",
|
|
625
626
|
className: r(_, Q.subtitleText),
|
|
626
627
|
children: u.errorLabel
|
|
627
|
-
}), /* @__PURE__ */
|
|
628
|
+
}), /* @__PURE__ */ L(m, {
|
|
628
629
|
label: u.retryLabel,
|
|
629
630
|
onClick: s
|
|
630
631
|
})]
|
|
@@ -640,62 +641,62 @@ var z = {
|
|
|
640
641
|
errorIcon: "_errorIcon_1ci42_21",
|
|
641
642
|
missedIcon: "_missedIcon_1ci42_25",
|
|
642
643
|
historyCard: "_historyCard_1ci42_29"
|
|
643
|
-
},
|
|
644
|
-
let { colors:
|
|
645
|
-
"--stdv-bg":
|
|
646
|
-
"--stdv-header-border":
|
|
647
|
-
"--stdv-details-border":
|
|
648
|
-
"--stdv-subtitle-text":
|
|
649
|
-
"--stdv-success-icon":
|
|
650
|
-
"--stdv-error-icon":
|
|
651
|
-
"--stdv-missed-icon":
|
|
652
|
-
"--stdv-history-bg":
|
|
653
|
-
}), K =
|
|
644
|
+
}, be = ({ labels: t, onBack: i, onEdit: a, isActive: o, isActiveUpdating: s = !1, isActiveDisabled: c = !1, onActiveChange: l, displayName: u, isLoading: p = !1, error: g, onRetry: _, description: v, modelLabel: y, repeatsLabel: x, activeWindowLabel: S, nextRunLabel: C, instructionsMarkdown: w, renderInstructions: T, runs: D, runsIsLoading: O = !1, runsIsLoadingMore: A = !1, runsSkeletonCount: j = 6, runsError: M, onRunsRetry: te, runsHasMore: ne = !1, onRunsLoadMore: N, onRunClick: P, styles: re }) => {
|
|
645
|
+
let { colors: F, typography: z } = re ?? {}, B = z?.titleClassName ?? "dial-h1-text", V = z?.sectionTitleClassName ?? "dial-body-semi-text", H = z?.fieldLabelClassName ?? "dial-tiny-text", U = z?.fieldValueClassName ?? "dial-body-text", W = z?.runTimestampClassName ?? "dial-small-text", G = n({
|
|
646
|
+
"--stdv-bg": F?.background,
|
|
647
|
+
"--stdv-header-border": F?.headerBorder,
|
|
648
|
+
"--stdv-details-border": F?.detailsColumnBorder,
|
|
649
|
+
"--stdv-subtitle-text": F?.subtitleText,
|
|
650
|
+
"--stdv-success-icon": F?.successIconColor,
|
|
651
|
+
"--stdv-error-icon": F?.errorIconColor,
|
|
652
|
+
"--stdv-missed-icon": F?.missedIconColor,
|
|
653
|
+
"--stdv-history-bg": F?.historyCardBackground
|
|
654
|
+
}), K = N && ne && t.historyShowMoreLabel ? /* @__PURE__ */ L("li", {
|
|
654
655
|
className: r("sticky bottom-0 z-10 rounded-b-xl px-6 pb-5 pt-2", $.historyCard),
|
|
655
|
-
children: /* @__PURE__ */
|
|
656
|
+
children: /* @__PURE__ */ L(m, {
|
|
656
657
|
label: t.historyShowMoreLabel,
|
|
657
|
-
onClick:
|
|
658
|
-
disabled:
|
|
658
|
+
onClick: N,
|
|
659
|
+
disabled: A
|
|
659
660
|
})
|
|
660
661
|
}) : void 0;
|
|
661
|
-
return /* @__PURE__ */
|
|
662
|
+
return /* @__PURE__ */ R("div", {
|
|
662
663
|
style: G,
|
|
663
664
|
className: r("flex h-full w-full flex-col overflow-y-auto", $.container),
|
|
664
665
|
children: [
|
|
665
|
-
/* @__PURE__ */
|
|
666
|
+
/* @__PURE__ */ R("div", {
|
|
666
667
|
className: r("flex h-16 shrink-0 items-center justify-between gap-2 border-b px-8", $.header),
|
|
667
|
-
children: [/* @__PURE__ */
|
|
668
|
+
children: [/* @__PURE__ */ R("div", {
|
|
668
669
|
className: "flex min-w-0 items-center gap-2",
|
|
669
|
-
children: [/* @__PURE__ */
|
|
670
|
-
icon: /* @__PURE__ */
|
|
670
|
+
children: [/* @__PURE__ */ L(h, {
|
|
671
|
+
icon: /* @__PURE__ */ L(k, {
|
|
671
672
|
size: d.LG,
|
|
672
673
|
className: "rtl:scale-x-[-1]",
|
|
673
674
|
"aria-hidden": !0
|
|
674
675
|
}),
|
|
675
676
|
"aria-label": t.backAriaLabel,
|
|
676
677
|
onClick: i
|
|
677
|
-
}), /* @__PURE__ */
|
|
678
|
+
}), /* @__PURE__ */ L("h1", {
|
|
678
679
|
className: r("truncate", B),
|
|
679
680
|
children: u
|
|
680
681
|
})]
|
|
681
|
-
}), /* @__PURE__ */
|
|
682
|
+
}), /* @__PURE__ */ R("div", {
|
|
682
683
|
className: "flex shrink-0 items-center gap-2",
|
|
683
|
-
children: [o !== void 0 && /* @__PURE__ */
|
|
684
|
+
children: [o !== void 0 && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("span", {
|
|
684
685
|
className: U,
|
|
685
686
|
children: t.activeStatusLabel
|
|
686
|
-
}), /* @__PURE__ */
|
|
687
|
+
}), /* @__PURE__ */ L("div", {
|
|
687
688
|
role: "group",
|
|
688
689
|
"aria-checked": o,
|
|
689
690
|
"aria-label": t.activeStatusLabel,
|
|
690
|
-
children: /* @__PURE__ */
|
|
691
|
+
children: /* @__PURE__ */ L(f, {
|
|
691
692
|
switchId: "scheduled-task-active-switch",
|
|
692
693
|
isOn: o,
|
|
693
694
|
disabled: s || c,
|
|
694
695
|
onChange: (e) => l?.(e)
|
|
695
696
|
})
|
|
696
|
-
})] }), a && /* @__PURE__ */
|
|
697
|
+
})] }), a && /* @__PURE__ */ L(b, {
|
|
697
698
|
label: t.editButtonLabel,
|
|
698
|
-
iconBefore: /* @__PURE__ */
|
|
699
|
+
iconBefore: /* @__PURE__ */ L(ee, {
|
|
699
700
|
size: d.SM,
|
|
700
701
|
"aria-hidden": !0
|
|
701
702
|
}),
|
|
@@ -704,127 +705,127 @@ var z = {
|
|
|
704
705
|
})]
|
|
705
706
|
})]
|
|
706
707
|
}),
|
|
707
|
-
t.activeStatusAnnouncement != null && /* @__PURE__ */
|
|
708
|
+
t.activeStatusAnnouncement != null && /* @__PURE__ */ L("span", {
|
|
708
709
|
role: "status",
|
|
709
710
|
"aria-live": "polite",
|
|
710
711
|
className: "sr-only",
|
|
711
712
|
children: t.activeStatusAnnouncement
|
|
712
713
|
}),
|
|
713
|
-
p && /* @__PURE__ */
|
|
714
|
+
p && /* @__PURE__ */ L("div", {
|
|
714
715
|
className: "flex flex-1 items-center justify-center",
|
|
715
|
-
children: /* @__PURE__ */
|
|
716
|
+
children: /* @__PURE__ */ L(E, {})
|
|
716
717
|
}),
|
|
717
|
-
!p && g && /* @__PURE__ */
|
|
718
|
+
!p && g && /* @__PURE__ */ R("div", {
|
|
718
719
|
className: "flex flex-1 flex-col items-center justify-center gap-3",
|
|
719
|
-
children: [/* @__PURE__ */
|
|
720
|
+
children: [/* @__PURE__ */ L("p", {
|
|
720
721
|
className: r(U, $.subtitleText),
|
|
721
722
|
children: t.errorLabel
|
|
722
|
-
}), /* @__PURE__ */
|
|
723
|
+
}), /* @__PURE__ */ L(m, {
|
|
723
724
|
label: t.retryLabel,
|
|
724
725
|
onClick: _
|
|
725
726
|
})]
|
|
726
727
|
}),
|
|
727
|
-
!p && !g && /* @__PURE__ */
|
|
728
|
+
!p && !g && /* @__PURE__ */ R("div", {
|
|
728
729
|
className: "flex flex-1 flex-col desktop:flex-row",
|
|
729
730
|
children: [
|
|
730
|
-
/* @__PURE__ */
|
|
731
|
+
/* @__PURE__ */ R("div", {
|
|
731
732
|
role: "group",
|
|
732
733
|
"aria-label": t.detailsTitle,
|
|
733
734
|
className: r("flex w-full flex-col gap-5 border-e px-8 py-6 desktop:w-[360px] desktop:shrink-0", $.detailsColumn),
|
|
734
735
|
children: [
|
|
735
|
-
/* @__PURE__ */
|
|
736
|
+
/* @__PURE__ */ L("h2", {
|
|
736
737
|
className: V,
|
|
737
738
|
children: t.detailsTitle
|
|
738
739
|
}),
|
|
739
|
-
v && /* @__PURE__ */
|
|
740
|
+
v && /* @__PURE__ */ R("div", {
|
|
740
741
|
className: "flex flex-col gap-1",
|
|
741
|
-
children: [/* @__PURE__ */
|
|
742
|
+
children: [/* @__PURE__ */ L("span", {
|
|
742
743
|
className: H,
|
|
743
744
|
children: t.descriptionLabel
|
|
744
|
-
}), /* @__PURE__ */
|
|
745
|
+
}), /* @__PURE__ */ L("p", {
|
|
745
746
|
className: U,
|
|
746
747
|
children: v
|
|
747
748
|
})]
|
|
748
749
|
}),
|
|
749
|
-
|
|
750
|
+
y && /* @__PURE__ */ R("div", {
|
|
750
751
|
className: "flex flex-col gap-1",
|
|
751
|
-
children: [/* @__PURE__ */
|
|
752
|
+
children: [/* @__PURE__ */ L("span", {
|
|
752
753
|
className: H,
|
|
753
754
|
children: t.modelLabel
|
|
754
|
-
}), /* @__PURE__ */
|
|
755
|
+
}), /* @__PURE__ */ L("p", {
|
|
755
756
|
className: U,
|
|
756
|
-
children:
|
|
757
|
+
children: y
|
|
757
758
|
})]
|
|
758
759
|
}),
|
|
759
|
-
x && /* @__PURE__ */
|
|
760
|
+
x && /* @__PURE__ */ R("div", {
|
|
760
761
|
className: "flex flex-col gap-1",
|
|
761
|
-
children: [/* @__PURE__ */
|
|
762
|
+
children: [/* @__PURE__ */ L("span", {
|
|
762
763
|
className: H,
|
|
763
764
|
children: t.repeatsLabel
|
|
764
|
-
}), /* @__PURE__ */
|
|
765
|
+
}), /* @__PURE__ */ L("p", {
|
|
765
766
|
className: U,
|
|
766
767
|
children: x
|
|
767
768
|
})]
|
|
768
769
|
}),
|
|
769
|
-
S && /* @__PURE__ */
|
|
770
|
+
S && /* @__PURE__ */ R("div", {
|
|
770
771
|
className: "flex flex-col gap-1",
|
|
771
|
-
children: [/* @__PURE__ */
|
|
772
|
+
children: [/* @__PURE__ */ L("span", {
|
|
772
773
|
className: H,
|
|
773
774
|
children: t.activeWindowLabel
|
|
774
|
-
}), /* @__PURE__ */
|
|
775
|
+
}), /* @__PURE__ */ L("p", {
|
|
775
776
|
className: U,
|
|
776
777
|
children: S
|
|
777
778
|
})]
|
|
778
779
|
})
|
|
779
780
|
]
|
|
780
781
|
}),
|
|
781
|
-
/* @__PURE__ */
|
|
782
|
+
/* @__PURE__ */ R("div", {
|
|
782
783
|
className: "flex w-full min-w-0 flex-1 flex-col gap-5 px-8 py-6",
|
|
783
|
-
children: [/* @__PURE__ */
|
|
784
|
+
children: [/* @__PURE__ */ L("h2", {
|
|
784
785
|
className: V,
|
|
785
786
|
children: t.configurationTitle
|
|
786
|
-
}), /* @__PURE__ */
|
|
787
|
+
}), /* @__PURE__ */ R("div", {
|
|
787
788
|
role: "group",
|
|
788
789
|
"aria-label": t.instructionsLabel,
|
|
789
790
|
className: "flex flex-col gap-1",
|
|
790
|
-
children: [/* @__PURE__ */
|
|
791
|
+
children: [/* @__PURE__ */ L("span", {
|
|
791
792
|
className: H,
|
|
792
793
|
children: t.instructionsLabel
|
|
793
|
-
}), w && ((t) =>
|
|
794
|
+
}), w && ((t) => T ? T(t) : /* @__PURE__ */ L(e, { content: t }))(w)]
|
|
794
795
|
})]
|
|
795
796
|
}),
|
|
796
|
-
/* @__PURE__ */
|
|
797
|
+
/* @__PURE__ */ L("div", {
|
|
797
798
|
className: "flex w-full justify-center p-6 desktop:w-auto desktop:items-start",
|
|
798
|
-
children: /* @__PURE__ */
|
|
799
|
+
children: /* @__PURE__ */ R("div", {
|
|
799
800
|
className: r("flex max-h-[70vh] w-full flex-col overflow-y-auto rounded-xl shadow-md desktop:w-[360px]", $.historyCard),
|
|
800
|
-
children: [/* @__PURE__ */
|
|
801
|
+
children: [/* @__PURE__ */ R("div", {
|
|
801
802
|
className: r("sticky top-0 z-10 flex flex-col gap-1 rounded-t-xl px-6 pb-2 pt-5", $.historyCard),
|
|
802
803
|
children: [
|
|
803
|
-
/* @__PURE__ */
|
|
804
|
+
/* @__PURE__ */ L("h2", {
|
|
804
805
|
className: V,
|
|
805
806
|
children: t.historyTitle
|
|
806
807
|
}),
|
|
807
|
-
C && /* @__PURE__ */
|
|
808
|
+
C && /* @__PURE__ */ L("p", {
|
|
808
809
|
className: r(W, $.subtitleText),
|
|
809
810
|
children: C
|
|
810
811
|
}),
|
|
811
|
-
t.historyLoadingMoreLabel && /* @__PURE__ */
|
|
812
|
+
t.historyLoadingMoreLabel && /* @__PURE__ */ L("span", {
|
|
812
813
|
role: "status",
|
|
813
814
|
"aria-live": "polite",
|
|
814
815
|
className: "sr-only",
|
|
815
|
-
children:
|
|
816
|
+
children: A ? t.historyLoadingMoreLabel : ""
|
|
816
817
|
})
|
|
817
818
|
]
|
|
818
|
-
}), /* @__PURE__ */
|
|
819
|
+
}), /* @__PURE__ */ L("div", {
|
|
819
820
|
className: "flex flex-1 flex-col gap-4 px-6 pb-2",
|
|
820
|
-
children: /* @__PURE__ */
|
|
821
|
+
children: /* @__PURE__ */ L(ye, {
|
|
821
822
|
items: D,
|
|
822
|
-
isLoading:
|
|
823
|
-
isLoadingMore:
|
|
824
|
-
skeletonCount:
|
|
823
|
+
isLoading: O,
|
|
824
|
+
isLoadingMore: A,
|
|
825
|
+
skeletonCount: j,
|
|
825
826
|
error: M,
|
|
826
827
|
onRetry: te,
|
|
827
|
-
onRunClick:
|
|
828
|
+
onRunClick: P,
|
|
828
829
|
labels: {
|
|
829
830
|
historyTitle: t.historyTitle,
|
|
830
831
|
emptyLabel: t.historyEmptyLabel,
|
|
@@ -836,9 +837,9 @@ var z = {
|
|
|
836
837
|
styles: {
|
|
837
838
|
typography: { runTimestampClassName: W },
|
|
838
839
|
colors: {
|
|
839
|
-
successIconColor:
|
|
840
|
-
errorIconColor:
|
|
841
|
-
missedIconColor:
|
|
840
|
+
successIconColor: F?.successIconColor,
|
|
841
|
+
errorIconColor: F?.errorIconColor,
|
|
842
|
+
missedIconColor: F?.missedIconColor
|
|
842
843
|
}
|
|
843
844
|
}
|
|
844
845
|
})
|
|
@@ -849,27 +850,27 @@ var z = {
|
|
|
849
850
|
})
|
|
850
851
|
]
|
|
851
852
|
});
|
|
852
|
-
},
|
|
853
|
+
}, xe = ({ modelLabel: t, instructionsLabel: n, modelDisplayName: r, instructionsMarkdown: i, renderInstructions: a, styles: o }) => {
|
|
853
854
|
let s = o?.typography?.fieldLabelClassName ?? "dial-tiny-text", c = o?.typography?.fieldValueClassName ?? "dial-body-text";
|
|
854
|
-
return /* @__PURE__ */
|
|
855
|
+
return /* @__PURE__ */ R("div", {
|
|
855
856
|
className: "flex flex-col gap-3",
|
|
856
|
-
children: [r && /* @__PURE__ */
|
|
857
|
+
children: [r && /* @__PURE__ */ R("div", {
|
|
857
858
|
className: "flex flex-col gap-2",
|
|
858
|
-
children: [/* @__PURE__ */
|
|
859
|
+
children: [/* @__PURE__ */ L("span", {
|
|
859
860
|
className: s,
|
|
860
861
|
children: t
|
|
861
|
-
}), /* @__PURE__ */
|
|
862
|
+
}), /* @__PURE__ */ L("p", {
|
|
862
863
|
className: c,
|
|
863
864
|
children: r
|
|
864
865
|
})]
|
|
865
|
-
}), i && /* @__PURE__ */
|
|
866
|
+
}), i && /* @__PURE__ */ R("div", {
|
|
866
867
|
className: "flex flex-col gap-2",
|
|
867
|
-
children: [/* @__PURE__ */
|
|
868
|
+
children: [/* @__PURE__ */ L("span", {
|
|
868
869
|
className: s,
|
|
869
870
|
children: n
|
|
870
|
-
}), ((t) => a ? a(t) : /* @__PURE__ */
|
|
871
|
+
}), ((t) => a ? a(t) : /* @__PURE__ */ L(e, { content: t }))(i)]
|
|
871
872
|
})]
|
|
872
873
|
});
|
|
873
874
|
};
|
|
874
875
|
//#endregion
|
|
875
|
-
export { ce as DESCRIPTION_MAX_LENGTH,
|
|
876
|
+
export { ce as DESCRIPTION_MAX_LENGTH, V as ScheduledTaskCard, K as ScheduledTaskCardGrid, G as ScheduledTaskCardSkeleton, _e as ScheduledTaskCreateForm, be as ScheduledTaskDetailView, xe as ScheduledTaskDetailsSummary, J as ScheduledTaskRepeat, ye as ScheduledTaskRunHistoryList, Z as ScheduledTaskRunStatus, oe as ScheduledTasks, se as ScheduledTasksSortKey };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { ScheduledTaskRepeat } from '../types/scheduled-task-schedule';
|
|
2
3
|
/** A single option rendered in the Repeat dropdown. */
|
|
3
4
|
export interface ScheduledTaskRepeatOption {
|
|
@@ -6,13 +7,6 @@ export interface ScheduledTaskRepeatOption {
|
|
|
6
7
|
/** Localized display label for this repeat option. */
|
|
7
8
|
label: string;
|
|
8
9
|
}
|
|
9
|
-
/** A single model option rendered in the model dropdown. */
|
|
10
|
-
export interface ScheduledTaskCreateFormModelOption {
|
|
11
|
-
/** Deployment id sent to the BFF as `model`. */
|
|
12
|
-
id: string;
|
|
13
|
-
/** Localized display label shown in the dropdown. */
|
|
14
|
-
label: string;
|
|
15
|
-
}
|
|
16
10
|
/** Current form field values for the {@link ScheduledTaskCreateForm} component. */
|
|
17
11
|
export interface ScheduledTaskCreateFormValues {
|
|
18
12
|
/** The scheduled task's display name (required). */
|
|
@@ -105,10 +99,8 @@ export interface ScheduledTaskCreateFormLabels {
|
|
|
105
99
|
endDateLabel: string;
|
|
106
100
|
/** Placeholder shown in the end-date picker when unset. */
|
|
107
101
|
endDatePlaceholder: string;
|
|
108
|
-
/**
|
|
102
|
+
/** Label for the Model or Agent field, rendered above `modelSelector`. */
|
|
109
103
|
modelOrAgentLabel: string;
|
|
110
|
-
/** Placeholder shown in the model dropdown trigger when no model is selected. */
|
|
111
|
-
modelPlaceholder: string;
|
|
112
104
|
/** Description textarea label. */
|
|
113
105
|
descriptionLabel: string;
|
|
114
106
|
/** Accessible label for the Instructions markdown editor. */
|
|
@@ -162,8 +154,19 @@ export interface ScheduledTaskCreateFormProps {
|
|
|
162
154
|
values: ScheduledTaskCreateFormValues;
|
|
163
155
|
/** Current per-field validation errors. */
|
|
164
156
|
errors: ScheduledTaskCreateFormErrors;
|
|
165
|
-
/**
|
|
166
|
-
|
|
157
|
+
/**
|
|
158
|
+
* Fully-composed deployment-selector control rendered in the Model or
|
|
159
|
+
* Agent field, in place of a lib-owned control. Opaque to the lib — it is
|
|
160
|
+
* rendered verbatim, wrapped by the lib's own required-label/error markup.
|
|
161
|
+
*/
|
|
162
|
+
modelSelector: ReactNode;
|
|
163
|
+
/**
|
|
164
|
+
* Id applied to the Model or Agent field's `Label` element. The host
|
|
165
|
+
* generates this (e.g. via React `useId()`) and must pass the same value
|
|
166
|
+
* as `modelSelector`'s own `aria-labelledby` target, so the two stay
|
|
167
|
+
* linked without a literal id that could collide across form instances.
|
|
168
|
+
*/
|
|
169
|
+
modelLabelId: string;
|
|
167
170
|
/** Called with the changed field key and its new value whenever any field is edited. */
|
|
168
171
|
onFieldChange: <K extends keyof ScheduledTaskCreateFormValues>(field: K, value: ScheduledTaskCreateFormValues[K]) => void;
|
|
169
172
|
/** Called when the user activates the header's back control. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scheduled-task-create-form-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-create-form-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,uDAAuD;AACvD,MAAM,WAAW,yBAAyB;IACxC,yFAAyF;IACzF,GAAG,EAAE,mBAAmB,CAAC;IACzB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,
|
|
1
|
+
{"version":3,"file":"scheduled-task-create-form-props.d.ts","sourceRoot":"","sources":["../../src/models/scheduled-task-create-form-props.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-scheduled-tasks",
|
|
3
3
|
"description": "Presentational Scheduled Tasks page shell — header, toolbar, and empty state",
|
|
4
|
-
"version": "1.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.168",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@epam/ai-dial-builder-form": "1.1.0-dev.
|
|
21
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
22
|
-
"@epam/ai-dial-kit": "1.1.0-dev.
|
|
20
|
+
"@epam/ai-dial-builder-form": "1.1.0-dev.168",
|
|
21
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.168",
|
|
22
|
+
"@epam/ai-dial-kit": "1.1.0-dev.168",
|
|
23
23
|
"@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
|
|
24
24
|
"@tabler/icons-react": "^3.44.0",
|
|
25
25
|
"react": "^19.0.0"
|