@epam/ai-dial-scheduled-tasks 1.1.0-dev.298 → 1.1.0-dev.299

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