@epam/ai-dial-chat-hooks 1.2.10 → 1.2.12

package/catalog/deployment-id.d.ts

@@ -33,10 +33,13 @@ export declare const decodeDeploymentId: (id: string) => string;
 export declare const normalizeDeploymentId: (id: string) => string;
 /**
  * Finds a deployment matching `idOrReference` by `id` first, falling back to
- * `reference` when no `id` matches. DIAL Core sometimes addresses a
- * deployment by `reference` in places that store a deployment id (e.g. a
- * conversation's or message's `model.id`), so lookups against the fetched
- * deployments list must accept either value.
+ * `reference` when no `id` matches, and finally to an `id` match that ignores
+ * percent-encoding. DIAL Core sometimes addresses a deployment by `reference`
+ * in places that store a deployment id (e.g. a conversation's or message's
+ * `model.id`), and a conversation created by a Custom Viewer (a DIAL Loop
+ * agent) may store the raw, human-readable application id while the listing
+ * returns it encoded ([#9275](https://github.com/epam/ai-dial-chat/issues/9275)), so lookups against the fetched deployments
+ * list must accept any of these forms.
  */
 export declare const findDeploymentByIdOrReference: (deployments: DeploymentItemDto[], idOrReference: string | null | undefined) => DeploymentItemDto | undefined;
 //# sourceMappingURL=deployment-id.d.ts.map

package/catalog/deployment-id.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deployment-id.d.ts","sourceRoot":"","sources":["../../src/catalog/deployment-id.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEvE;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM,KAAG,MAIlC,CAAC;AAEf;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM,KAAG,MAUlC,CAAC;AAEf;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,GAAI,IAAI,MAAM,KAAG,MACP,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,6BAA6B,GACxC,aAAa,iBAAiB,EAAE,EAChC,eAAe,MAAM,GAAG,IAAI,GAAG,SAAS,KACvC,iBAAiB,GAAG,SAMtB,CAAC"}
+{"version":3,"file":"deployment-id.d.ts","sourceRoot":"","sources":["../../src/catalog/deployment-id.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAEvE;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM,KAAG,MAIlC,CAAC;AAEf;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,IAAI,MAAM,KAAG,MAUlC,CAAC;AAEf;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,qBAAqB,GAAI,IAAI,MAAM,KAAG,MACP,CAAC;AAE7C;;;;;;;;;GASG;AACH,eAAO,MAAM,6BAA6B,GACxC,aAAa,iBAAiB,EAAE,EAChC,eAAe,MAAM,GAAG,IAAI,GAAG,SAAS,KACvC,iBAAiB,GAAG,SAUtB,CAAC"}

package/catalog/deployment-id.js

@@ -6,7 +6,11 @@ var e = (e) => e.split("/").map((e) => encodeURIComponent(e)).join("/"), t = (e)
 		return e;
 	}
 }).join("/"), n = (n) => e(t(n)), r = (e, t) => {
-	if (t) return e.find((e) => e.id === t) ?? e.find((e) => e.reference === t);
+	if (!t) return;
+	let r = e.find((e) => e.id === t) ?? e.find((e) => e.reference === t);
+	if (r) return r;
+	let i = n(t);
+	return e.find((e) => n(e.id) === i);
 };
 //#endregion
 export { t as decodeDeploymentId, e as encodeDeploymentId, r as findDeploymentByIdOrReference, n as normalizeDeploymentId };

package/catalog/map-deployment-limits-to-input.d.ts

@@ -1,6 +1,7 @@
 import { CatalogItemLimits, UsageLimitProgressRow } from '@epam/ai-dial-catalog';
-import { DeploymentLimitsResponseDto, LimitStatsDto } from '@epam/ai-dial-chat-api-client';
+import { LimitStatsDto } from '@epam/ai-dial-chat-api-client';
 import { FormatResetTime } from '../usage/map-usage-data-to-dashboard';
+import { UsageLimitsSources } from '../usage/useDeploymentUsageLimits/useDeploymentUsageLimits';
 /** Labels and formatter callbacks for the conversation-input limits mapping utility. */
 export interface ConversationInputLimitsLabels {
     /** Heading of the group listing the selected deployment's token limits. */
@@ -23,6 +24,6 @@ export interface ConversationInputLimitsLabels {
     }) => string;
 }
 export declare const buildResetFields: (stats: LimitStatsDto, formatResetTime: FormatResetTime | undefined) => Pick<UsageLimitProgressRow, "resetLabel" | "resetIsoValue" | "resetAriaLabel">;
