@epam/ai-dial-usage-dashboard 1.1.0-dev.244 → 1.1.0-dev.247

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.
Files changed (5) hide show
  1. package/components/ModelLimitsSection/ModelLimitsSection.d.ts.map +1 -1
  2. package/index.js +256 -186
  3. package/models/model-limits-props.d.ts +4 -0
  4. package/models/model-limits-props.d.ts.map +1 -1
  5. package/package.json +3 -2
package/components/ModelLimitsSection/ModelLimitsSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModelLimitsSection.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ModelLimitsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAEL,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AAyBzC,oJAAoJ;AACpJ,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwH1D,CAAC"}
1
+ {"version":3,"file":"ModelLimitsSection.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ModelLimitsSection.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAEL,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AAyBzC,oJAAoJ;AACpJ,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0I1D,CAAC"}
package/index.js CHANGED
@@ -1,10 +1,11 @@
1
- import { DeploymentIcon as e, InitialsAvatar as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
2
- import { ElementSize as i, ProgressBar as a, SegmentedControl as o } from "@epam/ai-dial-ui-kit";
3
- import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
1
+ import { DeploymentIcon as e, InitialsAvatar as t, PanelEmptyState as n, buildCssVars as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
2
+ import { ElementSize as a, ProgressBar as o, SegmentedControl as s } from "@epam/ai-dial-ui-kit";
3
+ import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
4
+ import { createElement as d, forwardRef as f } from "react";
4
5
  //#region src/models/usage-limit-card-props.ts
5
- var u = /* @__PURE__ */ function(e) {
6
+ var p = /* @__PURE__ */ function(e) {
6
7
  return e.Default = "default", e.RunningLow = "runningLow", e.LimitReached = "limitReached", e;
7
- }({}), d = {
8
+ }({}), m = {
8
9
  card: "_card_1b3el_1",
9
10
  title: "_title_1b3el_5",
10
11
  secondaryAmount: "_secondaryAmount_1b3el_9",
@@ -20,91 +21,150 @@ var u = /* @__PURE__ */ function(e) {
20
21
  defaultBadge: "_defaultBadge_1b3el_54",
21
22
  warningBadge: "_warningBadge_1b3el_59",
22
23
  errorBadge: "_errorBadge_1b3el_64"
23
- }, f = (e, t) => {
24
+ }, h = (e, t) => {
24
25
  switch (e) {
25
- case u.RunningLow: return t.runningLowBadgeLabel;
26
- case u.LimitReached: return t.limitReachedBadgeLabel;
27
- case u.Default: return t.defaultBadgeLabel;
26
+ case p.RunningLow: return t.runningLowBadgeLabel;
27
+ case p.LimitReached: return t.limitReachedBadgeLabel;
28
+ case p.Default: return t.defaultBadgeLabel;
28
29
  }
29
- }, p = ({ data: e, labels: t, styles: o }) => {
30
- let { colors: p, typography: m } = o ?? {}, { titleClassName: h = "dial-body-semi-text", amountClassName: g = "dial-display1-text", secondaryAmountClassName: _ = "dial-small-text", badgeClassName: v = "dial-caption-lead-semi-text", usedPercentLabelClassName: y = "dial-small-text" } = m ?? {}, b = n({
31
- "--uld-card-bg": p?.cardBackground,
32
- "--uld-title": p?.titleColor,
33
- "--uld-default-accent": p?.defaultAccentColor,
34
- "--uld-default-progress": p?.defaultProgressColor,
35
- "--uld-warning-accent": p?.warningAccentColor,
36
- "--uld-warning-progress": p?.warningProgressColor,
37
- "--uld-error-accent": p?.errorAccentColor,
38
- "--uld-error-progress": p?.errorProgressColor,
39
- "--uld-secondary-amount": p?.secondaryAmountColor,
40
- "--uld-progress-track": p?.progressTrackColor,
41
- "--uld-default-badge-bg": p?.defaultBadgeBackground,
42
- "--uld-default-badge-text": p?.defaultBadgeColor,
43
- "--uld-warning-badge-bg": p?.warningBadgeBackground,
44
- "--uld-warning-badge-text": p?.warningBadgeColor,
45
- "--uld-error-badge-bg": p?.errorBadgeBackground,
46
- "--uld-error-badge-text": p?.errorBadgeColor,
47
- "--uld-used-percent-label": p?.usedPercentLabelColor
48
- }), x = f(e.status, t);
49
- return /* @__PURE__ */ l("div", {
50
- className: r("flex min-w-0 flex-col gap-4 rounded-xl px-6 py-5 shadow-md", d.card),
30
+ }, g = ({ data: e, labels: t, styles: n }) => {
31
+ let { colors: s, typography: d } = n ?? {}, { titleClassName: f = "dial-body-semi-text", amountClassName: g = "dial-display1-text", secondaryAmountClassName: _ = "dial-small-text", badgeClassName: v = "dial-caption-lead-semi-text", usedPercentLabelClassName: y = "dial-small-text" } = d ?? {}, b = r({
32
+ "--uld-card-bg": s?.cardBackground,
33
+ "--uld-title": s?.titleColor,
34
+ "--uld-default-accent": s?.defaultAccentColor,
35
+ "--uld-default-progress": s?.defaultProgressColor,
36
+ "--uld-warning-accent": s?.warningAccentColor,
37
+ "--uld-warning-progress": s?.warningProgressColor,
38
+ "--uld-error-accent": s?.errorAccentColor,
39
+ "--uld-error-progress": s?.errorProgressColor,
40
+ "--uld-secondary-amount": s?.secondaryAmountColor,
41
+ "--uld-progress-track": s?.progressTrackColor,
42
+ "--uld-default-badge-bg": s?.defaultBadgeBackground,
43
+ "--uld-default-badge-text": s?.defaultBadgeColor,
44
+ "--uld-warning-badge-bg": s?.warningBadgeBackground,
45
+ "--uld-warning-badge-text": s?.warningBadgeColor,
46
+ "--uld-error-badge-bg": s?.errorBadgeBackground,
47
+ "--uld-error-badge-text": s?.errorBadgeColor,
48
+ "--uld-used-percent-label": s?.usedPercentLabelColor
49
+ }), x = h(e.status, t);
50
+ return /* @__PURE__ */ u("div", {
51
+ className: i("flex min-w-0 flex-col gap-4 rounded-xl px-6 py-5 shadow-md", m.card),
51
52
  style: b,
52
53
  role: "group",
53
54
  "aria-label": `${e.title}, ${e.periodDescription}`,
54
- children: [/* @__PURE__ */ l("div", {
55
+ children: [/* @__PURE__ */ u("div", {
55
56
  className: "flex items-center justify-between gap-2",
56
- children: [/* @__PURE__ */ c("p", {
57
- className: r("m-0", h, d.title),
57
+ children: [/* @__PURE__ */ l("p", {
58
+ className: i("m-0", f, m.title),
58
59
  children: e.title
59
- }), /* @__PURE__ */ c("span", {
60
- className: r("shrink-0 rounded-full px-2 py-1", v, e.status === u.Default && d.defaultBadge, e.status === u.RunningLow && d.warningBadge, e.status === u.LimitReached && d.errorBadge),
60
+ }), /* @__PURE__ */ l("span", {
61
+ className: i("shrink-0 rounded-full px-2 py-1", v, e.status === p.Default && m.defaultBadge, e.status === p.RunningLow && m.warningBadge, e.status === p.LimitReached && m.errorBadge),
61
62
  children: x
62
63
  })]
63
- }), /* @__PURE__ */ l("div", {
64
+ }), /* @__PURE__ */ u("div", {
64
65
  className: "flex flex-col gap-2",
65
- children: [/* @__PURE__ */ l("p", {
66
+ children: [/* @__PURE__ */ u("p", {
66
67
  className: "m-0 flex flex-wrap items-baseline gap-2",
67
- children: [/* @__PURE__ */ c("span", {
68
- className: r(g, d.amount, e.status === u.Default && d.defaultAccent, e.status === u.RunningLow && d.warningAccent, e.status === u.LimitReached && d.errorAccent),
68
+ children: [/* @__PURE__ */ l("span", {
69
+ className: i(g, m.amount, e.status === p.Default && m.defaultAccent, e.status === p.RunningLow && m.warningAccent, e.status === p.LimitReached && m.errorAccent),
69
70
  children: e.usedLabel
70
- }), !e.isUnlimited && e.totalLabel != null && /* @__PURE__ */ c("span", {
71
- className: r(_, d.secondaryAmount),
71
+ }), !e.isUnlimited && e.totalLabel != null && /* @__PURE__ */ l("span", {
72
+ className: i(_, m.secondaryAmount),
72
73
  children: t.usedOfTotalLabel({ total: e.totalLabel })
73
74
  })]
74
- }), !e.isUnlimited && e.usedPercent != null && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(a, {
75
+ }), !e.isUnlimited && e.usedPercent != null && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, {
75
76
  value: Math.min(e.usedPercent, 100),
76
77
  max: 100,
77
- size: i.Small,
78
- className: r("!h-1 w-full", d.progressTrack, e.status === u.Default && d.progressFillDefault, e.status === u.RunningLow && d.progressFillWarning, e.status === u.LimitReached && d.progressFillDanger),
78
+ size: a.Small,
79
+ className: i("!h-1 w-full", m.progressTrack, e.status === p.Default && m.progressFillDefault, e.status === p.RunningLow && m.progressFillWarning, e.status === p.LimitReached && m.progressFillDanger),
79
80
  "aria-label": e.title,
80
81
  "aria-valuetext": e.progressAriaLabel
81
- }), /* @__PURE__ */ l("div", {
82
+ }), /* @__PURE__ */ u("div", {
82
83
  className: "flex items-center justify-between gap-2",
83
- children: [e.remainingLabel != null && /* @__PURE__ */ c("span", {
84
- className: r(_, d.secondaryAmount),
84
+ children: [e.remainingLabel != null && /* @__PURE__ */ l("span", {
85
+ className: i(_, m.secondaryAmount),
85
86
  children: t.remainingCaptionLabel({ remaining: e.remainingLabel })
86
- }), /* @__PURE__ */ c("span", {
87
- className: r("ms-auto", y, d.usedPercentLabel),
87
+ }), /* @__PURE__ */ l("span", {
88
+ className: i("ms-auto", y, m.usedPercentLabel),
88
89
  children: t.usedPercentLabel({ percent: Math.min(Math.round(e.usedPercent), 100) })
89
90
  })]
90
91
  })] })]
91
92
  })]
92
93
  });
93
- }, m = ({ cards: e, labels: t, styles: n }) => e.length === 0 ? null : /* @__PURE__ */ c("div", {
94
+ }, _ = ({ cards: e, labels: t, styles: n }) => e.length === 0 ? null : /* @__PURE__ */ l("div", {
94
95
  className: "grid grid-cols-1 gap-4 desktop:grid-cols-[repeat(var(--uld-card-count),minmax(0,1fr))]",
95
96
  style: { "--uld-card-count": e.length },
96
- children: e.map((e) => /* @__PURE__ */ c(p, {
97
+ children: e.map((e) => /* @__PURE__ */ l(g, {
97
98
  data: e,
98
99
  labels: t,
99
100
  styles: n
100
101
  }, e.title))
101
- }), h = /* @__PURE__ */ function(e) {
102
+ }), v = {
103
+ outline: {
104
+ xmlns: "http://www.w3.org/2000/svg",
105
+ width: 24,
106
+ height: 24,
107
+ viewBox: "0 0 24 24",
108
+ fill: "none",
109
+ stroke: "currentColor",
110
+ strokeWidth: 2,
111
+ strokeLinecap: "round",
112
+ strokeLinejoin: "round"
113
+ },
114
+ filled: {
115
+ xmlns: "http://www.w3.org/2000/svg",
116
+ width: 24,
117
+ height: 24,
118
+ viewBox: "0 0 24 24",
119
+ fill: "currentColor",
120
+ stroke: "none"
121
+ }
122
+ }, y = ((e, t, n, r) => {
123
+ let i = f(({ color: n = "currentColor", size: i = 24, stroke: a = 2, title: o, className: s, children: c, ...l }, u) => d("svg", {
124
+ ref: u,
125
+ ...v[e],
126
+ width: i,
127
+ height: i,
128
+ className: [
129
+ "tabler-icon",
130
+ `tabler-icon-${t}`,
131
+ s
132
+ ].join(" "),
133
+ ...e === "filled" ? { fill: n } : {
134
+ strokeWidth: a,
135
+ stroke: n
136
+ },
137
+ ...l
138
+ }, [
139
+ o && d("title", { key: "svg-title" }, o),
140
+ ...r.map(([e, t]) => d(e, t)),
141
+ ...Array.isArray(c) ? c : [c]
142
+ ]));
143
+ return i.displayName = `${n}`, i;
144
+ })("outline", "chart-bar", "ChartBar", [
145
+ ["path", {
146
+ d: "M3 13a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -6",
147
+ key: "svg-0"
148
+ }],
149
+ ["path", {
150
+ d: "M15 9a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -10",
151
+ key: "svg-1"
152
+ }],
153
+ ["path", {
154
+ d: "M9 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -14",
155
+ key: "svg-2"
156
+ }],
157
+ ["path", {
158
+ d: "M4 20h14",
159
+ key: "svg-3"
160
+ }]
161
+ ]), b = /* @__PURE__ */ function(e) {
102
162
  return e.WithinLimits = "within-limits", e.RunningLow = "running-low", e.LimitReached = "limit-reached", e.NoLimit = "no-limit", e.Unavailable = "unavailable", e;
103
- }({}), g = /* @__PURE__ */ function(e) {
163
+ }({}), x = /* @__PURE__ */ function(e) {
104
164
  return e.LastMinute = "last-minute", e.LastHour = "last-hour", e.Last24Hours = "last-24-hours", e.Last7Days = "last-7-days", e.Last30Days = "last-30-days", e;
105
- }({}), _ = /* @__PURE__ */ function(e) {
165
+ }({}), S = /* @__PURE__ */ function(e) {
106
166
  return e.Finite = "finite", e.Unlimited = "unlimited", e.Unavailable = "unavailable", e;
107
- }({}), v = {
167
+ }({}), C = {
108
168
  container: "_container_bw9jz_1",
109
169
  heading: "_heading_bw9jz_5",
110
170
  headingCount: "_headingCount_bw9jz_9",
@@ -126,87 +186,87 @@ var u = /* @__PURE__ */ function(e) {
126
186
  warningBadge: "_warningBadge_bw9jz_84",
127
187
  errorBadge: "_errorBadge_bw9jz_89",
128
188
  neutralStatus: "_neutralStatus_bw9jz_94"
129
- }, y = (e) => {
189
+ }, w = (e) => {
130
190
  switch (e) {
131
- case h.RunningLow: return v.progressFillWarning;
132
- case h.LimitReached: return v.progressFillError;
133
- default: return v.progressFillDefault;
191
+ case b.RunningLow: return C.progressFillWarning;
192
+ case b.LimitReached: return C.progressFillError;
193
+ default: return C.progressFillDefault;
134
194
  }
135
- }, b = ({ cell: e, mobileColumnLabel: t, labels: n, typography: o }) => {
136
- let { valueClassName: s = "dial-small-text", secondaryValueClassName: u = "dial-tiny-text" } = o, d = /* @__PURE__ */ c("span", {
137
- className: r(s, v.value),
195
+ }, T = ({ cell: e, mobileColumnLabel: t, labels: n, typography: r }) => {
196
+ let { valueClassName: s = "dial-small-text", secondaryValueClassName: c = "dial-tiny-text" } = r, d = /* @__PURE__ */ l("span", {
197
+ className: i(s, C.value),
138
198
  children: e.usedLabel
139
199
  });
140
- return /* @__PURE__ */ l("div", {
200
+ return /* @__PURE__ */ u("div", {
141
201
  role: "cell",
142
202
  className: "flex min-w-0 flex-col gap-1 py-2 desktop:py-0",
143
203
  children: [
144
- /* @__PURE__ */ c("span", {
145
- className: r("dial-caption-lead-semi-text mobile:block desktop:hidden", v.mobileColumnLabel),
204
+ /* @__PURE__ */ l("span", {
205
+ className: i("dial-caption-lead-semi-text mobile:block desktop:hidden", C.mobileColumnLabel),
146
206
  children: t
147
207
  }),
148
- e.kind === _.Unlimited && /* @__PURE__ */ l("div", {
208
+ e.kind === S.Unlimited && /* @__PURE__ */ u("div", {
149
209
  className: "flex min-w-0 flex-col gap-1",
150
- children: [d, /* @__PURE__ */ c("span", {
151
- className: r(u, v.secondaryValue),
210
+ children: [d, /* @__PURE__ */ l("span", {
211
+ className: i(c, C.secondaryValue),
152
212
  children: n.noLimitLabel
153
213
  })]
154
214
  }),
155
- e.kind === _.Unavailable && /* @__PURE__ */ c("span", {
156
- className: r(u, v.secondaryValue),
215
+ e.kind === S.Unavailable && /* @__PURE__ */ l("span", {
216
+ className: i(c, C.secondaryValue),
157
217
  children: n.unavailableLabel
158
218
  }),
159
- e.kind === _.Finite && /* @__PURE__ */ l("div", {
219
+ e.kind === S.Finite && /* @__PURE__ */ u("div", {
160
220
  className: "flex min-w-0 flex-col gap-3",
161
- children: [/* @__PURE__ */ l("div", {
221
+ children: [/* @__PURE__ */ u("div", {
162
222
  className: "flex min-w-0 items-baseline gap-1 whitespace-nowrap",
163
- children: [d, /* @__PURE__ */ l("span", {
164
- className: r(s, v.secondaryValue),
223
+ children: [d, /* @__PURE__ */ u("span", {
224
+ className: i(s, C.secondaryValue),
165
225
  children: ["/ ", e.totalLabel]
166
226
  })]
167
- }), /* @__PURE__ */ c(a, {
227
+ }), /* @__PURE__ */ l(o, {
168
228
  value: Math.min(e.usedPercent ?? 0, 100),
169
229
  max: 100,
170
- size: i.Small,
171
- className: r("!h-1 w-full", v.progressTrack, y(e.status)),
230
+ size: a.Small,
231
+ className: i("!h-1 w-full", C.progressTrack, w(e.status)),
172
232
  "aria-label": t,
173
233
  "aria-valuetext": e.ariaLabel
174
234
  })]
175
235
  })
176
236
  ]
177
237
  });
178
- }, x = "desktop:grid-cols-[repeat(4,minmax(0,1fr))_10rem]", S = (e) => {
238
+ }, E = "desktop:grid-cols-[repeat(4,minmax(0,1fr))_10rem]", D = (e) => {
179
239
  switch (e) {
180
- case h.WithinLimits: return v.defaultBadge;
181
- case h.RunningLow: return v.warningBadge;
182
- case h.LimitReached: return v.errorBadge;
183
- case h.NoLimit:
184
- case h.Unavailable: return;
240
+ case b.WithinLimits: return C.defaultBadge;
241
+ case b.RunningLow: return C.warningBadge;
242
+ case b.LimitReached: return C.errorBadge;
243
+ case b.NoLimit:
244
+ case b.Unavailable: return;
185
245
  }
186
- }, C = (e, t) => {
246
+ }, O = (e, t) => {
187
247
  switch (e) {
188
- case h.WithinLimits: return t.withinLimitsBadgeLabel;
189
- case h.RunningLow: return t.runningLowBadgeLabel;
190
- case h.LimitReached: return t.limitReachedBadgeLabel;
191
- case h.NoLimit: return t.noLimitBadgeLabel;
192
- case h.Unavailable: return t.unavailableBadgeLabel;
248
+ case b.WithinLimits: return t.withinLimitsBadgeLabel;
249
+ case b.RunningLow: return t.runningLowBadgeLabel;
250
+ case b.LimitReached: return t.limitReachedBadgeLabel;
251
+ case b.NoLimit: return t.noLimitBadgeLabel;
252
+ case b.Unavailable: return t.unavailableBadgeLabel;
193
253
  }
194
- }, w = ({ row: n, labels: i, typography: a, avatarSize: o }) => {
195
- let { nameClassName: s = "dial-small-semi-text", modelTypeClassName: u = "dial-caption-lead-semi-text", versionClassName: d = "dial-small-text", valueClassName: f = "dial-small-text", badgeClassName: p = "dial-caption-lead-semi-text" } = a, m = n.status !== h.NoLimit && n.status !== h.Unavailable;
196
- return /* @__PURE__ */ l("div", {
254
+ }, k = ({ row: n, labels: r, typography: a, avatarSize: o }) => {
255
+ let { nameClassName: s = "dial-small-semi-text", modelTypeClassName: c = "dial-caption-lead-semi-text", versionClassName: d = "dial-small-text", valueClassName: f = "dial-small-text", badgeClassName: p = "dial-caption-lead-semi-text" } = a, m = n.status !== b.NoLimit && n.status !== b.Unavailable;
256
+ return /* @__PURE__ */ u("div", {
197
257
  role: "row",
198
- className: r("grid grid-cols-1 gap-2 px-4 py-3 desktop:min-h-16 desktop:items-start desktop:gap-4 desktop:px-6", x, v.row),
258
+ className: i("grid grid-cols-1 gap-2 px-4 py-3 desktop:min-h-16 desktop:items-start desktop:gap-4 desktop:px-6", E, C.row),
199
259
  children: [
200
- /* @__PURE__ */ l("div", {
260
+ /* @__PURE__ */ u("div", {
201
261
  role: "cell",
202
262
  className: "flex min-w-0 items-center gap-3 overflow-hidden",
203
- children: [/* @__PURE__ */ c("div", {
263
+ children: [/* @__PURE__ */ l("div", {
204
264
  className: "shrink-0",
205
- children: /* @__PURE__ */ c(e, {
265
+ children: /* @__PURE__ */ l(e, {
206
266
  src: n.avatarSrc,
207
267
  size: o,
208
268
  initialsName: n.name,
209
- fallback: /* @__PURE__ */ c(t, {
269
+ fallback: /* @__PURE__ */ l(t, {
210
270
  name: n.name,
211
271
  size: o,
212
272
  className: "!rounded-xl",
@@ -214,138 +274,148 @@ var u = /* @__PURE__ */ function(e) {
214
274
  }),
215
275
  styles: { badgeClassName: "!rounded-xl" }
216
276
  })
217
- }), /* @__PURE__ */ l("div", {
277
+ }), /* @__PURE__ */ u("div", {
218
278
  className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden",
219
- children: [/* @__PURE__ */ c("span", {
220
- className: r(u, v.modelType),
221
- children: i.modelTypeLabel
222
- }), /* @__PURE__ */ l("div", {
279
+ children: [/* @__PURE__ */ l("span", {
280
+ className: i(c, C.modelType),
281
+ children: r.modelTypeLabel
282
+ }), /* @__PURE__ */ u("div", {
223
283
  className: "flex min-w-0 items-center gap-1 overflow-hidden",
224
- children: [/* @__PURE__ */ c("span", {
225
- className: r("min-w-0 flex-1 truncate", s, v.name),
284
+ children: [/* @__PURE__ */ l("span", {
285
+ className: i("min-w-0 flex-1 truncate", s, C.name),
226
286
  title: n.name,
227
287
  children: n.name
228
- }), n.version != null && /* @__PURE__ */ c("span", {
229
- className: r("shrink-0", d, v.version),
288
+ }), n.version != null && /* @__PURE__ */ l("span", {
289
+ className: i("shrink-0", d, C.version),
230
290
  children: n.version
231
291
  })]
232
292
  })]
233
293
  })]
234
294
  }),
235
- /* @__PURE__ */ c(b, {
295
+ /* @__PURE__ */ l(T, {
236
296
  cell: n.cost,
237
- mobileColumnLabel: i.costColumnLabel,
238
- labels: i,
297
+ mobileColumnLabel: r.costColumnLabel,
298
+ labels: r,
239
299
  typography: a
240
300
  }),
241
- /* @__PURE__ */ c(b, {
301
+ /* @__PURE__ */ l(T, {
242
302
  cell: n.tokens,
243
- mobileColumnLabel: i.tokensColumnLabel,
244
- labels: i,
303
+ mobileColumnLabel: r.tokensColumnLabel,
304
+ labels: r,
245
305
  typography: a
246
306
  }),
247
- /* @__PURE__ */ c(b, {
307
+ /* @__PURE__ */ l(T, {
248
308
  cell: n.requests,
249
- mobileColumnLabel: i.requestsColumnLabel,
250
- labels: i,
309
+ mobileColumnLabel: r.requestsColumnLabel,
310
+ labels: r,
251
311
  typography: a
252
312
  }),
253
- /* @__PURE__ */ c("div", {
313
+ /* @__PURE__ */ l("div", {
254
314
  role: "cell",
255
315
  className: "flex items-center",
256
- children: m ? /* @__PURE__ */ c("span", {
257
- className: r("inline-flex h-6 shrink-0 items-center rounded-full px-2", p, S(n.status)),
258
- children: C(n.status, i)
259
- }) : /* @__PURE__ */ c("span", {
260
- className: r(f, v.neutralStatus),
261
- children: C(n.status, i)
316
+ children: m ? /* @__PURE__ */ l("span", {
317
+ className: i("inline-flex h-6 shrink-0 items-center rounded-full px-2", p, D(n.status)),
318
+ children: O(n.status, r)
319
+ }) : /* @__PURE__ */ l("span", {
320
+ className: i(f, C.neutralStatus),
321
+ children: O(n.status, r)
262
322
  })
263
323
  })
264
324
  ]
265
325
  });
266
- }, T = 40, E = [
267
- g.LastMinute,
268
- g.LastHour,
269
- g.Last24Hours,
270
- g.Last7Days,
271
- g.Last30Days
272
- ], D = "max-w-full overflow-x-auto overflow-y-hidden [&>button]:flex-none mobile:[&>button]:h-11", O = ({ rows: e, period: t, onPeriodChange: i, labels: a, styles: s }) => {
273
- let { colors: u, typography: d = {} } = s ?? {}, { headingClassName: f = "dial-body-semi-text", headingCountClassName: p = "dial-tiny-semi-text", columnHeaderClassName: m = "dial-caption-lead-semi-text" } = d, h = n({
274
- "--mls-container-bg": u?.containerBackground,
275
- "--mls-heading": u?.headingColor,
276
- "--mls-heading-count": u?.headingCountColor,
277
- "--mls-column-header": u?.columnHeaderColor,
278
- "--mls-row-divider": u?.rowDividerColor,
279
- "--mls-name": u?.nameColor,
280
- "--mls-model-type": u?.modelTypeColor,
281
- "--mls-version": u?.versionColor,
282
- "--mls-value": u?.valueColor,
283
- "--mls-secondary-value": u?.secondaryValueColor,
284
- "--mls-progress-track": u?.progressTrackColor,
285
- "--mls-progress-default": u?.defaultProgressColor,
286
- "--mls-progress-warning": u?.warningProgressColor,
287
- "--mls-progress-error": u?.errorProgressColor,
288
- "--mls-badge-default-bg": u?.defaultBadgeBackground,
289
- "--mls-badge-default-text": u?.defaultBadgeColor,
290
- "--mls-badge-warning-bg": u?.warningBadgeBackground,
291
- "--mls-badge-warning-text": u?.warningBadgeColor,
292
- "--mls-badge-error-bg": u?.errorBadgeBackground,
293
- "--mls-badge-error-text": u?.errorBadgeColor,
294
- "--mls-badge-neutral-text": u?.neutralBadgeColor
295
- }), g = `${a.headingLabel} ${e.length}`;
296
- return /* @__PURE__ */ l("div", {
326
+ }, A = 40, j = [
327
+ x.LastMinute,
328
+ x.LastHour,
329
+ x.Last24Hours,
330
+ x.Last7Days,
331
+ x.Last30Days
332
+ ], M = "max-w-full overflow-x-auto overflow-y-hidden [&>button]:flex-none mobile:[&>button]:h-11", N = ({ rows: e, period: t, onPeriodChange: a, labels: o, styles: d, emptyStateIconSize: f = 48 }) => {
333
+ let { colors: p, typography: m = {} } = d ?? {}, { headingClassName: h = "dial-body-semi-text", headingCountClassName: g = "dial-tiny-semi-text", columnHeaderClassName: _ = "dial-caption-lead-semi-text" } = m, v = r({
334
+ "--mls-container-bg": p?.containerBackground,
335
+ "--mls-heading": p?.headingColor,
336
+ "--mls-heading-count": p?.headingCountColor,
337
+ "--mls-column-header": p?.columnHeaderColor,
338
+ "--mls-row-divider": p?.rowDividerColor,
339
+ "--mls-name": p?.nameColor,
340
+ "--mls-model-type": p?.modelTypeColor,
341
+ "--mls-version": p?.versionColor,
342
+ "--mls-value": p?.valueColor,
343
+ "--mls-secondary-value": p?.secondaryValueColor,
344
+ "--mls-progress-track": p?.progressTrackColor,
345
+ "--mls-progress-default": p?.defaultProgressColor,
346
+ "--mls-progress-warning": p?.warningProgressColor,
347
+ "--mls-progress-error": p?.errorProgressColor,
348
+ "--mls-badge-default-bg": p?.defaultBadgeBackground,
349
+ "--mls-badge-default-text": p?.defaultBadgeColor,
350
+ "--mls-badge-warning-bg": p?.warningBadgeBackground,
351
+ "--mls-badge-warning-text": p?.warningBadgeColor,
352
+ "--mls-badge-error-bg": p?.errorBadgeBackground,
353
+ "--mls-badge-error-text": p?.errorBadgeColor,
354
+ "--mls-badge-neutral-text": p?.neutralBadgeColor
355
+ }), b = `${o.headingLabel} ${e.length}`;
356
+ return /* @__PURE__ */ u("div", {
297
357
  className: "flex flex-col gap-4",
298
- style: h,
299
- children: [/* @__PURE__ */ l("div", {
358
+ style: v,
359
+ children: [/* @__PURE__ */ u("div", {
300
360
  className: "flex min-h-10 flex-wrap items-center justify-between gap-2",
301
- children: [/* @__PURE__ */ l("h3", {
361
+ children: [/* @__PURE__ */ u("h3", {
302
362
  className: "m-0 flex items-center gap-2",
303
- children: [/* @__PURE__ */ c("span", {
304
- className: r(f, v.heading),
305
- children: a.headingLabel
306
- }), /* @__PURE__ */ c("span", {
307
- className: r(p, v.headingCount),
363
+ children: [/* @__PURE__ */ l("span", {
364
+ className: i(h, C.heading),
365
+ children: o.headingLabel
366
+ }), /* @__PURE__ */ l("span", {
367
+ className: i(g, C.headingCount),
308
368
  children: e.length
309
369
  })]
310
- }), /* @__PURE__ */ c(o, {
311
- "aria-label": a.periodSelectorAriaLabel,
370
+ }), /* @__PURE__ */ l(s, {
371
+ "aria-label": o.periodSelectorAriaLabel,
312
372
  value: t,
313
- onChange: i,
314
- className: r(D, v.periodSelector),
315
- items: E.map((e) => ({
373
+ onChange: a,
374
+ className: i(M, C.periodSelector),
375
+ items: j.map((e) => ({
316
376
  value: e,
317
- label: a.periodLabels[e]
377
+ label: o.periodLabels[e]
318
378
  }))
319
379
  })]
320
380
  }), /* @__PURE__ */ l("div", {
321
381
  role: "table",
322
- "aria-label": g,
323
- className: r("overflow-hidden rounded-xl shadow-md", v.container),
324
- children: [/* @__PURE__ */ c("div", {
382
+ "aria-label": b,
383
+ className: i("overflow-hidden rounded-xl shadow-md", C.container),
384
+ children: e.length === 0 ? /* @__PURE__ */ l("div", {
385
+ className: "flex items-center justify-center px-6 py-10",
386
+ children: /* @__PURE__ */ l(n, {
387
+ icon: /* @__PURE__ */ l(y, {
388
+ "aria-hidden": !0,
389
+ size: f,
390
+ stroke: 1
391
+ }),
392
+ label: o.emptyStateLabel
393
+ })
394
+ }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
325
395
  role: "row",
326
- className: r("hidden gap-4 px-6 py-3 desktop:grid", x, v.headerRow),
396
+ className: i("hidden gap-4 px-6 py-3 desktop:grid", E, C.headerRow),
327
397
  children: [
328
- a.itemColumnLabel,
329
- a.costColumnLabel,
330
- a.tokensColumnLabel,
331
- a.requestsColumnLabel,
332
- a.statusColumnLabel
333
- ].map((e) => /* @__PURE__ */ c("span", {
398
+ o.itemColumnLabel,
399
+ o.costColumnLabel,
400
+ o.tokensColumnLabel,
401
+ o.requestsColumnLabel,
402
+ o.statusColumnLabel
403
+ ].map((e) => /* @__PURE__ */ l("span", {
334
404
  role: "columnheader",
335
- className: r(m, v.columnHeader),
405
+ className: i(_, C.columnHeader),
336
406
  children: e
337
407
  }, e))
338
- }), /* @__PURE__ */ c("div", {
408
+ }), /* @__PURE__ */ l("div", {
339
409
  role: "rowgroup",
340
- children: e.map((e) => /* @__PURE__ */ c(w, {
410
+ children: e.map((e) => /* @__PURE__ */ l(k, {
341
411
  row: e,
342
- labels: a,
343
- typography: d,
344
- avatarSize: T
412
+ labels: o,
413
+ typography: m,
414
+ avatarSize: A
345
415
  }, e.id))
346
- })]
416
+ })] })
347
417
  })]
348
418
  });
349
419
  };
350
420
  //#endregion
351
- export { _ as ModelLimitMetricKind, h as ModelLimitStatus, g as ModelLimitsPeriod, O as ModelLimitsSection, p as UsageLimitCard, m as UsageLimitCardGroup, u as UsageLimitStatus };
421
+ export { S as ModelLimitMetricKind, b as ModelLimitStatus, x as ModelLimitsPeriod, N as ModelLimitsSection, g as UsageLimitCard, _ as UsageLimitCardGroup, p as UsageLimitStatus };
package/models/model-limits-props.d.ts CHANGED
@@ -101,6 +101,8 @@ export interface ModelLimitsLabels {
101
101
  noLimitBadgeLabel: string;
102
102
  /** Status badge text for `ModelLimitStatus.Unavailable`. */
103
103
  unavailableBadgeLabel: string;
104
+ /** Message shown in place of the table when `rows` is empty, e.g. `'No models to show yet.'`. */
105
+ emptyStateLabel: string;
104
106
  }
105
107
  /** Color overrides for `ModelLimitsSection`, applied as CSS custom properties. */
106
108
  export interface ModelLimitsColors {
@@ -187,5 +189,7 @@ export interface ModelLimitsSectionProps {
187
189
  labels: ModelLimitsLabels;
188
190
  /** Style overrides applied as CSS custom properties and typography class overrides. */
189
191
  styles?: ModelLimitsStyles;
192
+ /** Size (px) of the empty-state icon, shown when `rows` is empty. Defaults to `48`. */
193
+ emptyStateIconSize?: number;
190
194
  }
191
195
  //# sourceMappingURL=model-limits-props.d.ts.map
package/models/model-limits-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"model-limits-props.d.ts","sourceRoot":"","sources":["../../src/models/model-limits-props.ts"],"names":[],"mappings":"AAAA,yGAAyG;AACzG,oBAAY,gBAAgB;IAC1B,4GAA4G;IAC5G,YAAY,kBAAkB;IAC9B,qHAAqH;IACrH,UAAU,gBAAgB;IAC1B,6EAA6E;IAC7E,YAAY,kBAAkB;IAC9B,kGAAkG;IAClG,OAAO,aAAa;IACpB,+GAA+G;IAC/G,WAAW,gBAAgB;CAC5B;AAED,2JAA2J;AAC3J,oBAAY,iBAAiB;IAC3B,+BAA+B;IAC/B,UAAU,gBAAgB;IAC1B,6BAA6B;IAC7B,QAAQ,cAAc;IACtB,8BAA8B;IAC9B,WAAW,kBAAkB;IAC7B,4BAA4B;IAC5B,SAAS,gBAAgB;IACzB,6BAA6B;IAC7B,UAAU,iBAAiB;CAC5B;AAED,6EAA6E;AAC7E,oBAAY,oBAAoB;IAC9B,0EAA0E;IAC1E,MAAM,WAAW;IACjB,yGAAyG;IACzG,SAAS,cAAc;IACvB,mGAAmG;IACnG,WAAW,gBAAgB;CAC5B;AAED,qGAAqG;AACrG,MAAM,WAAW,oBAAoB;IACnC,0DAA0D;IAC1D,IAAI,EAAE,oBAAoB,CAAC;IAC3B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gLAAgL;IAChL,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kGAAkG;IAClG,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,mJAAmJ;IACnJ,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,mIAAmI;AACnI,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8GAA8G;IAC9G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,uDAAuD;IACvD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,yDAAyD;IACzD,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,6GAA6G;IAC7G,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,8FAA8F;AAC9F,MAAM,WAAW,iBAAiB;IAChC,yFAAyF;IACzF,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,YAAY,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;IAChD,uDAAuD;IACvD,uBAAuB,EAAE,MAAM,CAAC;IAChC,yDAAyD;IACzD,eAAe,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,4FAA4F;IAC5F,YAAY,EAAE,MAAM,CAAC;IACrB,wIAAwI;IACxI,gBAAgB,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,sBAAsB,EAAE,MAAM,CAAC;IAC/B,2DAA2D;IAC3D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,6DAA6D;IAC7D,sBAAsB,EAAE,MAAM,CAAC;IAC/B,wDAAwD;IACxD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAED,kFAAkF;AAClF,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2FAA2F;IAC3F,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gGAAgG;IAChG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8FAA8F;IAC9F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iEAAiE;IACjE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,+DAA+D;IAC/D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,2DAA2D;AAC3D,MAAM,WAAW,qBAAqB;IACpC,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gGAAgG;IAChG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iFAAiF;IACjF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wFAAwF;IACxF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sFAAsF;IACtF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+HAA+H;IAC/H,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oFAAoF;IACpF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wDAAwD;AACxD,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED,sCAAsC;AACtC,MAAM,WAAW,uBAAuB;IACtC,uEAAuE;IACvE,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,iGAAiG;IACjG,MAAM,EAAE,iBAAiB,CAAC;IAC1B,oFAAoF;IACpF,cAAc,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,mEAAmE;IACnE,MAAM,EAAE,iBAAiB,CAAC;IAC1B,uFAAuF;IACvF,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B"}
1
+ {"version":3,"file":"model-limits-props.d.ts","sourceRoot":"","sources":["../../src/models/model-limits-props.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-usage-dashboard",
3
3
  "description": "Presentational aggregate cost-limit cards for the Usage settings dashboard",
4
- "version": "1.1.0-dev.244",
4
+ "version": "1.1.0-dev.247",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -16,8 +16,9 @@
16
16
  }
17
17
  },
18
18
  "peerDependencies": {
19
- "@epam/ai-dial-chat-shared": "1.1.0-dev.244",
19
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.247",
20
20
  "@epam/ai-dial-ui-kit": "^0.14.0-dev.4",
21
+ "@tabler/icons-react": "^3.44.0",
21
22
  "react": "^19.2.7"
22
23
  },
23
24
  "repository": {