@epam/ai-dial-usage-dashboard 1.3.0-dev.32 → 1.3.0-dev.322
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/ItemCell.d.ts +11 -0
- package/components/ModelLimitsSection/ItemCell.d.ts.map +1 -0
- package/components/ModelLimitsSection/ModelLimitsSection.d.ts.map +1 -1
- package/components/ModelLimitsSection/PeriodCell.d.ts +1 -3
- package/components/ModelLimitsSection/PeriodCell.d.ts.map +1 -1
- package/components/ModelLimitsSection/PeriodHeader.d.ts +11 -0
- package/components/ModelLimitsSection/PeriodHeader.d.ts.map +1 -0
- package/components/ModelLimitsSection/PeriodResetInfo.d.ts +9 -0
- package/components/ModelLimitsSection/PeriodResetInfo.d.ts.map +1 -0
- package/components/ModelLimitsSection/StatusCell.d.ts +11 -0
- package/components/ModelLimitsSection/StatusCell.d.ts.map +1 -0
- package/index.css +3 -2
- package/index.js +43042 -405
- package/models/model-limits-props.d.ts +6 -12
- package/models/model-limits-props.d.ts.map +1 -1
- package/package.json +4 -4
- package/utils/model-limits.d.ts +6 -0
- package/utils/model-limits.d.ts.map +1 -0
- package/components/ModelLimitsSection/ModelLimitsRow.d.ts +0 -20
- package/components/ModelLimitsSection/ModelLimitsRow.d.ts.map +0 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ModelLimitRow, ModelLimitsTypography } from '../../models/model-limits-props';
|
|
3
|
+
interface ItemCellProps {
|
|
4
|
+
row: ModelLimitRow;
|
|
5
|
+
modelTypeLabel: string;
|
|
6
|
+
typography: ModelLimitsTypography;
|
|
7
|
+
}
|
|
8
|
+
/** Model identity cell of `ModelLimitsSection`: avatar, type caption, name and version. */
|
|
9
|
+
export declare const ItemCell: FC<ItemCellProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=ItemCell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ItemCell.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ItemCell.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,aAAa,EACb,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAMzC,UAAU,aAAa;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAED,2FAA2F;AAC3F,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6DtC,CAAC"}
|
|
@@ -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":"AAMA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AACpC,OAAO,EAGL,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AA+CzC,mHAAmH;AACnH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyI1D,CAAC"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ModelLimitPeriodCell,
|
|
2
|
+
import { ModelLimitPeriodCell, ModelLimitsLabels, ModelLimitsTypography } from '../../models/model-limits-props';
|
|
3
3
|
interface PeriodCellProps {
|
|
4
4
|
cell: ModelLimitPeriodCell;
|
|
5
5
|
periodLabel: string;
|
|
6
|
-
periodStatus: ModelLimitPeriodStatus;
|
|
7
6
|
labels: ModelLimitsLabels;
|
|
8
7
|
typography: ModelLimitsTypography;
|
|
9
|
-
resetLabelClassName: string;
|
|
10
8
|
}
|
|
11
9
|
/** One calendar-period table cell containing the period's Tokens progress and attributed Cost. */
|
|
12
10
|
export declare const PeriodCell: FC<PeriodCellProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PeriodCell.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/PeriodCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAGL,oBAAoB,EACpB,
|
|
1
|
+
{"version":3,"file":"PeriodCell.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/PeriodCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAGL,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAIzC,UAAU,eAAe;IACvB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAqDD,kGAAkG;AAClG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsB1C,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ModelLimitPeriodStatus } from '../../models/model-limits-props';
|
|
3
|
+
interface PeriodHeaderProps {
|
|
4
|
+
label: string;
|
|
5
|
+
periodStatus: ModelLimitPeriodStatus;
|
|
6
|
+
className: string;
|
|
7
|
+
}
|
|
8
|
+
/** Period column header of `ModelLimitsSection`: label, reset-time info icon and overall Cost status indicator. */
|
|
9
|
+
export declare const PeriodHeader: FC<PeriodHeaderProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=PeriodHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PeriodHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/PeriodHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAIzE,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,sBAAsB,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,mHAAmH;AACnH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAe9C,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ModelLimitPeriodStatus } from '../../models/model-limits-props';
|
|
3
|
+
interface PeriodResetInfoProps {
|
|
4
|
+
periodStatus: ModelLimitPeriodStatus;
|
|
5
|
+
}
|
|
6
|
+
/** Focusable info icon whose tooltip shows a period's reset time. */
|
|
7
|
+
export declare const PeriodResetInfo: FC<PeriodResetInfoProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=PeriodResetInfo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PeriodResetInfo.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/PeriodResetInfo.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAGzE,UAAU,oBAAoB;IAC5B,YAAY,EAAE,sBAAsB,CAAC;CACtC;AAED,qEAAqE;AACrE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6BpD,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ModelLimitsLabels, ModelLimitStatus, ModelLimitsTypography } from '../../models/model-limits-props';
|
|
3
|
+
interface StatusCellProps {
|
|
4
|
+
status: ModelLimitStatus;
|
|
5
|
+
labels: ModelLimitsLabels;
|
|
6
|
+
typography: ModelLimitsTypography;
|
|
7
|
+
}
|
|
8
|
+
/** Overall Status cell of `ModelLimitsSection`: a badge, or neutral text for `NoLimit`/`Unavailable`. */
|
|
9
|
+
export declare const StatusCell: FC<StatusCellProps>;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=StatusCell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusCell.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/StatusCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAIzC,UAAU,eAAe;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAED,yGAAyG;AACzG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiC1C,CAAC"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
._card_97w0r_1{background:var(--uld-card-bg,var(--bg-layer-raised,#fcfcfc))}._title_97w0r_5{color:var(--uld-title,var(--text-primary,#161b2d))}._secondaryAmount_97w0r_9{color:var(--uld-secondary-amount,var(--text-secondary,#57647a))}._usedPercentLabel_97w0r_13{color:var(--uld-used-percent-label,var(--text-secondary,#57647a))}._amount_97w0r_18._defaultAccent_97w0r_23{color:var(--uld-default-accent,var(--text-accent,#1d4ed8))}._amount_97w0r_18._warningAccent_97w0r_27{color:var(--uld-warning-accent,var(--text-warning,#7f6300))}._amount_97w0r_18._errorAccent_97w0r_31{color:var(--uld-error-accent,var(--text-error,#ae2f2f))}._progressTrack_97w0r_37{background:var(--uld-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_97w0r_42>div{background:var(--uld-default-progress,var(--text-control-accent-hover,#5976e9))!important}._progressFillWarning_97w0r_46>div{background:var(--uld-warning-progress,var(--text-warning-icon,#eec840))!important}._progressFillDanger_97w0r_50>div{background:var(--uld-error-progress,var(--bg-control-error-active,#cc4545))!important}._defaultBadge_97w0r_54{background:var(--uld-default-badge-bg,var(--bg-success,#dbf1eb));color:var(--uld-default-badge-text,var(--text-success,#007274))}._warningBadge_97w0r_59{background:var(--uld-warning-badge-bg,var(--bg-warning,#faf0cf));color:var(--uld-warning-badge-text,var(--text-warning,#7f6300))}._errorBadge_97w0r_64{background:var(--uld-error-badge-bg,var(--bg-error,#f3d6d8));color:var(--uld-error-badge-text,var(--text-error,#ae2f2f))}.
|
|
2
|
-
/*$vite$:1
|
|
1
|
+
._card_97w0r_1{background:var(--uld-card-bg,var(--bg-layer-raised,#fcfcfc))}._title_97w0r_5{color:var(--uld-title,var(--text-primary,#161b2d))}._secondaryAmount_97w0r_9{color:var(--uld-secondary-amount,var(--text-secondary,#57647a))}._usedPercentLabel_97w0r_13{color:var(--uld-used-percent-label,var(--text-secondary,#57647a))}._amount_97w0r_18._defaultAccent_97w0r_23{color:var(--uld-default-accent,var(--text-accent,#1d4ed8))}._amount_97w0r_18._warningAccent_97w0r_27{color:var(--uld-warning-accent,var(--text-warning,#7f6300))}._amount_97w0r_18._errorAccent_97w0r_31{color:var(--uld-error-accent,var(--text-error,#ae2f2f))}._progressTrack_97w0r_37{background:var(--uld-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_97w0r_42>div{background:var(--uld-default-progress,var(--text-control-accent-hover,#5976e9))!important}._progressFillWarning_97w0r_46>div{background:var(--uld-warning-progress,var(--text-warning-icon,#eec840))!important}._progressFillDanger_97w0r_50>div{background:var(--uld-error-progress,var(--bg-control-error-active,#cc4545))!important}._defaultBadge_97w0r_54{background:var(--uld-default-badge-bg,var(--bg-success,#dbf1eb));color:var(--uld-default-badge-text,var(--text-success,#007274))}._warningBadge_97w0r_59{background:var(--uld-warning-badge-bg,var(--bg-warning,#faf0cf));color:var(--uld-warning-badge-text,var(--text-warning,#7f6300))}._errorBadge_97w0r_64{background:var(--uld-error-badge-bg,var(--bg-error,#f3d6d8));color:var(--uld-error-badge-text,var(--text-error,#ae2f2f))}._heading_1w6it_2{color:var(--mls-heading,var(--text-primary,#161b2d))}._headingCount_1w6it_6{color:var(--mls-heading-count,var(--text-tertiary,#848e9c))}._name_1w6it_10{color:var(--mls-name,var(--text-primary,#161b2d))}._modelType_1w6it_14{color:var(--mls-model-type,var(--text-accent,#1d4ed8))}._version_1w6it_18{color:var(--mls-version,var(--text-secondary,#57647a))}._value_1w6it_22{color:var(--mls-value,var(--text-primary,#161b2d))}._secondaryValue_1w6it_26{color:var(--mls-secondary-value,var(--text-secondary,#57647a))}._progressTrack_1w6it_32{background:var(--mls-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_1w6it_37>div{background:var(--mls-progress-default,var(--text-control-accent-hover,#5976e9))!important}._progressFillWarning_1w6it_41>div{background:var(--mls-progress-warning,var(--text-warning-icon,#eec840))!important}._progressFillError_1w6it_45>div{background:var(--mls-progress-error,var(--bg-control-error-active,#cc4545))!important}._warningIndicator_1w6it_49{color:var(--mls-indicator-warning,var(--text-warning-icon,#eec840))}._errorIndicator_1w6it_53{color:var(--mls-indicator-error,var(--text-error,#ae2f2f))}._defaultBadge_1w6it_57{background:var(--mls-badge-default-bg,var(--bg-success,#dbf1eb));color:var(--mls-badge-default-text,var(--text-success,#007274))}._warningBadge_1w6it_62{background:var(--mls-badge-warning-bg,var(--bg-warning,#faf0cf));color:var(--mls-badge-warning-text,var(--text-warning,#7f6300))}._errorBadge_1w6it_67{background:var(--mls-badge-error-bg,var(--bg-error,#f3d6d8));color:var(--mls-badge-error-text,var(--text-error,#ae2f2f))}._neutralStatus_1w6it_72{color:var(--mls-badge-neutral-text,var(--text-secondary,#57647a))}._emptyGrid_1w6it_83._emptyGrid_1w6it_83 .ag-layout-auto-height .ag-center-cols-viewport{min-height:216px}
|
|
2
|
+
/*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
3
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.m-0{margin:0}.ms-auto{margin-inline-start:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.size-11{width:2.75rem;height:2.75rem}.size-full{width:100%;height:100%}.h-1\!{height:.25rem!important}.h-6{height:1.5rem}.min-h-10{min-height:2.5rem}.w-full{width:100%}.max-w-\[30\%\]{max-width:30%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.\!rounded-xl{border-radius:.75rem!important}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:.75rem}.rounded-xl\!{border-radius:.75rem!important}.px-2{padding-inline:.5rem}.px-6{padding-inline:1.5rem}.py-1{padding-block:.25rem}.py-5{padding-block:1.25rem}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.shadow-md{--tw-shadow:0 10px 30px 9px var(--tw-shadow-color,var(--shadow-md-2,var(--shadow-md,#2764d90f))), 0 0 8px 2px var(--tw-shadow-color,var(--shadow-md-1,#2764d90a));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (min-width:1280px){.desktop\:size-4{width:1rem;height:1rem}.desktop\:grid-cols-\[repeat\(var\(--uld-card-count\)\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(var(--uld-card-count),minmax(0,1fr))}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|