@epam/ai-dial-usage-dashboard 1.1.0-dev.262 → 1.1.0-dev.267

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 (17) hide show
  1. package/components/ModelLimitsSection/MetricCell.d.ts +4 -2
  2. package/components/ModelLimitsSection/MetricCell.d.ts.map +1 -1
  3. package/components/ModelLimitsSection/ModelLimitsRow.d.ts +5 -3
  4. package/components/ModelLimitsSection/ModelLimitsRow.d.ts.map +1 -1
  5. package/components/ModelLimitsSection/ModelLimitsSection.d.ts +1 -1
  6. package/components/ModelLimitsSection/ModelLimitsSection.d.ts.map +1 -1
  7. package/components/ModelLimitsSection/PeriodCell.d.ts +13 -0
  8. package/components/ModelLimitsSection/PeriodCell.d.ts.map +1 -0
  9. package/components/ModelLimitsSection/PeriodStatusIndicator.d.ts +9 -0
  10. package/components/ModelLimitsSection/PeriodStatusIndicator.d.ts.map +1 -0
  11. package/index.css +1 -1
  12. package/index.d.ts +2 -2
  13. package/index.d.ts.map +1 -1
  14. package/index.js +275 -185
  15. package/models/model-limits-props.d.ts +51 -40
  16. package/models/model-limits-props.d.ts.map +1 -1
  17. package/package.json +3 -3
package/components/ModelLimitsSection/MetricCell.d.ts CHANGED
@@ -2,11 +2,13 @@ import { FC } from 'react';
2
2
  import { ModelLimitMetricCell, ModelLimitsLabels, ModelLimitsTypography } from '../../models/model-limits-props';
3
3
  interface MetricCellProps {
4
4
  cell: ModelLimitMetricCell;
5
- mobileColumnLabel: string;
5
+ label: string;
6
+ progressAriaLabel: string;
7
+ showProgress: boolean;
6
8
  labels: ModelLimitsLabels;
7
9
  typography: ModelLimitsTypography;
8
10
  }
9
- /** Renders one Cost/Tokens/Requests cell in one of its three shapes: finite (progress bar), unlimited, or unavailable. */
11
+ /** Renders one normalized Cost or Tokens value without owning its table-cell semantics. */
10
12
  export declare const MetricCell: FC<MetricCellProps>;
11
13
  export {};
12
14
  //# sourceMappingURL=MetricCell.d.ts.map
package/components/ModelLimitsSection/MetricCell.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MetricCell.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/MetricCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,oBAAoB,EAEpB,iBAAiB,EAEjB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAczC,UAAU,eAAe;IACvB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAED,0HAA0H;AAC1H,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4E1C,CAAC"}
1
+ {"version":3,"file":"MetricCell.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/MetricCell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,oBAAoB,EAEpB,iBAAiB,EAEjB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAczC,UAAU,eAAe;IACvB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAED,2FAA2F;AAC3F,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2F1C,CAAC"}
package/components/ModelLimitsSection/ModelLimitsRow.d.ts CHANGED
@@ -1,18 +1,20 @@
1
1
  import { FC } from 'react';
2
- import { ModelLimitRow as ModelLimitRowData, ModelLimitsLabels, ModelLimitsTypography } from '../../models/model-limits-props';
2
+ import { ModelLimitRow as ModelLimitRowData, ModelLimitPeriodStatuses, ModelLimitsLabels, ModelLimitsTypography } from '../../models/model-limits-props';
3
3
  /** Grid template shared by the header row and every data row so columns stay aligned on desktop. */
4
- export declare const MODEL_LIMITS_GRID_COLUMNS = "desktop:grid-cols-[repeat(4,minmax(0,1fr))_10rem]";
4
+ export declare const MODEL_LIMITS_GRID_COLUMNS = "desktop:grid-cols-[minmax(12rem,1.25fr)_repeat(3,minmax(0,1fr))_minmax(8rem,10rem)]";
5
5
  /** Props for `ModelLimitsRow`. */
6
6
  export interface ModelLimitsRowProps {
7
7
  /** The row's normalized data. */
8
8
  row: ModelLimitRowData;
9
9
  /** Localized strings shared by every row. */
10
10
  labels: ModelLimitsLabels;
11
+ /** Host-derived overall Cost statuses for the fixed periods. */
12
+ periodStatuses: ModelLimitPeriodStatuses;
11
13
  /** Typography class overrides. */
12
14
  typography: ModelLimitsTypography;
13
15
  /** Avatar badge dimension in pixels. */
14
16
  avatarSize: number;
15
17
  }
16
- /** One data row of `ModelLimitsSection`'s table: model identity plus Cost/Tokens/Requests/Status cells. */
18
+ /** One data row of `ModelLimitsSection`: identity, three period comparisons, and host-derived Status. */
17
19
  export declare const ModelLimitsRow: FC<ModelLimitsRowProps>;
18
20
  //# sourceMappingURL=ModelLimitsRow.d.ts.map
package/components/ModelLimitsSection/ModelLimitsRow.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModelLimitsRow.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ModelLimitsRow.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,aAAa,IAAI,iBAAiB,EAClC,iBAAiB,EAEjB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAIzC,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,sDACe,CAAC;AAkCtD,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,6CAA6C;IAC7C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,kCAAkC;IAClC,UAAU,EAAE,qBAAqB,CAAC;IAClC,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,2GAA2G;AAC3G,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoHlD,CAAC"}
1
+ {"version":3,"file":"ModelLimitsRow.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ModelLimitsRow.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,aAAa,IAAI,iBAAiB,EAClC,wBAAwB,EACxB,iBAAiB,EAEjB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAIzC,oGAAoG;AACpG,eAAO,MAAM,yBAAyB,wFACiD,CAAC;AAkCxF,kCAAkC;AAClC,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,GAAG,EAAE,iBAAiB,CAAC;IACvB,6CAA6C;IAC7C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,gEAAgE;IAChE,cAAc,EAAE,wBAAwB,CAAC;IACzC,kCAAkC;IAClC,UAAU,EAAE,qBAAqB,CAAC;IAClC,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,yGAAyG;AACzG,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAmIlD,CAAC"}
package/components/ModelLimitsSection/ModelLimitsSection.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { FC } from 'react';
2
2
  import { ModelLimitsSectionProps } from '../../models/model-limits-props';
3
- /** "Model limits" section: a heading with row count, a controlled period selector, and a table of per-model Cost/Tokens/Requests/Status metrics. */
3
+ /** "Model limits" section: a fixed table comparing Cost and Tokens across three rolling periods. */
4
4
  export declare const ModelLimitsSection: FC<ModelLimitsSectionProps>;