-/** Maps a deployment's day, week, and month token limits and the caller's cost budget to display-ready rows, or `undefined` when none qualify. */
-export declare const mapDeploymentLimitsToInput: (dto: DeploymentLimitsResponseDto | undefined, labels: ConversationInputLimitsLabels, formatResetTime?: FormatResetTime) => CatalogItemLimits | undefined;
+/** Maps the deployment's day, week, and month token limits (from `sources.deployment`) and the account cost budget (from `sources.account`) to display-ready rows, or `undefined` when none qualify. */
+export declare const mapDeploymentLimitsToInput: (sources: UsageLimitsSources, labels: ConversationInputLimitsLabels, formatResetTime?: FormatResetTime) => CatalogItemLimits | undefined;
 //# sourceMappingURL=map-deployment-limits-to-input.d.ts.map

package/catalog/map-deployment-limits-to-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-deployment-limits-to-input.d.ts","sourceRoot":"","sources":["../../src/catalog/map-deployment-limits-to-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,2BAA2B,EAC3B,aAAa,EACd,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,wFAAwF;AACxF,MAAM,WAAW,6BAA6B;IAC5C,2EAA2E;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,wDAAwD;IACxD,uBAAuB,EAAE,CAAC,MAAM,EAAE;QAChC,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,MAAM,CAAC;CACd;AA+FD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,aAAa,EACpB,iBAAiB,eAAe,GAAG,SAAS,KAC3C,IAAI,CACL,qBAAqB,EACrB,YAAY,GAAG,eAAe,GAAG,gBAAgB,CAYlD,CAAC;AAuGF,kJAAkJ;AAClJ,eAAO,MAAM,0BAA0B,GACrC,KAAK,2BAA2B,GAAG,SAAS,EAC5C,QAAQ,6BAA6B,EACrC,kBAAkB,eAAe,KAChC,iBAAiB,GAAG,SAyCtB,CAAC"}
+{"version":3,"file":"map-deployment-limits-to-input.d.ts","sourceRoot":"","sources":["../../src/catalog/map-deployment-limits-to-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,qBAAqB,EAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAEV,aAAa,EACd,MAAM,+BAA+B,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAErG,wFAAwF;AACxF,MAAM,WAAW,6BAA6B;IAC5C,2EAA2E;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,wDAAwD;IACxD,uBAAuB,EAAE,CAAC,MAAM,EAAE;QAChC,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,MAAM,CAAC;CACd;AAgGD,eAAO,MAAM,gBAAgB,GAC3B,OAAO,aAAa,EACpB,iBAAiB,eAAe,GAAG,SAAS,KAC3C,IAAI,CACL,qBAAqB,EACrB,YAAY,GAAG,eAAe,GAAG,gBAAgB,CAYlD,CAAC;AA4GF,wMAAwM;AACxM,eAAO,MAAM,0BAA0B,GACrC,SAAS,kBAAkB,EAC3B,QAAQ,6BAA6B,EACrC,kBAAkB,eAAe,KAChC,iBAAiB,GAAG,SAqCtB,CAAC"}

package/catalog/map-deployment-limits-to-input.js

@@ -61,7 +61,7 @@ var n = [
 	return r >= 1 ? t.LimitReached : r >= a && e !== t.LimitReached ? t.RunningLow : e;
 }, void 0), _ = (e, t, n, r, i, a, o) => {
 	let s = t.flatMap((t) => {
-		let n = e[t.key];
+		let n = e?.[t.key];
 		return !u(n) || !h(n) ? [] : (o.push(n), [p(n, r[t.labelField], r, i, a)]);
 	});
 	return s.length > 0 ? {
@@ -69,11 +69,10 @@ var n = [
 		rows: s
 	} : void 0;
 }, v = (t, i, a) => {
-	if (t == null) return;
-	let o = [], u = [_(t, n, i.tokenGroup, i, {
+	let o = [], u = [_(t.deployment, n, i.tokenGroup, i, {
 		format: (e) => s.format(l(e)),
 		formatFull: (e) => c.format(e)
-	}, a, o), _(t, r, i.costGroup, i, {
+	}, a, o), _(t.account, r, i.costGroup, i, {
 		format: e,
 		formatFull: e
 	}, a, o)].filter((e) => e != null);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-hooks",
   "description": "Framework-level React hooks extracted from AI DIAL Chat for building custom chat interfaces",
-  "version": "1.2.10",
+  "version": "1.2.12",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -116,8 +116,8 @@
     }
   },
   "dependencies": {
-    "@epam/ai-dial-chat-api-client": "1.2.10",
-    "dompurify": "3.4.16",
+    "@epam/ai-dial-chat-api-client": "1.2.12",
+    "dompurify": "3.4.17",
     "fflate": "^0.8.3",
     "lru-cache": "^10.4.3",
     "mime-types": "^3.0.2",
@@ -125,22 +125,22 @@
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-attachment-canvas": "1.2.10",
-    "@epam/ai-dial-attachment-input": "1.2.10",
-    "@epam/ai-dial-catalog": "1.2.10",
-    "@epam/ai-dial-chat-overlay": "1.2.10",
-    "@epam/ai-dial-chat-shared": "1.2.10",
-    "@epam/ai-dial-conversation-input": "1.2.10",
-    "@epam/ai-dial-mcp-apps": "1.2.10",
-    "@epam/ai-dial-publish-panel": "1.2.10",
-    "@epam/ai-dial-quotations": "1.2.10",
+    "@epam/ai-dial-attachment-canvas": "1.2.12",
+    "@epam/ai-dial-attachment-input": "1.2.12",
+    "@epam/ai-dial-catalog": "1.2.12",
+    "@epam/ai-dial-chat-overlay": "1.2.12",
+    "@epam/ai-dial-chat-shared": "1.2.12",
+    "@epam/ai-dial-conversation-input": "1.2.12",
+    "@epam/ai-dial-mcp-apps": "1.2.12",
+    "@epam/ai-dial-publish-panel": "1.2.12",
+    "@epam/ai-dial-quotations": "1.2.12",
     "@epam/ai-dial-react-file-manager": "^0.3.5",
-    "@epam/ai-dial-scheduled-tasks": "1.2.10",
-    "@epam/ai-dial-share": "1.2.10",
-    "@epam/ai-dial-skill-editor": "1.2.10",
-    "@epam/ai-dial-source-panel": "1.2.10",
+    "@epam/ai-dial-scheduled-tasks": "1.2.12",
+    "@epam/ai-dial-share": "1.2.12",
+    "@epam/ai-dial-skill-editor": "1.2.12",
+    "@epam/ai-dial-source-panel": "1.2.12",
     "@epam/ai-dial-ui-kit": "^0.15.4",
-    "@epam/ai-dial-usage-dashboard": "1.2.10",
+    "@epam/ai-dial-usage-dashboard": "1.2.12",
     "@modelcontextprotocol/sdk": "^1.32.1",
     "@epam/pdf-highlighter-kit": "^0.0.19",
     "@mcp-ui/client": "^7.1.1"

package/usage/usage-banner-source.d.ts

@@ -1,6 +1,6 @@
-import { DeploymentLimitsResponseDto } from '@epam/ai-dial-chat-api-client';
 import { UsageLimitBannerSeverity } from '@epam/ai-dial-conversation-input';
 import { UsagePeriod } from './usage-period';
+import { UsageLimitsSources } from './useDeploymentUsageLimits/useDeploymentUsageLimits';
 /** The day/week/month usage stat the composer banner reports on, and how close it is to its limit. */
 export interface UsageBannerSource {
     /** Calendar period of the stat. */
@@ -15,9 +15,10 @@ export interface UsageBannerSource {
 /** `true` when `total` is a real cap: finite, positive, and below DIAL Core's unlimited sentinel. */
 export declare const isCappedStat: (total: number) => boolean;
 /**
- * Returns the capped day/week/month token or cost stat with the highest
- * used/total ratio, classified against `thresholdPercent`, or `undefined` when
- * no stat is capped or the worst one is below the threshold.
+ * Returns the capped day/week/month token stat of `sources.deployment` or cost
+ * stat of `sources.account` with the highest used/total ratio, classified
+ * against `thresholdPercent`, or `undefined` when no stat is capped or the
+ * worst one is below the threshold.
  */
-export declare const selectUsageBannerSource: (dto: DeploymentLimitsResponseDto | undefined, thresholdPercent: number) => UsageBannerSource | undefined;
+export declare const selectUsageBannerSource: (sources: UsageLimitsSources, thresholdPercent: number) => UsageBannerSource | undefined;
 //# sourceMappingURL=usage-banner-source.d.ts.map

package/usage/usage-banner-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usage-banner-source.d.ts","sourceRoot":"","sources":["../../src/usage/usage-banner-source.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,sGAAsG;AACtG,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,MAAM,EAAE,WAAW,CAAC;IACpB,uDAAuD;IACvD,QAAQ,EAAE,wBAAwB,CAAC;IACnC,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAQD,qGAAqG;AACrG,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,OAC4B,CAAC;AA8B1E;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,KAAK,2BAA2B,GAAG,SAAS,EAC5C,kBAAkB,MAAM,KACvB,iBAAiB,GAAG,SAoCtB,CAAC"}
+{"version":3,"file":"usage-banner-source.d.ts","sourceRoot":"","sources":["../../src/usage/usage-banner-source.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AAE9F,sGAAsG;AACtG,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,MAAM,EAAE,WAAW,CAAC;IACpB,uDAAuD;IACvD,QAAQ,EAAE,wBAAwB,CAAC;IACnC,wEAAwE;IACxE,WAAW,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAQD,qGAAqG;AACrG,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,OAC4B,CAAC;AAsC1E;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAClC,SAAS,kBAAkB,EAC3B,kBAAkB,MAAM,KACvB,iBAAiB,GAAG,SAsCtB,CAAC"}

package/usage/usage-banner-source.js

@@ -2,22 +2,46 @@ import { UsagePeriod as e } from "./usage-period.js";
 import { UsageLimitBannerSeverity as t } from "@epam/ai-dial-conversation-input";
 //#region src/usage/usage-banner-source.ts
 var n = 2 ** 53 - 1, r = (e) => Number.isFinite(e) && e > 0 && e < n, i = [
-	["monthTokenStats", e.Month],
-	["monthCostStats", e.Month],
-	["weekTokenStats", e.Week],
-	["weekCostStats", e.Week],
-	["dayTokenStats", e.Day],
-	["dayCostStats", e.Day]
+	[
+		"deployment",
+		"monthTokenStats",
+		e.Month
+	],
+	[
+		"account",
+		"monthCostStats",
+		e.Month
+	],
+	[
+		"deployment",
+		"weekTokenStats",
+		e.Week
+	],
+	[
+		"account",
+		"weekCostStats",
+		e.Week
+	],
+	[
+		"deployment",
+		"dayTokenStats",
+		e.Day
+	],
+	[
+		"account",
+		"dayCostStats",
+		e.Day
+	]
 ], a = (e, n) => {
 	let a;
-	for (let [t, n] of i) {
-		let i = e?.[t];
+	for (let [t, n, o] of i) {
+		let i = e[t]?.[n];
 		if (i == null || !r(i.total)) continue;
-		let o = Math.max(i.used, 0) / i.total;
-		(a == null || o > a.ratio) && (a = {
+		let s = Math.max(i.used, 0) / i.total;
+		(a == null || s > a.ratio) && (a = {
 			stat: i,
-			period: n,
-			ratio: o
+			period: o,
+			ratio: s
 		});
 	}
 	if (a == null) return;

package/usage/useDeploymentUsageLimits/useDeploymentUsageLimits.d.ts

@@ -1,32 +1,56 @@
-import { DeploymentLimitsResponseDto } from '@epam/ai-dial-chat-api-client';
-/** Host-configured call that fetches the limits of one deployment. */
-export type GetDeploymentLimits = (deploymentId: string) => Promise<DeploymentLimitsResponseDto>;
+import { DeploymentLimitsResponseDto, UserLimitStatsResponseDto } from '@epam/ai-dial-chat-api-client';
+/** The caller's account-wide cost budget and spend: the top level of a user-usage response. */
+export type AccountUsage = Pick<UserLimitStatsResponseDto, 'dayCostStats' | 'weekCostStats' | 'monthCostStats'>;
+/**
+ * What the usage dial and the usage banner are mapped from. Each field has a
+ * single scope, so a deployment's figures are never read as the account's or
+ * the other way round.
+ */
+export interface UsageLimitsSources {
+    /** The selected deployment's own stats (its deployment-usage response). Only its token stats are read. */
+    deployment: DeploymentLimitsResponseDto | undefined;
+    /** The caller's account budget and spend. Only its cost stats are read. */
+    account: AccountUsage | undefined;
+}
+/** Host-configured calls that fetch the two usage sources. */
+export interface UsageLimitsApi {
+    /** Fetches one deployment's own usage, every stat scoped to that deployment. */
+    getDeploymentUsage: (deploymentId: string) => Promise<DeploymentLimitsResponseDto>;
+    /** Fetches the caller's account usage; only its top-level cost stats are read. */
+    getAccountUsage: () => Promise<AccountUsage>;
+}
 /** Return shape of {@link useDeploymentUsageLimits}. */
 export interface UseDeploymentUsageLimitsResult {
-    /** Raw limits response for the selected deployment, or `undefined` before the first success. */
-    limitsDto: DeploymentLimitsResponseDto | undefined;
-    /** `true` while a fetch is in flight. */
+    /** The last successfully fetched value of each source. */
+    sources: UsageLimitsSources;
+    /** `true` until both calls of the current fetch have settled. */
     isLoading: boolean;
-    /** `true` after the most recent fetch rejected. */
+    /** `true` after either call of the most recent fetch rejected. */
     hasError: boolean;
-    /** Re-fetches the current deployment when no request is in flight. */
+    /** Re-fetches both sources when no request is in flight. */
     refresh: () => void;
 }
 /**
- * Fetches the selected deployment's usage limits via the provided
- * `getDeploymentLimits` function. The hook accepts the fetch function as a
- * parameter so the caller supplies an already-configured API client — the hook
- * never constructs or imports one itself. The function's identity is not a
- * re-fetch trigger; only `deploymentId` and `refresh()` are.
+ * Fetches the selected deployment's own usage and the caller's account usage
+ * through the provided `api`. The hook accepts the calls as a parameter so the
+ * caller supplies an already-configured API client; the hook never constructs
+ * or imports one itself. The identity of `api` is not a re-fetch trigger; only
+ * `deploymentId` and `refresh()` are.
+ *
+ * Two sources rather than one deployment-limits response: there, the cost
+ * stats add an application's aggregated callee cost to the account spend that
+ * already contains it, so an agent's spend would be counted twice.
  *
- * A monotonic request ID prevents a slower response for a previous deployment
- * from replacing the current value. Refresh failures preserve the last known
- * response so the open popover can surface a non-blocking error.
+ * Both calls share one monotonic request ID, so a slower response for a
+ * previous deployment never replaces the current value. Each source keeps its
+ * last known value when its own call fails, so the open popover can surface a
+ * non-blocking error while the other source still renders. The account source
+ * survives a deployment change, since it does not depend on the selection.
  *
- * The raw response is returned rather than a mapped display model: mapping
+ * The raw responses are returned rather than a mapped display model: mapping
  * needs the caller's translated labels and locale-bound reset formatter, and
  * holding the mapped value in state here would leave it stale after a language
  * change until the next fetch.
  */
-export declare const useDeploymentUsageLimits: (deploymentId: string | undefined, getDeploymentLimits: GetDeploymentLimits) => UseDeploymentUsageLimitsResult;
+export declare const useDeploymentUsageLimits: (deploymentId: string | undefined, api: UsageLimitsApi) => UseDeploymentUsageLimitsResult;
 //# sourceMappingURL=useDeploymentUsageLimits.d.ts.map

package/usage/useDeploymentUsageLimits/useDeploymentUsageLimits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDeploymentUsageLimits.d.ts","sourceRoot":"","sources":["../../../src/usage/useDeploymentUsageLimits/useDeploymentUsageLimits.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAGjF,sEAAsE;AACtE,MAAM,MAAM,mBAAmB,GAAG,CAChC,YAAY,EAAE,MAAM,KACjB,OAAO,CAAC,2BAA2B,CAAC,CAAC;AAE1C,wDAAwD;AACxD,MAAM,WAAW,8BAA8B;IAC7C,gGAAgG;IAChG,SAAS,EAAE,2BAA2B,GAAG,SAAS,CAAC;IACnD,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,wBAAwB,GACnC,cAAc,MAAM,GAAG,SAAS,EAChC,qBAAqB,mBAAmB,KACvC,8BAgEF,CAAC"}
+{"version":3,"file":"useDeploymentUsageLimits.d.ts","sourceRoot":"","sources":["../../../src/usage/useDeploymentUsageLimits/useDeploymentUsageLimits.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,+BAA+B,CAAC;AAGvC,+FAA+F;AAC/F,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,yBAAyB,EACzB,cAAc,GAAG,eAAe,GAAG,gBAAgB,CACpD,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,0GAA0G;IAC1G,UAAU,EAAE,2BAA2B,GAAG,SAAS,CAAC;IACpD,2EAA2E;IAC3E,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;CACnC;AAED,8DAA8D;AAC9D,MAAM,WAAW,cAAc;IAC7B,gFAAgF;IAChF,kBAAkB,EAAE,CAClB,YAAY,EAAE,MAAM,KACjB,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC1C,kFAAkF;IAClF,eAAe,EAAE,MAAM,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9C;AAED,wDAAwD;AACxD,MAAM,WAAW,8BAA8B;IAC7C,0DAA0D;IAC1D,OAAO,EAAE,kBAAkB,CAAC;IAC5B,iEAAiE;IACjE,SAAS,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,QAAQ,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,wBAAwB,GACnC,cAAc,MAAM,GAAG,SAAS,EAChC,KAAK,cAAc,KAClB,8BA6EF,CAAC"}

package/usage/useDeploymentUsageLimits/useDeploymentUsageLimits.js

@@ -1,39 +1,34 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
 //#region src/usage/useDeploymentUsageLimits/useDeploymentUsageLimits.ts
-var i = (i, a) => {
-	let [o, s] = r(), [c, l] = r(!1), [u, d] = r(!1), [f, p] = r(0), m = n(0), h = n(!1), g = n(void 0), _ = n(a);
-	_.current = a;
-	let v = e(() => {
-		h.current || p((e) => e + 1);
+var a = (a, o) => {
+	let [s, c] = i(), [l, u] = i(), [d, f] = i(!1), [p, m] = i(!1), [h, g] = i(0), _ = r(0), v = r(!1), y = r(void 0), b = r(o);
+	b.current = o;
+	let x = e(() => {
+		v.current || g((e) => e + 1);
 	}, []);
 	return t(() => {
-		let e = g.current !== i;
-		if (g.current = i, !i) {
-			m.current += 1, s(void 0), l(!1), d(!1), h.current = !1;
+		let e = y.current !== a;
+		if (y.current = a, !a) {
+			_.current += 1, c(void 0), f(!1), m(!1), v.current = !1;
 			return;
 		}
-		e && s(void 0);
-		let t = ++m.current, n = !1;
-		return l(!0), d(!1), h.current = !0, (async () => {
-			try {
-				let e = await _.current(i);
-				if (n || t !== m.current) return;
-				s(e);
-			} catch {
-				if (n || t !== m.current) return;
-				d(!0);
-			} finally {
-				!n && t === m.current && (l(!1), h.current = !1);
-			}
+		e && c(void 0);
+		let t = ++_.current, n = !1, r = () => !n && t === _.current;
+		return f(!0), m(!1), v.current = !0, (async () => {
+			let [e, t] = await Promise.allSettled([b.current.getDeploymentUsage(a), b.current.getAccountUsage()]);
+			r() && (e.status === "fulfilled" && c(e.value), t.status === "fulfilled" && u(t.value), m(e.status === "rejected" || t.status === "rejected"), f(!1), v.current = !1);
 		})(), () => {
 			n = !0;
 		};
-	}, [i, f]), {
-		limitsDto: o,
-		isLoading: c,
-		hasError: u,
-		refresh: v
+	}, [a, h]), {
+		sources: n(() => ({
+			deployment: s,
+			account: l
+		}), [s, l]),
+		isLoading: d,
+		hasError: p,
+		refresh: x
 	};
 };
 //#endregion
-export { i as useDeploymentUsageLimits };
+export { a as useDeploymentUsageLimits };

package/usage/useUsageLimitBanner/useUsageLimitBanner.d.ts

@@ -1,6 +1,6 @@
 import { UsageLimitBannerViewProps } from '@epam/ai-dial-conversation-input';
 import { TranslateFn } from '../usage-reset-time';
-import { GetDeploymentLimits } from '../useDeploymentUsageLimits/useDeploymentUsageLimits';
+import { UsageLimitsApi } from '../useDeploymentUsageLimits/useDeploymentUsageLimits';
 /**
  * i18n key strings the consuming app's translation bundle must define for
  * `useUsageLimitBanner` to produce translated strings, in addition to
@@ -29,8 +29,10 @@ export interface UseUsageLimitBannerOptions {
     deploymentId: string | undefined;
     /** Whether the selected deployment is currently generating a response. Defaults to `false`. */
     isGenerationInProgress?: boolean;
-    /** Host-configured call that fetches one deployment's limits. */
-    getDeploymentLimits: GetDeploymentLimits;
+    /** Host-configured call that fetches one deployment's own usage. */
+    getDeploymentUsage: UsageLimitsApi['getDeploymentUsage'];
+    /** Host-configured call that fetches the caller's account usage. */
+    getAccountUsage: UsageLimitsApi['getAccountUsage'];
     /** Used percentage at or above which a not-yet-exhausted limit raises a warning. */
     warningThresholdPercent: number;
     /** Active UI locale, used to format the reset time. */
@@ -47,10 +49,10 @@ export interface UseUsageLimitBannerResult {
 }
 /**
  * Everything the composer usage banner needs except its rendering: fetches the
- * selected deployment's limits, refreshes them after each generation, picks
- * the limit worth reporting, formats its sentences, and tracks tab-lifetime
- * dismissal. Spread `banner` onto `UsageLimitBannerView` from
- * `@epam/ai-dial-conversation-input`.
+ * selected deployment's own usage and the account usage, refreshes both after
+ * each generation, picks the limit worth reporting, formats its sentences, and
+ * tracks tab-lifetime dismissal. Spread `banner` onto `UsageLimitBannerView`
+ * from `@epam/ai-dial-conversation-input`.
  */
-export declare const useUsageLimitBanner: ({ deploymentId, isGenerationInProgress, getDeploymentLimits, warningThresholdPercent, activeLocale, t, }: UseUsageLimitBannerOptions) => UseUsageLimitBannerResult;
+export declare const useUsageLimitBanner: ({ deploymentId, isGenerationInProgress, getDeploymentUsage, getAccountUsage, warningThresholdPercent, activeLocale, t, }: UseUsageLimitBannerOptions) => UseUsageLimitBannerResult;
 //# sourceMappingURL=useUsageLimitBanner.d.ts.map

package/usage/useUsageLimitBanner/useUsageLimitBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUsageLimitBanner.d.ts","sourceRoot":"","sources":["../../../src/usage/useUsageLimitBanner/useUsageLimitBanner.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAE,KAAK,WAAW,EAAyB,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,sDAAsD,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;IACjC,0EAA0E;;IAE1E,2EAA2E;;IAE3E,4EAA4E;;IAE5E,0EAA0E;;IAE1E,2EAA2E;;IAE3E,4EAA4E;;IAE5E,2CAA2C;;CAEnC,CAAC;AAkBX,6CAA6C;AAC7C,MAAM,WAAW,0BAA0B;IACzC,+CAA+C;IAC/C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,+FAA+F;IAC/F,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,mBAAmB,EAAE,mBAAmB,CAAC;IACzC,oFAAoF;IACpF,uBAAuB,EAAE,MAAM,CAAC;IAChC,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,CAAC,EAAE,WAAW,CAAC;CAChB;AAED,gEAAgE;AAChE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,yBAAyB,EACzB,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,gBAAgB,CAClE,CAAC;AAEF,mDAAmD;AACnD,MAAM,WAAW,yBAAyB;IACxC,wIAAwI;IACxI,MAAM,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAC3C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,0GAOjC,0BAA0B,KAAG,yBAiE/B,CAAC"}
+{"version":3,"file":"useUsageLimitBanner.d.ts","sourceRoot":"","sources":["../../../src/usage/useUsageLimitBanner/useUsageLimitBanner.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAE,KAAK,WAAW,EAAyB,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,sDAAsD,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;IACjC,0EAA0E;;IAE1E,2EAA2E;;IAE3E,4EAA4E;;IAE5E,0EAA0E;;IAE1E,2EAA2E;;IAE3E,4EAA4E;;IAE5E,2CAA2C;;CAEnC,CAAC;AAkBX,6CAA6C;AAC7C,MAAM,WAAW,0BAA0B;IACzC,+CAA+C;IAC/C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,+FAA+F;IAC/F,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oEAAoE;IACpE,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,oEAAoE;IACpE,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACnD,oFAAoF;IACpF,uBAAuB,EAAE,MAAM,CAAC;IAChC,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,gEAAgE;IAChE,CAAC,EAAE,WAAW,CAAC;CAChB;AAED,gEAAgE;AAChE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,yBAAyB,EACzB,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,gBAAgB,CAClE,CAAC;AAEF,mDAAmD;AACnD,MAAM,WAAW,yBAAyB;IACxC,wIAAwI;IACxI,MAAM,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAC3C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,0HAQjC,0BAA0B,KAAG,yBAqE/B,CAAC"}

package/usage/useUsageLimitBanner/useUsageLimitBanner.js

@@ -26,41 +26,44 @@ var l = {
 		[e.Week]: l.reachedWeek,
 		[e.Month]: l.reachedMonth
 	}
-}, d = ({ deploymentId: e, isGenerationInProgress: c = !1, getDeploymentLimits: d, warningThresholdPercent: f, activeLocale: p, t: m }) => {
-	let { limitsDto: h, isLoading: g, refresh: _ } = r(e, d), { isDismissed: v, dismiss: y } = a();
+}, d = ({ deploymentId: e, isGenerationInProgress: c = !1, getDeploymentUsage: d, getAccountUsage: f, warningThresholdPercent: p, activeLocale: m, t: h }) => {
+	let g = s(() => ({
+		getDeploymentUsage: d,
+		getAccountUsage: f
+	}), [d, f]), { sources: _, isLoading: v, refresh: y } = r(e, g), { isDismissed: b, dismiss: x } = a();
 	i({
 		isGenerationInProgress: c,
-		isLoading: g,
-		refresh: _
+		isLoading: v,
+		refresh: y
 	});
-	let b = s(() => t(h, f), [h, f]), x = s(() => {
-		if (b != null && e) return {
-			dismissalKey: `${e}:${b.period}:${b.severity}`,
-			limitText: m(u[b.severity][b.period], { percent: b.usedPercent }),
-			reset: n(b.resetsAt, b.period, p, m)
+	let S = s(() => t(_, p), [_, p]), C = s(() => {
+		if (S != null && e) return {
+			dismissalKey: `${e}:${S.period}:${S.severity}`,
+			limitText: h(u[S.severity][S.period], { percent: S.usedPercent }),
+			reset: n(S.resetsAt, S.period, m, h)
 		};
 	}, [
-		b,
+		S,
 		e,
-		p,
-		m
-	]), S = x?.dismissalKey, C = o(() => {
-		S != null && y(S);
-	}, [y, S]), w = m(l.closeLabel);
+		m,
+		h
+	]), w = C?.dismissalKey, T = o(() => {
+		w != null && x(w);
+	}, [x, w]), E = h(l.closeLabel);
 	return { banner: s(() => {
-		if (!(b == null || x == null || v(x.dismissalKey))) return {
-			severity: b.severity,
-			limitText: x.limitText,
-			reset: x.reset,
-			onClose: C,
-			closeAriaLabel: w
+		if (!(S == null || C == null || b(C.dismissalKey))) return {
+			severity: S.severity,
+			limitText: C.limitText,
+			reset: C.reset,
+			onClose: T,
+			closeAriaLabel: E
 		};
 	}, [
-		b,
-		x,
-		v,
+		S,
 		C,
-		w
+		b,
+		T,
+		E
 	]) };
 };
 //#endregion