@epam/ai-dial-usage-dashboard 1.1.0-dev.242 → 1.1.0-dev.245
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/ModelLimitsSection/ModelLimitsSection.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.js +281 -215
- package/models/model-limits-props.d.ts +5 -1
- package/models/model-limits-props.d.ts.map +1 -1
- package/models/usage-limit-card-props.d.ts +1 -1
- package/models/usage-limit-card-props.d.ts.map +1 -1
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelLimitsSection.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ModelLimitsSection.tsx"],"names":[],"mappings":"
|
|
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.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._card_1b3el_1{background:var(--uld-card-bg,var(--bg-layer-raised,#fcfcfc))}._title_1b3el_5{color:var(--uld-title,var(--text-primary,#161b2d))}._secondaryAmount_1b3el_9{color:var(--uld-secondary-amount,var(--text-secondary,#57647a))}._usedPercentLabel_1b3el_13{color:var(--uld-used-percent-label,var(--text-secondary,#57647a))}._amount_1b3el_18._defaultAccent_1b3el_23{color:var(--uld-default-accent,var(--text-info,#1d4ed8))}._amount_1b3el_18._warningAccent_1b3el_27{color:var(--uld-warning-accent,var(--text-warning,#7f6300))}._amount_1b3el_18._errorAccent_1b3el_31{color:var(--uld-error-accent,var(--text-error,#ae2f2f))}._progressTrack_1b3el_37{background:var(--uld-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_1b3el_42>div{background:var(--uld-default-progress,var(--text-control-accent-hover,var(--text-control-blue-hover,#5976e9)))!important}._progressFillWarning_1b3el_46>div{background:var(--uld-warning-progress,var(--text-warning-icon,#eec840))!important}._progressFillDanger_1b3el_50>div{background:var(--uld-error-progress,var(--bg-control-error-active,#cc4545))!important}._defaultBadge_1b3el_54{background:var(--uld-default-badge-bg,var(--bg-success,#dbf1eb));color:var(--uld-default-badge-text,var(--text-success,#007274))}._warningBadge_1b3el_59{background:var(--uld-warning-badge-bg,var(--bg-warning,#faf0cf));color:var(--uld-warning-badge-text,var(--text-warning,#7f6300))}._errorBadge_1b3el_64{background:var(--uld-error-badge-bg,var(--bg-error,#f3d6d8));color:var(--uld-error-badge-text,var(--text-error,#ae2f2f))}._container_bw9jz_1{background:var(--mls-container-bg,var(--bg-layer-raised,#fcfcfc))}._heading_bw9jz_5{color:var(--mls-heading,var(--text-primary,#161b2d))}._headingCount_bw9jz_9{color:var(--mls-heading-count,var(--text-tertiary,#9fa6bd))}._periodSelector_bw9jz_13{scrollbar-width:none}._periodSelector_bw9jz_13::-webkit-scrollbar{display:none}._columnHeader_bw9jz_20{color:var(--mls-column-header,var(--text-secondary,#57647a))}._headerRow_bw9jz_24{border-block-end:1px solid var(--mls-row-divider,var(--stroke-tertiary,#e0e6f0))}._row_bw9jz_28{border-block-start:1px solid var(--mls-row-divider,var(--stroke-tertiary,#e0e6f0))}._row_bw9jz_28:first-child{border-block-start:none}._mobileColumnLabel_bw9jz_36{color:var(--mls-column-header,var(--text-secondary,#57647a))}._name_bw9jz_40{color:var(--mls-name,var(--text-primary,#161b2d))}._modelType_bw9jz_44{color:var(--mls-model-type,var(--text-accent,#1d4ed8))}._version_bw9jz_48{color:var(--mls-version,var(--text-secondary,#57647a))}._value_bw9jz_52{color:var(--mls-value,var(--text-primary,#161b2d))}._secondaryValue_bw9jz_56{color:var(--mls-secondary-value,var(--text-secondary,#57647a))}._progressTrack_bw9jz_62{background:var(--mls-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_bw9jz_67>div{background:var(--mls-progress-default,var(--text-control-accent-hover,var(--text-control-blue-hover,#5976e9)))!important}._progressFillWarning_bw9jz_71>div{background:var(--mls-progress-warning,var(--text-warning-icon,#eec840))!important}._progressFillError_bw9jz_75>div{background:var(--mls-progress-error,var(--bg-control-error-active,#cc4545))!important}._defaultBadge_bw9jz_79{background:var(--mls-badge-default-bg,var(--bg-success,#dbf1eb));color:var(--mls-badge-default-text,var(--text-success,#007274))}._warningBadge_bw9jz_84{background:var(--mls-badge-warning-bg,var(--bg-warning,#faf0cf));color:var(--mls-badge-warning-text,var(--text-warning,#7f6300))}._errorBadge_bw9jz_89{background:var(--mls-badge-error-bg,var(--bg-error,#f3d6d8));color:var(--mls-badge-error-text,var(--text-error,#ae2f2f))}._neutralStatus_bw9jz_94{color:var(--mls-badge-neutral-text,var(--text-secondary,#57647a))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,212 +1,272 @@
|
|
|
1
|
-
import { DeploymentIcon as e, InitialsAvatar as t,
|
|
2
|
-
import {
|
|
3
|
-
import { Fragment as
|
|
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
|
|
6
|
+
var p = /* @__PURE__ */ function(e) {
|
|
6
7
|
return e.Default = "default", e.RunningLow = "runningLow", e.LimitReached = "limitReached", e;
|
|
7
|
-
}({}),
|
|
8
|
-
card: "
|
|
9
|
-
title: "
|
|
10
|
-
secondaryAmount: "
|
|
11
|
-
usedPercentLabel: "
|
|
12
|
-
amount: "
|
|
13
|
-
defaultAccent: "
|
|
14
|
-
warningAccent: "
|
|
15
|
-
errorAccent: "
|
|
16
|
-
progressTrack: "
|
|
17
|
-
progressFillDefault: "
|
|
18
|
-
progressFillWarning: "
|
|
19
|
-
progressFillDanger: "
|
|
20
|
-
defaultBadge: "
|
|
21
|
-
warningBadge: "
|
|
22
|
-
errorBadge: "
|
|
23
|
-
},
|
|
8
|
+
}({}), m = {
|
|
9
|
+
card: "_card_1b3el_1",
|
|
10
|
+
title: "_title_1b3el_5",
|
|
11
|
+
secondaryAmount: "_secondaryAmount_1b3el_9",
|
|
12
|
+
usedPercentLabel: "_usedPercentLabel_1b3el_13",
|
|
13
|
+
amount: "_amount_1b3el_18",
|
|
14
|
+
defaultAccent: "_defaultAccent_1b3el_23",
|
|
15
|
+
warningAccent: "_warningAccent_1b3el_27",
|
|
16
|
+
errorAccent: "_errorAccent_1b3el_31",
|
|
17
|
+
progressTrack: "_progressTrack_1b3el_37",
|
|
18
|
+
progressFillDefault: "_progressFillDefault_1b3el_42",
|
|
19
|
+
progressFillWarning: "_progressFillWarning_1b3el_46",
|
|
20
|
+
progressFillDanger: "_progressFillDanger_1b3el_50",
|
|
21
|
+
defaultBadge: "_defaultBadge_1b3el_54",
|
|
22
|
+
warningBadge: "_warningBadge_1b3el_59",
|
|
23
|
+
errorBadge: "_errorBadge_1b3el_64"
|
|
24
|
+
}, h = (e, t) => {
|
|
24
25
|
switch (e) {
|
|
25
|
-
case
|
|
26
|
-
case
|
|
27
|
-
case
|
|
26
|
+
case p.RunningLow: return t.runningLowBadgeLabel;
|
|
27
|
+
case p.LimitReached: return t.limitReachedBadgeLabel;
|
|
28
|
+
case p.Default: return t.defaultBadgeLabel;
|
|
28
29
|
}
|
|
29
|
-
},
|
|
30
|
-
let { colors:
|
|
31
|
-
"--uld-card-bg":
|
|
32
|
-
"--uld-title":
|
|
33
|
-
"--uld-default-accent":
|
|
34
|
-
"--uld-default-progress":
|
|
35
|
-
"--uld-warning-accent":
|
|
36
|
-
"--uld-warning-progress":
|
|
37
|
-
"--uld-error-accent":
|
|
38
|
-
"--uld-error-progress":
|
|
39
|
-
"--uld-secondary-amount":
|
|
40
|
-
"--uld-progress-track":
|
|
41
|
-
"--uld-default-badge-bg":
|
|
42
|
-
"--uld-default-badge-text":
|
|
43
|
-
"--uld-warning-badge-bg":
|
|
44
|
-
"--uld-warning-badge-text":
|
|
45
|
-
"--uld-error-badge-bg":
|
|
46
|
-
"--uld-error-badge-text":
|
|
47
|
-
"--uld-used-percent-label":
|
|
48
|
-
}), x =
|
|
49
|
-
return /* @__PURE__ */
|
|
50
|
-
className:
|
|
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__ */
|
|
55
|
+
children: [/* @__PURE__ */ u("div", {
|
|
55
56
|
className: "flex items-center justify-between gap-2",
|
|
56
|
-
children: [/* @__PURE__ */
|
|
57
|
-
className:
|
|
57
|
+
children: [/* @__PURE__ */ l("p", {
|
|
58
|
+
className: i("m-0", f, m.title),
|
|
58
59
|
children: e.title
|
|
59
|
-
}), /* @__PURE__ */
|
|
60
|
-
className:
|
|
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__ */
|
|
64
|
+
}), /* @__PURE__ */ u("div", {
|
|
64
65
|
className: "flex flex-col gap-2",
|
|
65
|
-
children: [/* @__PURE__ */
|
|
66
|
+
children: [/* @__PURE__ */ u("p", {
|
|
66
67
|
className: "m-0 flex flex-wrap items-baseline gap-2",
|
|
67
|
-
children: [/* @__PURE__ */
|
|
68
|
-
className:
|
|
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__ */
|
|
71
|
-
className:
|
|
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__ */
|
|
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
78
|
size: a.Small,
|
|
78
|
-
className:
|
|
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__ */
|
|
82
|
+
}), /* @__PURE__ */ u("div", {
|
|
82
83
|
className: "flex items-center justify-between gap-2",
|
|
83
|
-
children: [e.remainingLabel != null && /* @__PURE__ */
|
|
84
|
-
className:
|
|
84
|
+
children: [e.remainingLabel != null && /* @__PURE__ */ l("span", {
|
|
85
|
+
className: i(_, m.secondaryAmount),
|
|
85
86
|
children: t.remainingCaptionLabel({ remaining: e.remainingLabel })
|
|
86
|
-
}), /* @__PURE__ */
|
|
87
|
-
className:
|
|
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
|
-
},
|
|
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__ */
|
|
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
|
-
}),
|
|
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
|
-
}({}),
|
|
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
|
-
}({}),
|
|
165
|
+
}({}), S = /* @__PURE__ */ function(e) {
|
|
106
166
|
return e.Finite = "finite", e.Unlimited = "unlimited", e.Unavailable = "unavailable", e;
|
|
107
|
-
}({}),
|
|
108
|
-
container: "
|
|
109
|
-
heading: "
|
|
110
|
-
headingCount: "
|
|
111
|
-
periodSelector: "
|
|
112
|
-
columnHeader: "
|
|
113
|
-
headerRow: "
|
|
114
|
-
row: "
|
|
115
|
-
mobileColumnLabel: "
|
|
116
|
-
name: "
|
|
117
|
-
modelType: "
|
|
118
|
-
version: "
|
|
119
|
-
value: "
|
|
120
|
-
secondaryValue: "
|
|
121
|
-
progressTrack: "
|
|
122
|
-
progressFillDefault: "
|
|
123
|
-
progressFillWarning: "
|
|
124
|
-
progressFillError: "
|
|
125
|
-
defaultBadge: "
|
|
126
|
-
warningBadge: "
|
|
127
|
-
errorBadge: "
|
|
128
|
-
neutralStatus: "
|
|
129
|
-
},
|
|
167
|
+
}({}), C = {
|
|
168
|
+
container: "_container_bw9jz_1",
|
|
169
|
+
heading: "_heading_bw9jz_5",
|
|
170
|
+
headingCount: "_headingCount_bw9jz_9",
|
|
171
|
+
periodSelector: "_periodSelector_bw9jz_13",
|
|
172
|
+
columnHeader: "_columnHeader_bw9jz_20",
|
|
173
|
+
headerRow: "_headerRow_bw9jz_24",
|
|
174
|
+
row: "_row_bw9jz_28",
|
|
175
|
+
mobileColumnLabel: "_mobileColumnLabel_bw9jz_36",
|
|
176
|
+
name: "_name_bw9jz_40",
|
|
177
|
+
modelType: "_modelType_bw9jz_44",
|
|
178
|
+
version: "_version_bw9jz_48",
|
|
179
|
+
value: "_value_bw9jz_52",
|
|
180
|
+
secondaryValue: "_secondaryValue_bw9jz_56",
|
|
181
|
+
progressTrack: "_progressTrack_bw9jz_62",
|
|
182
|
+
progressFillDefault: "_progressFillDefault_bw9jz_67",
|
|
183
|
+
progressFillWarning: "_progressFillWarning_bw9jz_71",
|
|
184
|
+
progressFillError: "_progressFillError_bw9jz_75",
|
|
185
|
+
defaultBadge: "_defaultBadge_bw9jz_79",
|
|
186
|
+
warningBadge: "_warningBadge_bw9jz_84",
|
|
187
|
+
errorBadge: "_errorBadge_bw9jz_89",
|
|
188
|
+
neutralStatus: "_neutralStatus_bw9jz_94"
|
|
189
|
+
}, w = (e) => {
|
|
130
190
|
switch (e) {
|
|
131
|
-
case
|
|
132
|
-
case
|
|
133
|
-
default: return
|
|
191
|
+
case b.RunningLow: return C.progressFillWarning;
|
|
192
|
+
case b.LimitReached: return C.progressFillError;
|
|
193
|
+
default: return C.progressFillDefault;
|
|
134
194
|
}
|
|
135
|
-
},
|
|
136
|
-
let { valueClassName: s = "dial-small-text", secondaryValueClassName:
|
|
137
|
-
className:
|
|
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__ */
|
|
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__ */
|
|
145
|
-
className:
|
|
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 ===
|
|
208
|
+
e.kind === S.Unlimited && /* @__PURE__ */ u("div", {
|
|
149
209
|
className: "flex min-w-0 flex-col gap-1",
|
|
150
|
-
children: [d, /* @__PURE__ */
|
|
151
|
-
className:
|
|
210
|
+
children: [d, /* @__PURE__ */ l("span", {
|
|
211
|
+
className: i(c, C.secondaryValue),
|
|
152
212
|
children: n.noLimitLabel
|
|
153
213
|
})]
|
|
154
214
|
}),
|
|
155
|
-
e.kind ===
|
|
156
|
-
className:
|
|
215
|
+
e.kind === S.Unavailable && /* @__PURE__ */ l("span", {
|
|
216
|
+
className: i(c, C.secondaryValue),
|
|
157
217
|
children: n.unavailableLabel
|
|
158
218
|
}),
|
|
159
|
-
e.kind ===
|
|
219
|
+
e.kind === S.Finite && /* @__PURE__ */ u("div", {
|
|
160
220
|
className: "flex min-w-0 flex-col gap-3",
|
|
161
|
-
children: [/* @__PURE__ */
|
|
221
|
+
children: [/* @__PURE__ */ u("div", {
|
|
162
222
|
className: "flex min-w-0 items-baseline gap-1 whitespace-nowrap",
|
|
163
|
-
children: [d, /* @__PURE__ */
|
|
164
|
-
className:
|
|
223
|
+
children: [d, /* @__PURE__ */ u("span", {
|
|
224
|
+
className: i(s, C.secondaryValue),
|
|
165
225
|
children: ["/ ", e.totalLabel]
|
|
166
226
|
})]
|
|
167
|
-
}), /* @__PURE__ */
|
|
227
|
+
}), /* @__PURE__ */ l(o, {
|
|
168
228
|
value: Math.min(e.usedPercent ?? 0, 100),
|
|
169
229
|
max: 100,
|
|
170
230
|
size: a.Small,
|
|
171
|
-
className:
|
|
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
|
-
},
|
|
238
|
+
}, E = "desktop:grid-cols-[repeat(4,minmax(0,1fr))_10rem]", D = (e) => {
|
|
179
239
|
switch (e) {
|
|
180
|
-
case
|
|
181
|
-
case
|
|
182
|
-
case
|
|
183
|
-
case
|
|
184
|
-
case
|
|
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
|
-
},
|
|
246
|
+
}, O = (e, t) => {
|
|
187
247
|
switch (e) {
|
|
188
|
-
case
|
|
189
|
-
case
|
|
190
|
-
case
|
|
191
|
-
case
|
|
192
|
-
case
|
|
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
|
-
},
|
|
195
|
-
let { nameClassName: s = "dial-small-semi-text", modelTypeClassName:
|
|
196
|
-
return /* @__PURE__ */
|
|
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:
|
|
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__ */
|
|
260
|
+
/* @__PURE__ */ u("div", {
|
|
201
261
|
role: "cell",
|
|
202
262
|
className: "flex min-w-0 items-center gap-3 overflow-hidden",
|
|
203
|
-
children: [/* @__PURE__ */
|
|
263
|
+
children: [/* @__PURE__ */ l("div", {
|
|
204
264
|
className: "shrink-0",
|
|
205
|
-
children: /* @__PURE__ */
|
|
265
|
+
children: /* @__PURE__ */ l(e, {
|
|
206
266
|
src: n.avatarSrc,
|
|
207
267
|
size: o,
|
|
208
268
|
initialsName: n.name,
|
|
209
|
-
fallback: /* @__PURE__ */
|
|
269
|
+
fallback: /* @__PURE__ */ l(t, {
|
|
210
270
|
name: n.name,
|
|
211
271
|
size: o,
|
|
212
272
|
className: "!rounded-xl",
|
|
@@ -214,142 +274,148 @@ var u = /* @__PURE__ */ function(e) {
|
|
|
214
274
|
}),
|
|
215
275
|
styles: { badgeClassName: "!rounded-xl" }
|
|
216
276
|
})
|
|
217
|
-
}), /* @__PURE__ */
|
|
277
|
+
}), /* @__PURE__ */ u("div", {
|
|
218
278
|
className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden",
|
|
219
|
-
children: [/* @__PURE__ */
|
|
220
|
-
className:
|
|
221
|
-
children:
|
|
222
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
225
|
-
className:
|
|
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__ */
|
|
229
|
-
className:
|
|
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__ */
|
|
295
|
+
/* @__PURE__ */ l(T, {
|
|
236
296
|
cell: n.cost,
|
|
237
|
-
mobileColumnLabel:
|
|
238
|
-
labels:
|
|
297
|
+
mobileColumnLabel: r.costColumnLabel,
|
|
298
|
+
labels: r,
|
|
239
299
|
typography: a
|
|
240
300
|
}),
|
|
241
|
-
/* @__PURE__ */
|
|
301
|
+
/* @__PURE__ */ l(T, {
|
|
242
302
|
cell: n.tokens,
|
|
243
|
-
mobileColumnLabel:
|
|
244
|
-
labels:
|
|
303
|
+
mobileColumnLabel: r.tokensColumnLabel,
|
|
304
|
+
labels: r,
|
|
245
305
|
typography: a
|
|
246
306
|
}),
|
|
247
|
-
/* @__PURE__ */
|
|
307
|
+
/* @__PURE__ */ l(T, {
|
|
248
308
|
cell: n.requests,
|
|
249
|
-
mobileColumnLabel:
|
|
250
|
-
labels:
|
|
309
|
+
mobileColumnLabel: r.requestsColumnLabel,
|
|
310
|
+
labels: r,
|
|
251
311
|
typography: a
|
|
252
312
|
}),
|
|
253
|
-
/* @__PURE__ */
|
|
313
|
+
/* @__PURE__ */ l("div", {
|
|
254
314
|
role: "cell",
|
|
255
315
|
className: "flex items-center",
|
|
256
|
-
children: m ? /* @__PURE__ */
|
|
257
|
-
className:
|
|
258
|
-
children:
|
|
259
|
-
}) : /* @__PURE__ */
|
|
260
|
-
className:
|
|
261
|
-
children:
|
|
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
|
-
},
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
],
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
"--mls-
|
|
279
|
-
"--mls-
|
|
280
|
-
"--mls-
|
|
281
|
-
"--mls-
|
|
282
|
-
"--mls-
|
|
283
|
-
"--mls-
|
|
284
|
-
"--mls-
|
|
285
|
-
"--mls-
|
|
286
|
-
"--mls-
|
|
287
|
-
"--mls-
|
|
288
|
-
"--mls-
|
|
289
|
-
"--mls-
|
|
290
|
-
"--mls-
|
|
291
|
-
"--mls-
|
|
292
|
-
"--mls-badge-
|
|
293
|
-
"--mls-badge-
|
|
294
|
-
"--mls-badge-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
"--mls-badge-error-text": u?.errorBadgeColor,
|
|
298
|
-
"--mls-badge-neutral-text": u?.neutralBadgeColor
|
|
299
|
-
}), g = `${o.headingLabel} ${e.length}`;
|
|
300
|
-
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", {
|
|
301
357
|
className: "flex flex-col gap-4",
|
|
302
|
-
style:
|
|
303
|
-
children: [/* @__PURE__ */
|
|
358
|
+
style: v,
|
|
359
|
+
children: [/* @__PURE__ */ u("div", {
|
|
304
360
|
className: "flex min-h-10 flex-wrap items-center justify-between gap-2",
|
|
305
|
-
children: [/* @__PURE__ */
|
|
361
|
+
children: [/* @__PURE__ */ u("h3", {
|
|
306
362
|
className: "m-0 flex items-center gap-2",
|
|
307
|
-
children: [/* @__PURE__ */
|
|
308
|
-
className:
|
|
363
|
+
children: [/* @__PURE__ */ l("span", {
|
|
364
|
+
className: i(h, C.heading),
|
|
309
365
|
children: o.headingLabel
|
|
310
|
-
}), /* @__PURE__ */
|
|
311
|
-
className:
|
|
366
|
+
}), /* @__PURE__ */ l("span", {
|
|
367
|
+
className: i(g, C.headingCount),
|
|
312
368
|
children: e.length
|
|
313
369
|
})]
|
|
314
|
-
}), /* @__PURE__ */
|
|
315
|
-
|
|
370
|
+
}), /* @__PURE__ */ l(s, {
|
|
371
|
+
"aria-label": o.periodSelectorAriaLabel,
|
|
316
372
|
value: t,
|
|
317
373
|
onChange: a,
|
|
318
|
-
className:
|
|
319
|
-
|
|
374
|
+
className: i(M, C.periodSelector),
|
|
375
|
+
items: j.map((e) => ({
|
|
320
376
|
value: e,
|
|
321
377
|
label: o.periodLabels[e]
|
|
322
378
|
}))
|
|
323
379
|
})]
|
|
324
380
|
}), /* @__PURE__ */ l("div", {
|
|
325
381
|
role: "table",
|
|
326
|
-
"aria-label":
|
|
327
|
-
className:
|
|
328
|
-
children:
|
|
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", {
|
|
329
395
|
role: "row",
|
|
330
|
-
className:
|
|
396
|
+
className: i("hidden gap-4 px-6 py-3 desktop:grid", E, C.headerRow),
|
|
331
397
|
children: [
|
|
332
398
|
o.itemColumnLabel,
|
|
333
399
|
o.costColumnLabel,
|
|
334
400
|
o.tokensColumnLabel,
|
|
335
401
|
o.requestsColumnLabel,
|
|
336
402
|
o.statusColumnLabel
|
|
337
|
-
].map((e) => /* @__PURE__ */
|
|
403
|
+
].map((e) => /* @__PURE__ */ l("span", {
|
|
338
404
|
role: "columnheader",
|
|
339
|
-
className:
|
|
405
|
+
className: i(_, C.columnHeader),
|
|
340
406
|
children: e
|
|
341
407
|
}, e))
|
|
342
|
-
}), /* @__PURE__ */
|
|
408
|
+
}), /* @__PURE__ */ l("div", {
|
|
343
409
|
role: "rowgroup",
|
|
344
|
-
children: e.map((e) => /* @__PURE__ */
|
|
410
|
+
children: e.map((e) => /* @__PURE__ */ l(k, {
|
|
345
411
|
row: e,
|
|
346
412
|
labels: o,
|
|
347
|
-
typography:
|
|
348
|
-
avatarSize:
|
|
413
|
+
typography: m,
|
|
414
|
+
avatarSize: A
|
|
349
415
|
}, e.id))
|
|
350
|
-
})]
|
|
416
|
+
})] })
|
|
351
417
|
})]
|
|
352
418
|
});
|
|
353
419
|
};
|
|
354
420
|
//#endregion
|
|
355
|
-
export {
|
|
421
|
+
export { S as ModelLimitMetricKind, b as ModelLimitStatus, x as ModelLimitsPeriod, N as ModelLimitsSection, g as UsageLimitCard, _ as UsageLimitCardGroup, p as UsageLimitStatus };
|
|
@@ -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 {
|
|
@@ -126,7 +128,7 @@ export interface ModelLimitsColors {
|
|
|
126
128
|
secondaryValueColor?: string;
|
|
127
129
|
/** Progress-bar track color. Fallback: `--bg-layer-sunken`. */
|
|
128
130
|
progressTrackColor?: string;
|
|
129
|
-
/** Progress-fill / accent color for `WithinLimits`. Fallback: `--text-control-
|
|
131
|
+
/** Progress-fill / accent color for `WithinLimits`. Fallback: `--text-control-accent-hover`. */
|
|
130
132
|
defaultProgressColor?: string;
|
|
131
133
|
/** Progress-fill / accent color for `RunningLow`. Fallback: `--text-warning-icon`. */
|
|
132
134
|
warningProgressColor?: string;
|
|
@@ -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
|
|
@@ -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;
|
|
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;IAC9B,iGAAiG;IACjG,eAAe,EAAE,MAAM,CAAC;CACzB;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;IAC3B,uFAAuF;IACvF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
|
|
@@ -61,7 +61,7 @@ export interface UsageLimitCardGroupColors {
|
|
|
61
61
|
titleColor?: string;
|
|
62
62
|
/** Prominent amount text color in the default status. Fallback: `--text-info` (`#1D4ED8`). */
|
|
63
63
|
defaultAccentColor?: string;
|
|
64
|
-
/** Progress-fill color in the default status. Fallback: `--text-control-
|
|
64
|
+
/** Progress-fill color in the default status. Fallback: `--text-control-accent-hover` (`#5976E9`). */
|
|
65
65
|
defaultProgressColor?: string;
|
|
66
66
|
/** Prominent amount text color in the running-low status. Fallback: `--text-warning` (`#7F6300`). */
|
|
67
67
|
warningAccentColor?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usage-limit-card-props.d.ts","sourceRoot":"","sources":["../../src/models/usage-limit-card-props.ts"],"names":[],"mappings":"AAAA,uIAAuI;AACvI,oBAAY,gBAAgB;IAC1B,4GAA4G;IAC5G,OAAO,YAAY;IACnB,qHAAqH;IACrH,UAAU,eAAe;IACzB,6EAA6E;IAC7E,YAAY,iBAAiB;CAC9B;AAED,iKAAiK;AACjK,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,0HAA0H;IAC1H,iBAAiB,EAAE,MAAM,CAAC;IAC1B,6IAA6I;IAC7I,IAAI,EAAE,MAAM,CAAC;IACb,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,SAAS,EAAE,MAAM,CAAC;IAClB,4HAA4H;IAC5H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qIAAqI;IACrI,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kKAAkK;IAClK,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4OAA4O;IAC5O,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,MAAM,EAAE,gBAAgB,CAAC;IACzB,wGAAwG;IACxG,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,iIAAiI;AACjI,MAAM,WAAW,yBAAyB;IACxC,gFAAgF;IAChF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iFAAiF;IACjF,oBAAoB,EAAE,MAAM,CAAC;IAC7B,qFAAqF;IACrF,sBAAsB,EAAE,MAAM,CAAC;IAC/B,iJAAiJ;IACjJ,gBAAgB,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACxD,4JAA4J;IAC5J,qBAAqB,EAAE,CAAC,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;IACjE,wFAAwF;IACxF,gBAAgB,EAAE,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,CAAC;CAC3D;AAED,oGAAoG;AACpG,MAAM,WAAW,yBAAyB;IACxC,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IAOpB,8FAA8F;IAC9F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,
|
|
1
|
+
{"version":3,"file":"usage-limit-card-props.d.ts","sourceRoot":"","sources":["../../src/models/usage-limit-card-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.
|
|
4
|
+
"version": "1.1.0-dev.245",
|
|
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.
|
|
20
|
-
"@epam/ai-dial-ui-kit": "^0.
|
|
19
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.245",
|
|
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": {
|