5
5
  //# sourceMappingURL=ModelLimitsSection.d.ts.map
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":"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"}
1
+ {"version":3,"file":"ModelLimitsSection.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/ModelLimitsSection.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAEL,uBAAuB,EACxB,MAAM,iCAAiC,CAAC;AA+BzC,oGAAoG;AACpG,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA4I1D,CAAC"}
package/components/ModelLimitsSection/PeriodCell.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { FC } from 'react';
2
+ import { ModelLimitPeriodCell, ModelLimitPeriodStatus, ModelLimitsLabels, ModelLimitsTypography } from '../../models/model-limits-props';
3
+ interface PeriodCellProps {
4
+ cell: ModelLimitPeriodCell;
5
+ periodLabel: string;
6
+ periodStatus: ModelLimitPeriodStatus;
7
+ labels: ModelLimitsLabels;
8
+ typography: ModelLimitsTypography;
9
+ }
10
+ /** One rolling-period table cell containing the period's Tokens progress and attributed Cost. */
11
+ export declare const PeriodCell: FC<PeriodCellProps>;
12
+ export {};
13
+ //# sourceMappingURL=PeriodCell.d.ts.map
package/components/ModelLimitsSection/PeriodCell.d.ts.map ADDED
@@ -0,0 +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,sBAAsB,EACtB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,iCAAiC,CAAC;AAKzC,UAAU,eAAe;IACvB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,sBAAsB,CAAC;IACrC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,qBAAqB,CAAC;CACnC;AAmCD,iGAAiG;AACjG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgC1C,CAAC"}
package/components/ModelLimitsSection/PeriodStatusIndicator.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ import { ModelLimitPeriodStatus } from '../../models/model-limits-props';
3
+ interface PeriodStatusIndicatorProps {
4
+ periodStatus: ModelLimitPeriodStatus;
5
+ }
6
+ /** Focusable overall Cost-limit indicator shared by desktop and mobile period labels. */
7
+ export declare const PeriodStatusIndicator: FC<PeriodStatusIndicatorProps>;
8
+ export {};
9
+ //# sourceMappingURL=PeriodStatusIndicator.d.ts.map
package/components/ModelLimitsSection/PeriodStatusIndicator.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PeriodStatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/ModelLimitsSection/PeriodStatusIndicator.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EACL,sBAAsB,EAEvB,MAAM,iCAAiC,CAAC;AAGzC,UAAU,0BAA0B;IAClC,YAAY,EAAE,sBAAsB,CAAC;CACtC;AAED,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkChE,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
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))}
1
+ ._card_zvzky_1{background:var(--uld-card-bg,var(--bg-layer-raised,#fcfcfc))}._title_zvzky_5{color:var(--uld-title,var(--text-primary,#161b2d))}._secondaryAmount_zvzky_9{color:var(--uld-secondary-amount,var(--text-secondary,#57647a))}._usedPercentLabel_zvzky_13{color:var(--uld-used-percent-label,var(--text-secondary,#57647a))}._amount_zvzky_18._defaultAccent_zvzky_23{color:var(--uld-default-accent,var(--text-info,#1d4ed8))}._amount_zvzky_18._warningAccent_zvzky_27{color:var(--uld-warning-accent,var(--text-warning,#7f6300))}._amount_zvzky_18._errorAccent_zvzky_31{color:var(--uld-error-accent,var(--text-error,#ae2f2f))}._progressTrack_zvzky_37{background:var(--uld-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_zvzky_42>div{background:var(--uld-default-progress,var(--text-control-accent-hover,#5976e9))!important}._progressFillWarning_zvzky_46>div{background:var(--uld-warning-progress,var(--text-warning-icon,#eec840))!important}._progressFillDanger_zvzky_50>div{background:var(--uld-error-progress,var(--bg-control-error-active,#cc4545))!important}._defaultBadge_zvzky_54{background:var(--uld-default-badge-bg,var(--bg-success,#dbf1eb));color:var(--uld-default-badge-text,var(--text-success,#007274))}._warningBadge_zvzky_59{background:var(--uld-warning-badge-bg,var(--bg-warning,#faf0cf));color:var(--uld-warning-badge-text,var(--text-warning,#7f6300))}._errorBadge_zvzky_64{background:var(--uld-error-badge-bg,var(--bg-error,#f3d6d8));color:var(--uld-error-badge-text,var(--text-error,#ae2f2f))}._container_1nr7x_1{background:var(--mls-container-bg,var(--bg-layer-raised,#fcfcfc))}._heading_1nr7x_5{color:var(--mls-heading,var(--text-primary,#161b2d))}._headingCount_1nr7x_9{color:var(--mls-heading-count,var(--text-tertiary,#9fa6bd))}._columnHeader_1nr7x_13{color:var(--mls-column-header,var(--text-secondary,#57647a))}._headerRow_1nr7x_17{border-block-end:1px solid var(--mls-row-divider,var(--stroke-tertiary,#e0e6f0))}._row_1nr7x_21{border-block-start:1px solid var(--mls-row-divider,var(--stroke-tertiary,#e0e6f0))}._row_1nr7x_21:first-child{border-block-start:none}._mobileColumnLabel_1nr7x_29{color:var(--mls-column-header,var(--text-secondary,#57647a))}._name_1nr7x_33{color:var(--mls-name,var(--text-primary,#161b2d))}._modelType_1nr7x_37{color:var(--mls-model-type,var(--text-accent,#1d4ed8))}._version_1nr7x_41{color:var(--mls-version,var(--text-secondary,#57647a))}._value_1nr7x_45{color:var(--mls-value,var(--text-primary,#161b2d))}._secondaryValue_1nr7x_49{color:var(--mls-secondary-value,var(--text-secondary,#57647a))}._progressTrack_1nr7x_55{background:var(--mls-progress-track,var(--bg-layer-sunken,#eef1f7))!important}._progressFillDefault_1nr7x_60>div{background:var(--mls-progress-default,var(--text-control-accent-hover,#5976e9))!important}._progressFillWarning_1nr7x_64>div{background:var(--mls-progress-warning,var(--text-warning-icon,#eec840))!important}._progressFillError_1nr7x_68>div{background:var(--mls-progress-error,var(--bg-control-error-active,#cc4545))!important}._warningIndicator_1nr7x_72{color:var(--mls-indicator-warning,var(--text-warning-icon,#eec840))}._errorIndicator_1nr7x_76{color:var(--mls-indicator-error,var(--text-error,#ae2f2f))}._defaultBadge_1nr7x_80{background:var(--mls-badge-default-bg,var(--bg-success,#dbf1eb));color:var(--mls-badge-default-text,var(--text-success,#007274))}._warningBadge_1nr7x_85{background:var(--mls-badge-warning-bg,var(--bg-warning,#faf0cf));color:var(--mls-badge-warning-text,var(--text-warning,#7f6300))}._errorBadge_1nr7x_90{background:var(--mls-badge-error-bg,var(--bg-error,#f3d6d8));color:var(--mls-badge-error-text,var(--text-error,#ae2f2f))}._neutralStatus_1nr7x_95{color:var(--mls-badge-neutral-text,var(--text-secondary,#57647a))}
2
2
  /*$vite$:1*/
package/index.d.ts CHANGED
@@ -3,6 +3,6 @@ export { UsageLimitCardGroup } from './components/UsageLimitCardGroup/UsageLimit
3
3
  export { UsageLimitStatus } from './models/usage-limit-card-props';
4
4
  export type { UsageLimitCardData, UsageLimitCardGroupColors, UsageLimitCardGroupLabels, UsageLimitCardGroupProps, UsageLimitCardGroupStyles, UsageLimitCardGroupTypography, UsageLimitCardProps, } from './models/usage-limit-card-props';
5
5
  export { ModelLimitsSection } from './components/ModelLimitsSection/ModelLimitsSection';
6
- export { ModelLimitMetricKind, ModelLimitStatus, ModelLimitsPeriod, } from './models/model-limits-props';
7
- export type { ModelLimitMetricCell, ModelLimitRow, ModelLimitsColors, ModelLimitsLabels, ModelLimitsSectionProps, ModelLimitsStyles, ModelLimitsTypography, } from './models/model-limits-props';
6
+ export { ModelLimitMetricKind, ModelLimitStatus, } from './models/model-limits-props';
7
+ export type { ModelLimitMetricCell, ModelLimitPeriodCell, ModelLimitPeriodStatus, ModelLimitPeriodStatuses, ModelLimitRow, ModelLimitsColors, ModelLimitsLabels, ModelLimitsSectionProps, ModelLimitsStyles, ModelLimitsTypography, } from './models/model-limits-props';
8
8
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,6BAA6B,EAC7B,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,yBAAyB,EACzB,6BAA6B,EAC7B,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EACL,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,sBAAsB,EACtB,wBAAwB,EACxB,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,6BAA6B,CAAC"}
package/index.js CHANGED
@@ -1,26 +1,26 @@
1
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, EllipsisTooltip as o, ProgressBar as s, SegmentedControl as c } from "@epam/ai-dial-ui-kit";
2
+ import { ElementSize as a, EllipsisTooltip as o, ProgressBar as s, Tooltip as c } from "@epam/ai-dial-ui-kit";
3
3
  import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
4
4
  import { createElement as f, forwardRef as p } from "react";
5
5
  //#region src/models/usage-limit-card-props.ts
6
6
  var m = /* @__PURE__ */ function(e) {
7
7
  return e.Default = "default", e.RunningLow = "runningLow", e.LimitReached = "limitReached", e;
8
8
  }({}), h = {
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"
9
+ card: "_card_zvzky_1",
10
+ title: "_title_zvzky_5",
11
+ secondaryAmount: "_secondaryAmount_zvzky_9",
12
+ usedPercentLabel: "_usedPercentLabel_zvzky_13",
13
+ amount: "_amount_zvzky_18",
14
+ defaultAccent: "_defaultAccent_zvzky_23",
15
+ warningAccent: "_warningAccent_zvzky_27",
16
+ errorAccent: "_errorAccent_zvzky_31",
17
+ progressTrack: "_progressTrack_zvzky_37",
18
+ progressFillDefault: "_progressFillDefault_zvzky_42",
19
+ progressFillWarning: "_progressFillWarning_zvzky_46",
20
+ progressFillDanger: "_progressFillDanger_zvzky_50",
21
+ defaultBadge: "_defaultBadge_zvzky_54",
22
+ warningBadge: "_warningBadge_zvzky_59",
23
+ errorBadge: "_errorBadge_zvzky_64"
24
24
  }, g = (e, t) => {
25
25
  switch (e) {
26
26
  case m.RunningLow: return t.runningLowBadgeLabel;
@@ -119,7 +119,7 @@ var m = /* @__PURE__ */ function(e) {
119
119
  fill: "currentColor",
120
120
  stroke: "none"
121
121
  }
122
- }, b = ((e, t, n, r) => {
122
+ }, b = (e, t, n, r) => {
123
123
  let i = p(({ color: n = "currentColor", size: i = 24, stroke: a = 2, title: o, className: s, children: c, ...l }, u) => f("svg", {
124
124
  ref: u,
125
125
  ...y[e],
@@ -141,7 +141,7 @@ var m = /* @__PURE__ */ function(e) {
141
141
  ...Array.isArray(c) ? c : [c]
142
142
  ]));
143
143
  return i.displayName = `${n}`, i;
144
- })("outline", "chart-bar", "ChartBar", [
144
+ }, x = b("outline", "chart-bar", "ChartBar", [
145
145
  ["path", {
146
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
147
  key: "svg-0"
@@ -158,104 +158,177 @@ var m = /* @__PURE__ */ function(e) {
158
158
  d: "M4 20h14",
159
159
  key: "svg-3"
160
160
  }]
161
- ]), x = /* @__PURE__ */ function(e) {
161
+ ]), S = b("filled", "alert-circle-filled", "AlertCircleFilled", [["path", {
162
+ d: "M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1 -19.995 .324l-.005 -.324l.004 -.28c.148 -5.393 4.566 -9.72 9.996 -9.72zm.01 13l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -8a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z",
163
+ key: "svg-0"
164
+ }]]), C = b("filled", "alert-triangle-filled", "AlertTriangleFilled", [["path", {
165
+ d: "M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z",
166
+ key: "svg-0"
167
+ }]]), w = /* @__PURE__ */ function(e) {
162
168
  return e.WithinLimits = "within-limits", e.RunningLow = "running-low", e.LimitReached = "limit-reached", e.NoLimit = "no-limit", e.Unavailable = "unavailable", e;
163
- }({}), S = /* @__PURE__ */ function(e) {
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;
165
- }({}), C = /* @__PURE__ */ function(e) {
169
+ }({}), T = /* @__PURE__ */ function(e) {
166
170
  return e.Finite = "finite", e.Unlimited = "unlimited", e.Unavailable = "unavailable", e;
167
- }({}), w = {
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
- }, T = (e) => {
171
+ }({}), E = {
172
+ container: "_container_1nr7x_1",
173
+ heading: "_heading_1nr7x_5",
174
+ headingCount: "_headingCount_1nr7x_9",
175
+ columnHeader: "_columnHeader_1nr7x_13",
176
+ headerRow: "_headerRow_1nr7x_17",
177
+ row: "_row_1nr7x_21",
178
+ mobileColumnLabel: "_mobileColumnLabel_1nr7x_29",
179
+ name: "_name_1nr7x_33",
180
+ modelType: "_modelType_1nr7x_37",
181
+ version: "_version_1nr7x_41",
182
+ value: "_value_1nr7x_45",
183
+ secondaryValue: "_secondaryValue_1nr7x_49",
184
+ progressTrack: "_progressTrack_1nr7x_55",
185
+ progressFillDefault: "_progressFillDefault_1nr7x_60",
186
+ progressFillWarning: "_progressFillWarning_1nr7x_64",
187
+ progressFillError: "_progressFillError_1nr7x_68",
188
+ warningIndicator: "_warningIndicator_1nr7x_72",
189
+ errorIndicator: "_errorIndicator_1nr7x_76",
190
+ defaultBadge: "_defaultBadge_1nr7x_80",
191
+ warningBadge: "_warningBadge_1nr7x_85",
192
+ errorBadge: "_errorBadge_1nr7x_90",
193
+ neutralStatus: "_neutralStatus_1nr7x_95"
194
+ }, D = (e) => {
190
195
  switch (e) {
191
- case x.RunningLow: return w.progressFillWarning;
192
- case x.LimitReached: return w.progressFillError;
193
- default: return w.progressFillDefault;
196
+ case w.RunningLow: return E.progressFillWarning;
197
+ case w.LimitReached: return E.progressFillError;
198
+ default: return E.progressFillDefault;
194
199
  }
195
- }, E = ({ cell: e, mobileColumnLabel: t, labels: n, typography: r }) => {
196
- let { valueClassName: o = "dial-small-text", secondaryValueClassName: c = "dial-tiny-text" } = r, l = /* @__PURE__ */ u("span", {
197
- className: i(o, w.value),
200
+ }, O = ({ cell: e, label: t, progressAriaLabel: n, showProgress: r, labels: o, typography: c }) => {
201
+ let { valueClassName: l = "dial-small-text", secondaryValueClassName: f = "dial-tiny-text" } = c, p = /* @__PURE__ */ u("span", {
202
+ className: i(l, E.value),
198
203
  children: e.usedLabel
199
204
  });
200
205
  return /* @__PURE__ */ d("div", {
201
- role: "cell",
202
- className: "flex min-w-0 flex-col gap-1 py-2 desktop:py-0",
206
+ className: "flex min-w-0 flex-col gap-1",
203
207
  children: [
204
- /* @__PURE__ */ u("span", {
205
- className: i("dial-caption-lead-semi-text mobile:block desktop:hidden", w.mobileColumnLabel),
206
- children: t
208
+ /* @__PURE__ */ d("span", {
209
+ className: "sr-only",
210
+ children: [t, ": "]
207
211
  }),
208
- e.kind === C.Unlimited && /* @__PURE__ */ d("div", {
209
- className: "flex min-w-0 flex-col gap-1",
210
- children: [l, /* @__PURE__ */ u("span", {
211
- className: i(c, w.secondaryValue),
212
- children: n.noLimitLabel
213
- })]
212
+ e.kind === T.Unlimited && /* @__PURE__ */ u("div", {
213
+ className: "flex min-w-0 items-start gap-2",
214
+ role: "group",
215
+ "aria-label": n,
216
+ children: /* @__PURE__ */ d("div", {
217
+ className: "flex min-w-0 flex-col gap-1",
218
+ children: [p, /* @__PURE__ */ u("span", {
219
+ className: i(f, E.secondaryValue),
220
+ children: e.supportingLabel ?? o.noLimitLabel
221
+ })]
222
+ })
214
223
  }),
215
- e.kind === C.Unavailable && /* @__PURE__ */ u("span", {
216
- className: i(c, w.secondaryValue),
217
- children: n.unavailableLabel
224
+ e.kind === T.Unavailable && /* @__PURE__ */ u("div", {
225
+ className: "flex min-w-0 items-baseline gap-2",
226
+ role: "group",
227
+ "aria-label": n,
228
+ children: /* @__PURE__ */ u("span", {
229
+ className: i(f, E.secondaryValue),
230
+ children: o.unavailableLabel
231
+ })
218
232
  }),
219
- e.kind === C.Finite && /* @__PURE__ */ d("div", {
220
- className: "flex min-w-0 flex-col gap-3",
221
- children: [/* @__PURE__ */ d("div", {
222
- className: "flex min-w-0 items-baseline gap-1 whitespace-nowrap",
223
- children: [l, /* @__PURE__ */ d("span", {
224
- className: i(o, w.secondaryValue),
225
- children: ["/ ", e.totalLabel]
226
- })]
227
- }), /* @__PURE__ */ u(s, {
233
+ e.kind === T.Finite && /* @__PURE__ */ d("div", {
234
+ className: "flex min-w-0 flex-col gap-2",
235
+ children: [/* @__PURE__ */ u("div", {
236
+ className: "flex min-w-0 items-baseline gap-2",
237
+ role: "group",
238
+ "aria-label": n,
239
+ children: /* @__PURE__ */ d("div", {
240
+ className: "flex min-w-0 items-baseline gap-1 whitespace-nowrap",
241
+ children: [p, /* @__PURE__ */ d("span", {
242
+ className: i(l, E.secondaryValue),
243
+ children: ["/ ", e.totalLabel]
244
+ })]
245
+ })
246
+ }), r && /* @__PURE__ */ u(s, {
228
247
  value: Math.min(e.usedPercent ?? 0, 100),
229
248
  max: 100,
230
249
  size: a.Small,
231
- className: i("!h-1 w-full", w.progressTrack, T(e.status)),
232
- "aria-label": t,
250
+ className: i("!h-1 w-full", E.progressTrack, D(e.status)),
251
+ "aria-label": n,
233
252
  "aria-valuetext": e.ariaLabel
234
253
  })]
235
254
  })
236
255
  ]
237
256
  });
238
- }, D = "desktop:grid-cols-[repeat(4,minmax(0,1fr))_10rem]", O = (e) => {
257
+ }, k = ({ periodStatus: e }) => {
258
+ let { status: t, tooltipLabel: n } = e;
259
+ if (n == null || t !== w.RunningLow && t !== w.LimitReached) return null;
260
+ let r = t === w.LimitReached ? S : C;
261
+ return /* @__PURE__ */ u(c, {
262
+ tooltip: n,
263
+ asChild: !0,
264
+ children: /* @__PURE__ */ u("span", {
265
+ role: "img",
266
+ "aria-label": n,
267
+ tabIndex: 0,
268
+ className: i("inline-flex size-11 shrink-0 items-center justify-center desktop:size-4", t === w.LimitReached ? E.errorIndicator : E.warningIndicator),
269
+ children: /* @__PURE__ */ u(r, {
270
+ "aria-hidden": !0,
271
+ size: 16
272
+ })
273
+ })
274
+ });
275
+ }, A = ({ cell: e, label: t, unavailableLabel: n, typography: r }) => {
276
+ let { secondaryValueClassName: a = "dial-tiny-text" } = r, o = e.kind === T.Unavailable;
277
+ return /* @__PURE__ */ d("div", {
278
+ className: "flex min-w-0 items-baseline gap-1",
279
+ children: [/* @__PURE__ */ d("span", {
280
+ className: "sr-only",
281
+ children: [t, ": "]
282
+ }), /* @__PURE__ */ u("span", {
283
+ className: i("min-w-0 break-words", a, E.secondaryValue),
284
+ title: o ? n : e.usedLabel,
285
+ children: o ? n : e.usedLabel
286
+ })]
287
+ });
288
+ }, j = ({ cell: e, periodLabel: t, periodStatus: n, labels: r, typography: a }) => /* @__PURE__ */ d("div", {
289
+ role: "cell",
290
+ className: "flex min-w-0 flex-col gap-2 py-2 desktop:py-0",
291
+ children: [
292
+ /* @__PURE__ */ d("div", {
293
+ className: i("dial-caption-lead-semi-text flex min-h-11 items-center justify-between gap-2 desktop:hidden", E.mobileColumnLabel),
294
+ children: [/* @__PURE__ */ u("span", { children: t }), /* @__PURE__ */ u(k, { periodStatus: n })]
295
+ }),
296
+ /* @__PURE__ */ u(O, {
297
+ cell: e.tokens,
298
+ label: r.tokensLabel,
299
+ progressAriaLabel: `${t} ${r.tokensLabel}`,
300
+ showProgress: !0,
301
+ labels: r,
302
+ typography: a
303
+ }),
304
+ /* @__PURE__ */ u(A, {
305
+ cell: e.cost,
306
+ label: r.costLabel,
307
+ unavailableLabel: r.unavailableLabel,
308
+ typography: a
309
+ })
310
+ ]
311
+ }), M = "desktop:grid-cols-[minmax(12rem,1.25fr)_repeat(3,minmax(0,1fr))_minmax(8rem,10rem)]", N = (e) => {
239
312
  switch (e) {
240
- case x.WithinLimits: return w.defaultBadge;
241
- case x.RunningLow: return w.warningBadge;
242
- case x.LimitReached: return w.errorBadge;
243
- case x.NoLimit:
244
- case x.Unavailable: return;
313
+ case w.WithinLimits: return E.defaultBadge;
314
+ case w.RunningLow: return E.warningBadge;
315
+ case w.LimitReached: return E.errorBadge;
316
+ case w.NoLimit:
317
+ case w.Unavailable: return;
245
318
  }
246
- }, k = (e, t) => {
319
+ }, P = (e, t) => {
247
320
  switch (e) {
248
- case x.WithinLimits: return t.withinLimitsBadgeLabel;
249
- case x.RunningLow: return t.runningLowBadgeLabel;
250
- case x.LimitReached: return t.limitReachedBadgeLabel;
251
- case x.NoLimit: return t.noLimitBadgeLabel;
252
- case x.Unavailable: return t.unavailableBadgeLabel;
321
+ case w.WithinLimits: return t.withinLimitsBadgeLabel;
322
+ case w.RunningLow: return t.runningLowBadgeLabel;
323
+ case w.LimitReached: return t.limitReachedBadgeLabel;
324
+ case w.NoLimit: return t.noLimitBadgeLabel;
325
+ case w.Unavailable: return t.unavailableBadgeLabel;
253
326
  }
254
- }, A = ({ row: n, labels: r, typography: a, avatarSize: s }) => {
255
- let { nameClassName: c = "dial-small-semi-text", modelTypeClassName: l = "dial-caption-lead-semi-text", versionClassName: f = "dial-small-text", valueClassName: p = "dial-small-text", badgeClassName: m = "dial-caption-lead-semi-text" } = a, h = n.status !== x.NoLimit && n.status !== x.Unavailable;
327
+ }, F = ({ row: n, labels: r, periodStatuses: a, typography: s, avatarSize: c }) => {
328
+ let { nameClassName: l = "dial-small-semi-text", modelTypeClassName: f = "dial-caption-lead-semi-text", versionClassName: p = "dial-small-text", valueClassName: m = "dial-small-text", badgeClassName: h = "dial-caption-lead-semi-text" } = s, g = n.status !== w.NoLimit && n.status !== w.Unavailable;
256
329
  return /* @__PURE__ */ d("div", {
257
330
  role: "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", D, w.row),
331
+ className: i("grid grid-cols-1 gap-2 px-4 py-3 desktop:min-h-16 desktop:items-center desktop:gap-4 desktop:px-6", M, E.row),
259
332
  children: [
260
333
  /* @__PURE__ */ d("div", {
261
334
  role: "cell",
@@ -264,11 +337,11 @@ var m = /* @__PURE__ */ function(e) {
264
337
  className: "shrink-0",
265
338
  children: /* @__PURE__ */ u(e, {
266
339
  src: n.avatarSrc,
267
- size: s,
340
+ size: c,
268
341
  initialsName: n.name,
269
342
  fallback: /* @__PURE__ */ u(t, {
270
343
  name: n.name,
271
- size: s,
344
+ size: c,
272
345
  className: "!rounded-xl",
273
346
  textClassName: "!text-lg"
274
347
  }),
@@ -277,145 +350,162 @@ var m = /* @__PURE__ */ function(e) {
277
350
  }), /* @__PURE__ */ d("div", {
278
351
  className: "flex min-w-0 flex-1 flex-col gap-0.5 overflow-hidden",
279
352
  children: [/* @__PURE__ */ u("span", {
280
- className: i(l, w.modelType),
353
+ className: i(f, E.modelType),
281
354
  children: r.modelTypeLabel
282
355
  }), /* @__PURE__ */ d("div", {
283
356
  className: "flex min-w-0 items-center gap-1 overflow-hidden",
284
357
  children: [/* @__PURE__ */ u("span", {
285
- className: i("min-w-0 flex-1 truncate", c, w.name),
358
+ className: i("min-w-0 flex-1 truncate", l, E.name),
286
359
  title: n.name,
287
360
  children: n.name
288
361
  }), n.version != null && /* @__PURE__ */ u(o, {
289
362
  text: n.version,
290
- className: i("max-w-[30%] shrink-0", f, w.version)
363
+ className: i("max-w-[30%] shrink-0", p, E.version)
291
364
  })]
292
365
  })]
293
366
  })]
294
367
  }),
295
- /* @__PURE__ */ u(E, {
296
- cell: n.cost,
297
- mobileColumnLabel: r.costColumnLabel,
368
+ /* @__PURE__ */ u(j, {
369
+ cell: n.last24Hours,
370
+ periodLabel: r.last24HoursColumnLabel,
371
+ periodStatus: a.last24Hours,
298
372
  labels: r,
299
- typography: a
373
+ typography: s
300
374
  }),
301
- /* @__PURE__ */ u(E, {
302
- cell: n.tokens,
303
- mobileColumnLabel: r.tokensColumnLabel,
375
+ /* @__PURE__ */ u(j, {
376
+ cell: n.last7Days,
377
+ periodLabel: r.last7DaysColumnLabel,
378
+ periodStatus: a.last7Days,
304
379
  labels: r,
305
- typography: a
380
+ typography: s
306
381
  }),
307
- /* @__PURE__ */ u(E, {
308
- cell: n.requests,
309
- mobileColumnLabel: r.requestsColumnLabel,
382
+ /* @__PURE__ */ u(j, {
383
+ cell: n.last30Days,
384
+ periodLabel: r.last30DaysColumnLabel,
385
+ periodStatus: a.last30Days,
310
386
  labels: r,
311
- typography: a
387
+ typography: s
312
388
  }),
313
- /* @__PURE__ */ u("div", {
389
+ /* @__PURE__ */ d("div", {
314
390
  role: "cell",
315
- className: "flex items-center",
316
- children: h ? /* @__PURE__ */ u("span", {
317
- className: i("inline-flex h-6 shrink-0 items-center rounded-full px-2", m, O(n.status)),
318
- children: k(n.status, r)
391
+ className: "flex min-w-0 flex-col gap-2 py-2 desktop:py-0",
392
+ children: [/* @__PURE__ */ u("span", {
393
+ className: i("dial-caption-lead-semi-text block desktop:hidden", E.mobileColumnLabel),
394
+ children: r.statusColumnLabel
395
+ }), g ? /* @__PURE__ */ u("span", {
396
+ className: i("inline-flex h-6 shrink-0 items-center rounded-full px-2", h, N(n.status)),
397
+ children: P(n.status, r)
319
398
  }) : /* @__PURE__ */ u("span", {
320
- className: i(p, w.neutralStatus),
321
- children: k(n.status, r)
322
- })
399
+ className: i(m, E.neutralStatus),
400
+ children: P(n.status, r)
401
+ })]
323
402
  })
324
403
  ]
325
404
  });
326
- }, j = 40, M = [
327
- S.LastMinute,
328
- S.LastHour,
329
- S.Last24Hours,
330
- S.Last7Days,
331
- S.Last30Days
332
- ], N = "max-w-full overflow-x-auto overflow-y-hidden [&>button]:flex-none mobile:[&>button]:h-11", P = ({ rows: e, period: t, onPeriodChange: a, labels: o, styles: s, emptyStateIconSize: f = 48 }) => {
333
- let { colors: p, typography: m = {} } = s ?? {}, { 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
- }), y = `${o.headingLabel} ${e.length}`;
405
+ }, I = 40, L = ({ label: e, periodStatus: t, className: n }) => /* @__PURE__ */ d("span", {
406
+ role: "columnheader",
407
+ className: i("flex min-w-0 items-center justify-between gap-2", n, E.columnHeader),
408
+ children: [/* @__PURE__ */ u("span", {
409
+ className: "min-w-0 truncate",
410
+ children: e
411
+ }), /* @__PURE__ */ u(k, { periodStatus: t })]
412
+ }), R = ({ rows: e, labels: t, periodStatuses: a, styles: o, emptyStateIconSize: s = 48 }) => {
413
+ let { colors: c, typography: f = {} } = o ?? {}, { headingClassName: p = "dial-body-semi-text", headingCountClassName: m = "dial-tiny-semi-text", columnHeaderClassName: h = "dial-caption-lead-semi-text" } = f, g = r({
414
+ "--mls-container-bg": c?.containerBackground,
415
+ "--mls-heading": c?.headingColor,
416
+ "--mls-heading-count": c?.headingCountColor,
417
+ "--mls-column-header": c?.columnHeaderColor,
418
+ "--mls-row-divider": c?.rowDividerColor,
419
+ "--mls-name": c?.nameColor,
420
+ "--mls-model-type": c?.modelTypeColor,
421
+ "--mls-version": c?.versionColor,
422
+ "--mls-value": c?.valueColor,
423
+ "--mls-secondary-value": c?.secondaryValueColor,
424
+ "--mls-progress-track": c?.progressTrackColor,
425
+ "--mls-progress-default": c?.defaultProgressColor,
426
+ "--mls-progress-warning": c?.warningProgressColor,
427
+ "--mls-progress-error": c?.errorProgressColor,
428
+ "--mls-indicator-warning": c?.warningIndicatorColor,
429
+ "--mls-indicator-error": c?.errorIndicatorColor,
430
+ "--mls-badge-default-bg": c?.defaultBadgeBackground,
431
+ "--mls-badge-default-text": c?.defaultBadgeColor,
432
+ "--mls-badge-warning-bg": c?.warningBadgeBackground,
433
+ "--mls-badge-warning-text": c?.warningBadgeColor,
434
+ "--mls-badge-error-bg": c?.errorBadgeBackground,
435
+ "--mls-badge-error-text": c?.errorBadgeColor,
436
+ "--mls-badge-neutral-text": c?.neutralBadgeColor
437
+ }), _ = `${t.headingLabel} ${e.length}`;
356
438
  return /* @__PURE__ */ d("div", {
357
439
  className: "flex flex-col gap-4",
358
- style: v,
359
- children: [/* @__PURE__ */ d("div", {
360
- className: "flex min-h-10 flex-wrap items-center justify-between gap-2",
361
- children: [/* @__PURE__ */ d("h3", {
440
+ style: g,
441
+ children: [/* @__PURE__ */ u("div", {
442
+ className: "flex min-h-10 items-center",
443
+ children: /* @__PURE__ */ d("h3", {
362
444
  className: "m-0 flex items-center gap-2",
363
445
  children: [/* @__PURE__ */ u("span", {
364
- className: i(h, w.heading),
365
- children: o.headingLabel
446
+ className: i(p, E.heading),
447
+ children: t.headingLabel
366
448
  }), /* @__PURE__ */ u("span", {
367
- className: i(g, w.headingCount),
449
+ className: i(m, E.headingCount),
368
450
  children: e.length
369
451
  })]
370
- }), /* @__PURE__ */ u(c, {
371
- "aria-label": o.periodSelectorAriaLabel,
372
- value: t,
373
- onChange: a,
374
- className: i(N, w.periodSelector),
375
- items: M.map((e) => ({
376
- value: e,
377
- label: o.periodLabels[e]
378
- }))
379
- })]
452
+ })
380
453
  }), /* @__PURE__ */ u("div", {
381
454
  role: "table",
382
- "aria-label": y,
383
- className: i("overflow-hidden rounded-xl shadow-md", w.container),
455
+ "aria-label": _,
456
+ className: i("overflow-hidden rounded-xl shadow-md", E.container),
384
457
  children: e.length === 0 ? /* @__PURE__ */ u("div", {
385
458
  className: "flex items-center justify-center px-6 py-10",
386
459
  children: /* @__PURE__ */ u(n, {
387
- icon: /* @__PURE__ */ u(b, {
460
+ icon: /* @__PURE__ */ u(x, {
388
461
  "aria-hidden": !0,
389
- size: f,
462
+ size: s,
390
463
  stroke: 1
391
464
  }),
392
- label: o.emptyStateLabel
465
+ label: t.emptyStateLabel
393
466
  })
394
- }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
467
+ }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
395
468
  role: "row",
396
- className: i("hidden gap-4 px-6 py-3 desktop:grid", D, w.headerRow),
469
+ className: i("hidden gap-4 px-6 py-3 desktop:grid desktop:items-center", M, E.headerRow),
397
470
  children: [
398
- o.itemColumnLabel,
399
- o.costColumnLabel,
400
- o.tokensColumnLabel,
401
- o.requestsColumnLabel,
402
- o.statusColumnLabel
403
- ].map((e) => /* @__PURE__ */ u("span", {
404
- role: "columnheader",
405
- className: i(_, w.columnHeader),
406
- children: e
407
- }, e))
471
+ /* @__PURE__ */ u("span", {
472
+ role: "columnheader",
473
+ className: i(h, E.columnHeader),
474
+ children: t.itemColumnLabel
475
+ }),
476
+ /* @__PURE__ */ u(L, {
477
+ label: t.last24HoursColumnLabel,
478
+ periodStatus: a.last24Hours,
479
+ className: h
480
+ }),
481
+ /* @__PURE__ */ u(L, {
482
+ label: t.last7DaysColumnLabel,
483
+ periodStatus: a.last7Days,
484
+ className: h
485
+ }),
486
+ /* @__PURE__ */ u(L, {
487
+ label: t.last30DaysColumnLabel,
488
+ periodStatus: a.last30Days,
489
+ className: h
490
+ }),
491
+ /* @__PURE__ */ u("span", {
492
+ role: "columnheader",
493
+ className: i(h, E.columnHeader),
494
+ children: t.statusColumnLabel
495
+ })
496
+ ]
408
497
  }), /* @__PURE__ */ u("div", {
409
498
  role: "rowgroup",
410
- children: e.map((e) => /* @__PURE__ */ u(A, {
499
+ children: e.map((e) => /* @__PURE__ */ u(F, {
411
500
  row: e,
412
- labels: o,
413
- typography: m,
414
- avatarSize: j
501
+ labels: t,
502
+ periodStatuses: a,
503
+ typography: f,
504
+ avatarSize: I
415
505
  }, e.id))
416
506
  })] })
417
507
  })]
418
508
  });
419
509
  };
420
510
  //#endregion
421
- export { C as ModelLimitMetricKind, x as ModelLimitStatus, S as ModelLimitsPeriod, P as ModelLimitsSection, _ as UsageLimitCard, v as UsageLimitCardGroup, m as UsageLimitStatus };
511
+ export { T as ModelLimitMetricKind, w as ModelLimitStatus, R as ModelLimitsSection, _ as UsageLimitCard, v as UsageLimitCardGroup, m as UsageLimitStatus };
package/models/model-limits-props.d.ts CHANGED
@@ -11,29 +11,16 @@ export declare enum ModelLimitStatus {
11
11
  /** No usable (finite or unlimited) metric exists on the row. Rendered with a dedicated "Unavailable" badge. */
12
12
  Unavailable = "unavailable"
13
13
  }
14
- /** Rolling window a `ModelLimitsSection` displays metrics for. Not every metric has data at every granularity — see `ModelLimitMetricKind.Unavailable`. */
15
- export declare enum ModelLimitsPeriod {
16
- /** Rolling 1-minute window. */
17
- LastMinute = "last-minute",
18
- /** Rolling 1-hour window. */
19
- LastHour = "last-hour",
20
- /** Rolling 24-hour window. */
21
- Last24Hours = "last-24-hours",
22
- /** Rolling 7-day window. */
23
- Last7Days = "last-7-days",
24
- /** Rolling 30-day window. */
25
- Last30Days = "last-30-days"
26
- }
27
14
  /** Which of the three normalized shapes a `ModelLimitMetricCell` carries. */
28
15
  export declare enum ModelLimitMetricKind {
29
16
  /** A usable total exists — renders `used / total` with a progress bar. */
30
17
  Finite = "finite",
31
- /** The host detected the unlimited sentinel — renders the used value and "No limit", no progress bar. */
18
+ /** The host detected the unlimited sentinel; the renderer decides whether its metric shows supporting limit text. */
32
19
  Unlimited = "unlimited",
33
20
  /** The metric could not be determined — renders an explicit unavailable state, no progress bar. */
34
21
  Unavailable = "unavailable"
35
22
  }
36
- /** One normalized, preformatted metric value (Cost, Tokens, or Requests) for one `ModelLimitRow`. */
23
+ /** One normalized, preformatted Cost or Tokens value for one `ModelLimitRow`. */
37
24
  export interface ModelLimitMetricCell {
38
25
  /** Which of the three rendering shapes this cell uses. */
39
26
  kind: ModelLimitMetricKind;
@@ -45,10 +32,32 @@ export interface ModelLimitMetricCell {
45
32
  usedPercent?: number;
46
33
  /** Status derived from `usedPercent` against the host's thresholds. Present for `Finite` only. */
47
34
  status?: ModelLimitStatus;
35
+ /** Host-provided secondary text for an `Unlimited` metric, e.g. `'Follows cost limit'` or `'No limit'`. */
36
+ supportingLabel?: string;
48
37
  /** Accessible text describing the cell's full value, present regardless of `kind` (e.g. `'12,345 of 50,000 tokens used'` or `'Not available'`). */
49
38
  ariaLabel: string;
50
39
  }
51
- /** One row of the Model limits table: one accessible model's identity plus its Cost/Tokens/Requests metrics and overall status. */
40
+ /** Normalized overall Cost status and optional explanatory tooltip for one period header. */
41
+ export interface ModelLimitPeriodStatus {
42
+ /** Host-derived status of the matching overall Cost limit. */
43
+ status: ModelLimitStatus;
44
+ /** Complete tooltip/accessibility text for warning and error indicators. */
45
+ tooltipLabel?: string;
46
+ }
47
+ /** Overall Cost statuses aligned with the three fixed comparison periods. */
48
+ export interface ModelLimitPeriodStatuses {
49
+ last24Hours: ModelLimitPeriodStatus;
50
+ last7Days: ModelLimitPeriodStatus;
51
+ last30Days: ModelLimitPeriodStatus;
52
+ }
53
+ /** Preformatted Cost and Tokens values for one rolling-period column. */
54
+ export interface ModelLimitPeriodCell {
55
+ /** Tokens usage and limit for the period. */
56
+ tokens: ModelLimitMetricCell;
57
+ /** Attributed cost for the period. */
58
+ cost: ModelLimitMetricCell;
59
+ }
60
+ /** One row of the Model tokens limits table: model identity, three rolling-period comparisons, and overall status. */
52
61
  export interface ModelLimitRow {
53
62
  /** Stable identifier for the row, e.g. the deployment ID. */
54
63
  id: string;
@@ -58,36 +67,36 @@ export interface ModelLimitRow {
58
67
  version?: string;
59
68
  /** Image URL for the model's avatar. When absent, an initials-based fallback derived from `name` is shown. */
60
69
  avatarSrc?: string;
61
- /** Cost metric for the currently selected period. */
62
- cost: ModelLimitMetricCell;
63
- /** Tokens metric for the currently selected period. */
64
- tokens: ModelLimitMetricCell;
65
- /** Requests metric for the currently selected period. */
66
- requests: ModelLimitMetricCell;
67
- /** Overall row status: the most severe status among the row's finite metrics, or `NoLimit`/`Unavailable`. */
70
+ /** Cost and Tokens metrics for the rolling 24-hour period. */
71
+ last24Hours: ModelLimitPeriodCell;
72
+ /** Cost and Tokens metrics for the rolling 7-day period. */
73
+ last7Days: ModelLimitPeriodCell;
74
+ /** Cost and Tokens metrics for the rolling 30-day period. */
75
+ last30Days: ModelLimitPeriodCell;
76
+ /** Host-derived overall status across all model-token and overall Cost limit periods. */
68
77
  status: ModelLimitStatus;
69
78
  }
70
79
  /** Localized strings shared by every row and by the section shell in `ModelLimitsSection`. */
71
80
  export interface ModelLimitsLabels {
72
- /** Section heading text, e.g. `'Model limits'`. The row count is rendered separately. */
81
+ /** Section heading text, e.g. `'Model tokens limits'`. The row count is rendered separately. */
73
82
  headingLabel: string;
74
- /** Localized label for each selectable period, keyed by `ModelLimitsPeriod`. */
75
- periodLabels: Record<ModelLimitsPeriod, string>;
76
- /** Accessible name for the period selector control. */
77
- periodSelectorAriaLabel: string;
78
83
  /** Column header text for the Item (identity) column. */
79
84
  itemColumnLabel: string;
80
- /** Column header text for the Cost column. */
81
- costColumnLabel: string;
82
- /** Column header text for the Tokens column. */
83
- tokensColumnLabel: string;
84
- /** Column header text for the Requests column. */
85
- requestsColumnLabel: string;
85
+ /** Column header text for the rolling 24-hour period. */
86
+ last24HoursColumnLabel: string;
87
+ /** Column header text for the rolling 7-day period. */
88
+ last7DaysColumnLabel: string;
89
+ /** Column header text for the rolling 30-day period. */
90
+ last30DaysColumnLabel: string;
86
91
  /** Column header text for the Status column. */
87
92
  statusColumnLabel: string;
93
+ /** Non-visual accessible label for Tokens values inside every period cell. */
94
+ tokensLabel: string;
95
+ /** Non-visual accessible label for the value-only Cost amount in every period cell. */
96
+ costLabel: string;
88
97
  /** Entity type shown above each model name. */
89
98
  modelTypeLabel: string;
90
- /** Text shown after a cell's used value when the metric is unlimited, e.g. `'No limit'`. */
99
+ /** Text shown after an unlimited Tokens value, e.g. `'No limit'`. */
91
100
  noLimitLabel: string;
92
101
  /** Text shown in place of a value when the metric is unavailable, e.g. `'Not available'`. Must read as distinct from `noLimitLabel`. */
93
102
  unavailableLabel: string;
@@ -134,6 +143,10 @@ export interface ModelLimitsColors {
134
143
  warningProgressColor?: string;
135
144
  /** Progress-fill / accent color for `LimitReached`. Fallback: `--bg-control-error-active`. */
136
145
  errorProgressColor?: string;
146
+ /** Period-header indicator color for `RunningLow`. Fallback: `--text-warning-icon`. */
147
+ warningIndicatorColor?: string;
148
+ /** Period-header indicator color for `LimitReached`. Fallback: `--text-error`. */
149
+ errorIndicatorColor?: string;
137
150
  /** `WithinLimits` badge background. Fallback: `--bg-success`. */
138
151
  defaultBadgeBackground?: string;
139
152
  /** `WithinLimits` badge text color. Fallback: `--text-success`. */
@@ -165,7 +178,7 @@ export interface ModelLimitsTypography {
165
178
  versionClassName?: string;
166
179
  /** CSS class for a metric's prominent used value. Defaults to `'dial-small-text'`. */
167
180
  valueClassName?: string;
168
- /** CSS class for a metric's secondary caption ("used of X" / "No limit" / "Not available"). Defaults to `'dial-tiny-text'`. */
181
+ /** CSS class for a metric's secondary caption (total / "No limit" / "Not available"). Defaults to `'dial-tiny-text'`. */
169
182
  secondaryValueClassName?: string;
170
183
  /** CSS class for status badge text. Defaults to `'dial-caption-lead-semi-text'`. */
171
184
  badgeClassName?: string;
@@ -181,12 +194,10 @@ export interface ModelLimitsStyles {
181
194
  export interface ModelLimitsSectionProps {
182
195
  /** Rows to render, in display order. Each renders as one table row. */
183
196
  rows: ModelLimitRow[];
184
- /** Currently selected period. The section is fully controlled — it never changes this itself. */
185
- period: ModelLimitsPeriod;
186
- /** Called with the newly selected period when the user picks a different option. */
187
- onPeriodChange: (period: ModelLimitsPeriod) => void;
188
197
  /** Localized strings shared by the section shell and every row. */
189
198
  labels: ModelLimitsLabels;
199
+ /** Host-derived overall Cost statuses/tooltips for the three fixed period headers. */
200
+ periodStatuses: ModelLimitPeriodStatuses;
190
201
  /** Style overrides applied as CSS custom properties and typography class overrides. */
191
202
  styles?: ModelLimitsStyles;
192
203
  /** Size (px) of the empty-state icon, shown when `rows` is empty. Defaults to `48`. */
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":"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"}
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.262",
4
+ "version": "1.1.0-dev.267",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -16,8 +16,8 @@
16
16
  }
17
17
  },
18
18
  "peerDependencies": {
19
- "@epam/ai-dial-chat-shared": "1.1.0-dev.262",
20
- "@epam/ai-dial-ui-kit": "^0.14.0-dev.4",
19
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.267",
20
+ "@epam/ai-dial-ui-kit": "^0.14.0-dev.6",
21
21
  "@tabler/icons-react": "^3.44.0",
22
22
  "react": "^19.2.7"
23
23
  },