@carlonicora/nextjs-jsonapi 3.24.2 → 3.26.0

package/dist/features/tokenusage/index.js

@@ -9,6 +9,7 @@
 
 
 
+var _chunkGKDHYB2Rjs = require('../../chunk-GKDHYB2R.js');
 
 
 
@@ -26,8 +27,6 @@
 
 
 
-var _chunk2XCUAHQTjs = require('../../chunk-2XCUAHQT.js');
-require('../../chunk-3AR4KA5D.js');
 
 
 
@@ -38,6 +37,8 @@ require('../../chunk-3AR4KA5D.js');
 
 
 
+var _chunkABVTYQIJjs = require('../../chunk-ABVTYQIJ.js');
+require('../../chunk-4Z45NYPR.js');
 
 
 
@@ -45,10 +46,20 @@ require('../../chunk-3AR4KA5D.js');
 
 
 
-var _chunkU7QVISQSjs = require('../../chunk-U7QVISQS.js');
+
+
+
+
+
+
+
+
+
+
+var _chunkCAKOFJZDjs = require('../../chunk-CAKOFJZD.js');
+require('../../chunk-26MQIJNB.js');
 require('../../chunk-LXKSUWAV.js');
 require('../../chunk-JTPRJNT2.js');
-require('../../chunk-YXRVPEEJ.js');
 require('../../chunk-3EPNHTMH.js');
 
 
@@ -69,15 +80,15 @@ function TokenUsageAdminFilterBar({ granularity, companyId, metric, companies, o
     ...Object.fromEntries(companies.map((company) => [company.id, company.label]))
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2XCUAHQTjs.DateRangeSelector,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "max-md:w-full max-md:[&_#date]:w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkABVTYQIJjs.DateRangeSelector,
       {
         onDateChange: (range) => {
           if (!_optionalChain([range, 'optionalAccess', _ => _.from]) || !_optionalChain([range, 'optionalAccess', _2 => _2.to])) return;
           onChange({ from: range.from.toISOString(), to: range.to.toISOString() });
         }
       }
-    ),
+    ) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Segmented,
       {
@@ -105,16 +116,16 @@ function TokenUsageAdminFilterBar({ granularity, companyId, metric, companies, o
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunk2XCUAHQTjs.Select,
+      _chunkABVTYQIJjs.Select,
       {
         items: companyItems,
         value: _nullishCoalesce(companyId, () => ( ALL_COMPANIES)),
         onValueChange: (value) => onChange({ companyId: !value || value === ALL_COMPANIES ? void 0 : value }),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectTrigger, { className: "w-56", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectValue, { placeholder: t("token_usage.admin.all_companies") }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.SelectContent, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectItem, { value: ALL_COMPANIES, children: t("token_usage.admin.all_companies") }),
-            companies.map((company) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectItem, { value: company.id, children: company.label }, company.id))
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectTrigger, { className: "w-56", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectValue, { placeholder: t("token_usage.admin.all_companies") }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.SelectContent, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectItem, { value: ALL_COMPANIES, children: t("token_usage.admin.all_companies") }),
+            companies.map((company) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectItem, { value: company.id, children: company.label }, company.id))
           ] })
         ]
       }
@@ -137,13 +148,13 @@ function Segmented({
       children: options.map((option) => {
         const selected = option.value === value;
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk2XCUAHQTjs.Button,
+          _chunkABVTYQIJjs.Button,
           {
             type: "button",
             size: "sm",
             variant: selected ? "default" : "ghost",
             "aria-pressed": selected,
-            className: _chunkU7QVISQSjs.cn.call(void 0, !selected && "text-muted-foreground"),
+            className: _chunkCAKOFJZDjs.cn.call(void 0, !selected && "text-muted-foreground"),
             onClick: () => onSelect(option.value),
             children: option.label
           },
@@ -163,36 +174,36 @@ function withFilters(endpoint, filters) {
   return endpoint;
 }
 _chunk7QVYU63Ejs.__name.call(void 0, withFilters, "withFilters");
-var TokenUsageAdminService = class extends _chunkU7QVISQSjs.AbstractService {
+var TokenUsageAdminService = class extends _chunkCAKOFJZDjs.AbstractService {
   static {
     _chunk7QVYU63Ejs.__name.call(void 0, this, "TokenUsageAdminService");
   }
   /** Six rows: {customer, platform, total} × {current, previous}. */
   static async getSummary(filters) {
-    const endpoint = withFilters(new (0, _chunkU7QVISQSjs.EndpointCreator)({ endpoint: _chunkU7QVISQSjs.Modules.TokenUsageAdminSummary }), filters);
+    const endpoint = withFilters(new (0, _chunkCAKOFJZDjs.EndpointCreator)({ endpoint: _chunkCAKOFJZDjs.Modules.TokenUsageAdminSummary }), filters);
     return this.callApi({
-      type: _chunkU7QVISQSjs.Modules.TokenUsageAdminSummary,
+      type: _chunkCAKOFJZDjs.Modules.TokenUsageAdminSummary,
       method: "GET" /* GET */,
       endpoint: endpoint.generate()
     });
   }
   static async getTimeline(params) {
-    const endpoint = withFilters(new (0, _chunkU7QVISQSjs.EndpointCreator)({ endpoint: _chunkU7QVISQSjs.Modules.TokenUsageAdminTimeline }), params);
+    const endpoint = withFilters(new (0, _chunkCAKOFJZDjs.EndpointCreator)({ endpoint: _chunkCAKOFJZDjs.Modules.TokenUsageAdminTimeline }), params);
     endpoint.addAdditionalParam("granularity", params.granularity);
     endpoint.addAdditionalParam("stackBy", params.stackBy);
     return this.callApi({
-      type: _chunkU7QVISQSjs.Modules.TokenUsageAdminTimeline,
+      type: _chunkCAKOFJZDjs.Modules.TokenUsageAdminTimeline,
       method: "GET" /* GET */,
       endpoint: endpoint.generate()
     });
   }
   static async getBreakdown(params) {
-    const endpoint = withFilters(new (0, _chunkU7QVISQSjs.EndpointCreator)({ endpoint: _chunkU7QVISQSjs.Modules.TokenUsageAdminBreakdown }), params);
+    const endpoint = withFilters(new (0, _chunkCAKOFJZDjs.EndpointCreator)({ endpoint: _chunkCAKOFJZDjs.Modules.TokenUsageAdminBreakdown }), params);
     endpoint.addAdditionalParam("dimension", params.dimension);
     endpoint.addAdditionalParam("scope", params.scope);
     if (params.limit !== void 0) endpoint.addAdditionalParam("limit", String(params.limit));
     return this.callApi({
-      type: _chunkU7QVISQSjs.Modules.TokenUsageAdminBreakdown,
+      type: _chunkCAKOFJZDjs.Modules.TokenUsageAdminBreakdown,
       method: "GET" /* GET */,
       endpoint: endpoint.generate()
     });
@@ -219,7 +230,7 @@ var TokenUsageAdminProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
   pageUrl = TOKEN_USAGE_ADMIN_PAGE_URL
 }) => {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunk2XCUAHQTjs.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunkABVTYQIJjs.usePageUrlGenerator.call(void 0, );
   const [filters, setFilterState] = _react.useState.call(void 0, () => {
     const range = defaultRange();
     return {
@@ -337,7 +348,7 @@ var TokenUsageAdminProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
       error
     ]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageAdminContext.Provider, { value: contextValue, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageAdminContext.Provider, { value: contextValue, children }) });
 }, "TokenUsageAdminProvider");
 var useTokenUsageAdmin = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
   const ctx = _react.useContext.call(void 0, TokenUsageAdminContext);
@@ -355,73 +366,10 @@ var useTokenUsageAdmin = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, ()
 var _lucidereact = require('lucide-react');
 
 
-// src/features/tokenusage/lib/formatters.ts
-
-
-function createUsageFormatters(locale, currency) {
-  const symbol = _nullishCoalesce(_optionalChain([new Intl.NumberFormat(locale, { style: "currency", currency, currencyDisplay: "narrowSymbol" }), 'access', _3 => _3.formatToParts, 'call', _4 => _4(0), 'access', _5 => _5.find, 'call', _6 => _6((part) => part.type === "currency"), 'optionalAccess', _7 => _7.value]), () => ( currency));
-  const decimal = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (value, decimals) => value.toLocaleString(locale, { minimumFractionDigits: decimals, maximumFractionDigits: decimals }), "decimal");
-  const dayFormat = new Intl.DateTimeFormat(locale, { day: "numeric", month: "short", timeZone: "UTC" });
-  const monthFormat = new Intl.DateTimeFormat(locale, { month: "short", year: "numeric", timeZone: "UTC" });
-  const compactFormat = new Intl.NumberFormat(locale, { notation: "compact", maximumFractionDigits: 1 });
-  const collator = new Intl.Collator(locale);
-  return {
-    decimal,
-    metricValue(value, metric) {
-      if (metric === "cost") return `${symbol} ${decimal(value, 2)}`;
-      if (metric === "credits") return decimal(value, 1);
-      return decimal(value, 0);
-    },
-    currency(value, decimals) {
-      return `${symbol} ${decimal(value, decimals)}`;
-    },
-    percent(value, decimals = 1) {
-      return `${decimal(value, decimals)} %`;
-    },
-    compact(value) {
-      return compactFormat.format(value);
-    },
-    bucketDate(iso, granularity) {
-      const date = /* @__PURE__ */ new Date(`${iso}T00:00:00.000Z`);
-      return granularity === "month" ? monthFormat.format(date) : dayFormat.format(date);
-    },
-    compare(a, b) {
-      return collator.compare(a, b);
-    }
-  };
-}
-_chunk7QVYU63Ejs.__name.call(void 0, createUsageFormatters, "createUsageFormatters");
-function useUsageFormatters() {
-  const locale = _nextintl.useLocale.call(void 0, );
-  const currency = _chunkU7QVISQSjs.getTokenUsageCurrency.call(void 0, );
-  return _react.useMemo.call(void 0, () => createUsageFormatters(locale, currency), [locale, currency]);
-}
-_chunk7QVYU63Ejs.__name.call(void 0, useUsageFormatters, "useUsageFormatters");
-
-// src/features/tokenusage/lib/metrics.ts
-function metricValue(row, metric) {
-  if (metric === "cost") return row.cost;
-  if (metric === "credits") return row.credits;
-  return row.tokensIn + row.tokensOut;
-}
-_chunk7QVYU63Ejs.__name.call(void 0, metricValue, "metricValue");
-function cacheHitPercentage(cached, tokensIn) {
-  if (!tokensIn) return 0;
-  return cached / tokensIn * 100;
-}
-_chunk7QVYU63Ejs.__name.call(void 0, cacheHitPercentage, "cacheHitPercentage");
-function percentageDelta(current, previous) {
-  if (!previous) return void 0;
-  return Math.round((current - previous) / previous * 100);
-}
-_chunk7QVYU63Ejs.__name.call(void 0, percentageDelta, "percentageDelta");
-
-// src/features/tokenusage/components/TokenUsageAdminTiles.tsx
-
 var ZERO = { cost: 0, credits: 0, tokensIn: 0, tokensOut: 0, cached: 0, calls: 0 };
 function TokenUsageAdminTiles({ summary, metric, singleCustomerMode }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { decimal, metricValue: formatValue, currency, percent } = useUsageFormatters();
+  const { decimal, metricValue: formatValue, currency, percent } = _chunkGKDHYB2Rjs.useUsageFormatters.call(void 0, );
   const rowFor = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (scope, window) => _nullishCoalesce(summary.find((r) => r.scope === scope && r.window === window), () => ( ZERO)), "rowFor");
   const customerCurrent = rowFor("customer", "current");
   const customerPrevious = rowFor("customer", "previous");
@@ -430,16 +378,16 @@ function TokenUsageAdminTiles({ summary, metric, singleCustomerMode }) {
   const totalCurrent = rowFor("total", "current");
   const totalPrevious = rowFor("total", "previous");
   const averagePerCall = totalCurrent.calls ? totalCurrent.cost / totalCurrent.calls : 0;
-  const cacheHit = cacheHitPercentage(totalCurrent.cached, totalCurrent.tokensIn);
+  const cacheHit = _chunkGKDHYB2Rjs.cacheHitPercentage.call(void 0, totalCurrent.cached, totalCurrent.tokensIn);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkU7QVISQSjs.cn.call(void 0, "grid gap-3", singleCustomerMode ? "sm:grid-cols-1" : "sm:grid-cols-2"), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkCAKOFJZDjs.cn.call(void 0, "grid gap-3", singleCustomerMode ? "sm:grid-cols-1" : "sm:grid-cols-2"), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         LeadTile,
         {
           testId: "tile-customer",
           label: t("token_usage.admin.customer_spend"),
-          value: formatValue(metricValue(customerCurrent, metric), metric),
-          delta: percentageDelta(metricValue(customerCurrent, metric), metricValue(customerPrevious, metric)),
+          value: formatValue(_chunkGKDHYB2Rjs.metricValue.call(void 0, customerCurrent, metric), metric),
+          delta: _chunkGKDHYB2Rjs.percentageDelta.call(void 0, _chunkGKDHYB2Rjs.metricValue.call(void 0, customerCurrent, metric), _chunkGKDHYB2Rjs.metricValue.call(void 0, customerPrevious, metric)),
           previousLabel: t("token_usage.admin.vs_previous"),
           decimal
         }
@@ -449,8 +397,8 @@ function TokenUsageAdminTiles({ summary, metric, singleCustomerMode }) {
         {
           testId: "tile-platform",
           label: t("token_usage.admin.platform_spend"),
-          value: formatValue(metricValue(platformCurrent, metric), metric),
-          delta: percentageDelta(metricValue(platformCurrent, metric), metricValue(platformPrevious, metric)),
+          value: formatValue(_chunkGKDHYB2Rjs.metricValue.call(void 0, platformCurrent, metric), metric),
+          delta: _chunkGKDHYB2Rjs.percentageDelta.call(void 0, _chunkGKDHYB2Rjs.metricValue.call(void 0, platformCurrent, metric), _chunkGKDHYB2Rjs.metricValue.call(void 0, platformPrevious, metric)),
           previousLabel: t("token_usage.admin.vs_previous"),
           decimal
         }
@@ -462,8 +410,8 @@ function TokenUsageAdminTiles({ summary, metric, singleCustomerMode }) {
         {
           testId: "tile-total",
           label: t("token_usage.admin.total_cost"),
-          value: formatValue(metricValue(totalCurrent, metric), metric),
-          delta: percentageDelta(metricValue(totalCurrent, metric), metricValue(totalPrevious, metric)),
+          value: formatValue(_chunkGKDHYB2Rjs.metricValue.call(void 0, totalCurrent, metric), metric),
+          delta: _chunkGKDHYB2Rjs.percentageDelta.call(void 0, _chunkGKDHYB2Rjs.metricValue.call(void 0, totalCurrent, metric), _chunkGKDHYB2Rjs.metricValue.call(void 0, totalPrevious, metric)),
           decimal
         }
       ),
@@ -497,7 +445,7 @@ function LeadTile({
   previousLabel,
   decimal
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardContent, { className: "grid gap-1", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardContent, { className: "grid gap-1", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-primary text-xl font-semibold tabular-nums", children: value }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
@@ -514,7 +462,7 @@ function SupportingTile({
   delta,
   decimal
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { "data-testid": testId, size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardContent, { className: "grid gap-1", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { "data-testid": testId, size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardContent, { className: "grid gap-1", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: label }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium tabular-nums", children: value }),
@@ -537,7 +485,7 @@ function Delta({
     "span",
     {
       "data-testid": testId,
-      className: _chunkU7QVISQSjs.cn.call(void 0, 
+      className: _chunkCAKOFJZDjs.cn.call(void 0, 
         "inline-flex items-center gap-0.5 text-xs tabular-nums",
         increased ? "text-success" : "text-destructive"
       ),
@@ -558,10 +506,10 @@ _chunk7QVYU63Ejs.__name.call(void 0, Delta, "Delta");
 
 function TokenUsageBreakdownTable({ rows, metric }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { decimal, metricValue: formatValue, percent, compare } = useUsageFormatters();
+  const { decimal, metricValue: formatValue, percent, compare } = _chunkGKDHYB2Rjs.useUsageFormatters.call(void 0, );
   const [sort, setSort] = _react.useState.call(void 0, void 0);
   const showActiveUsers = rows.some((row) => row.activeUsers !== void 0);
-  const total = _react.useMemo.call(void 0, () => rows.reduce((sum, row) => sum + metricValue(row, metric), 0), [rows, metric]);
+  const total = _react.useMemo.call(void 0, () => rows.reduce((sum, row) => sum + _chunkGKDHYB2Rjs.metricValue.call(void 0, row, metric), 0), [rows, metric]);
   const sortValue = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (row, key) => {
     switch (key) {
       case "label":
@@ -571,9 +519,9 @@ function TokenUsageBreakdownTable({ rows, metric }) {
       case "activeUsers":
         return _nullishCoalesce(row.activeUsers, () => ( 0));
       case "cacheHit":
-        return cacheHitPercentage(row.cached, row.tokensIn);
+        return _chunkGKDHYB2Rjs.cacheHitPercentage.call(void 0, row.cached, row.tokensIn);
       case "share":
-        return metricValue(row, metric);
+        return _chunkGKDHYB2Rjs.metricValue.call(void 0, row, metric);
       default:
         return row[key];
     }
@@ -591,7 +539,7 @@ function TokenUsageBreakdownTable({ rows, metric }) {
     });
   }, [rows, sort, metric, compare]);
   const toggleSort = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (key) => setSort(
-    (current) => _optionalChain([current, 'optionalAccess', _8 => _8.key]) === key ? { key, direction: current.direction === "desc" ? "asc" : "desc" } : { key, direction: "desc" }
+    (current) => _optionalChain([current, 'optionalAccess', _3 => _3.key]) === key ? { key, direction: current.direction === "desc" ? "asc" : "desc" } : { key, direction: "desc" }
   ), "toggleSort");
   const columns = [
     { key: "label", label: t("token_usage.admin.columns.label"), numeric: false },
@@ -611,36 +559,36 @@ function TokenUsageBreakdownTable({ rows, metric }) {
     // The package's <Table> wraps itself in an `overflow-x-clip` container, which
     // would swallow the overflow before this scroller ever saw it — hence the
     // child override. Wide metric tables must scroll, never widen the page.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableRow, { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableHead, { className: _chunkU7QVISQSjs.cn.call(void 0, column.numeric && "text-end"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableRow, { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableHead, { className: _chunkCAKOFJZDjs.cn.call(void 0, column.numeric && "text-end"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "button",
         {
           type: "button",
           onClick: () => toggleSort(column.key),
-          className: _chunkU7QVISQSjs.cn.call(void 0, 
+          className: _chunkCAKOFJZDjs.cn.call(void 0, 
             "hover:text-primary inline-flex items-center gap-1 text-xs font-medium",
             column.numeric && "flex-row-reverse"
           ),
           children: [
             column.label,
-            _optionalChain([sort, 'optionalAccess', _9 => _9.key]) === column.key && (sort.direction === "desc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDownIcon, { "aria-hidden": true, className: "size-3" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowUpIcon, { "aria-hidden": true, className: "size-3" }))
+            _optionalChain([sort, 'optionalAccess', _4 => _4.key]) === column.key && (sort.direction === "desc" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowDownIcon, { "aria-hidden": true, className: "size-3" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowUpIcon, { "aria-hidden": true, className: "size-3" }))
           ]
         }
       ) }, column.key)) }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableBody, { children: sortedRows.map((row) => {
-        const value = metricValue(row, metric);
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableBody, { children: sortedRows.map((row) => {
+        const value = _chunkGKDHYB2Rjs.metricValue.call(void 0, row, metric);
         const share = total > 0 ? value / total * 100 : 0;
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.TableRow, { "data-testid": `breakdown-row-${row.id}`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-xs", children: row.id === "other" ? t("token_usage.admin.other") : row.label }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-muted-foreground text-xs", children: _nullishCoalesce(row.sublabel, () => ( "")) }),
-          showActiveUsers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: row.activeUsers === void 0 ? "" : decimal(row.activeUsers, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.calls, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensIn, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensOut, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(cacheHitPercentage(row.cached, row.tokensIn)) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.cost, "cost") }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.credits, "credits") }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(share) })
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.TableRow, { "data-testid": `breakdown-row-${row.id}`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-xs", children: row.id === "other" ? t("token_usage.admin.other") : row.label }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-muted-foreground text-xs", children: _nullishCoalesce(row.sublabel, () => ( "")) }),
+          showActiveUsers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: row.activeUsers === void 0 ? "" : decimal(row.activeUsers, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.calls, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensIn, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensOut, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(_chunkGKDHYB2Rjs.cacheHitPercentage.call(void 0, row.cached, row.tokensIn)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.cost, "cost") }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.credits, "credits") }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(share) })
         ] }, row.id);
       }) })
     ] }) })
@@ -665,41 +613,11 @@ var operationLabel = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (type,
   return has(key) ? translate(key) : type;
 }, "operationLabel");
 
-// src/features/tokenusage/lib/palette.ts
-var CATEGORICAL_LIGHT = [
-  "#2a78d6",
-  "#eb6834",
-  "#1baf7a",
-  "#eda100",
-  "#e87ba4",
-  "#008300",
-  "#4a3aa7"
-];
-var CATEGORICAL_DARK = [
-  "#3987e5",
-  "#d95926",
-  "#199e70",
-  "#c98500",
-  "#d55181",
-  "#008300",
-  "#9085e9"
-];
-var CATEGORICAL_CEILING = CATEGORICAL_LIGHT.length;
-var OTHER_COLOR = "#898781";
-var SEQUENTIAL_RAMP_LIGHT = ["#104281", "#1c5cab", "#2a78d6", "#5598e7", "#86b6ef"];
-var SEQUENTIAL_RAMP = SEQUENTIAL_RAMP_LIGHT;
-var categoricalSet = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (mode) => mode === "dark" ? CATEGORICAL_DARK : CATEGORICAL_LIGHT, "categoricalSet");
-function seriesColor(index, mode = "light") {
-  if (index < 0 || index >= CATEGORICAL_CEILING) return OTHER_COLOR;
-  return categoricalSet(mode)[index];
-}
-_chunk7QVYU63Ejs.__name.call(void 0, seriesColor, "seriesColor");
-
 // src/features/tokenusage/components/TokenUsageRankedBar.tsx
 
 function TokenUsageRankedBar({ rows, metric, emptyLabel, labelsAreOperationTypes = false }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { metricValue: formatValue, percent } = useUsageFormatters();
+  const { metricValue: formatValue, percent } = _chunkGKDHYB2Rjs.useUsageFormatters.call(void 0, );
   const renderLabel = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (row) => {
     if (row.id === "other") return t("token_usage.admin.other");
     if (!labelsAreOperationTypes) return row.label;
@@ -712,13 +630,13 @@ function TokenUsageRankedBar({ rows, metric, emptyLabel, labelsAreOperationTypes
   if (rows.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground py-6 text-center text-sm", children: emptyLabel });
   }
-  const values = rows.map((row) => metricValue(row, metric));
+  const values = rows.map((row) => _chunkGKDHYB2Rjs.metricValue.call(void 0, row, metric));
   const total = values.reduce((sum, value) => sum + value, 0);
   const max = Math.max(...values, 0);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-0.5", children: rows.map((row, index) => {
     const value = values[index];
     const isOther = row.id === "other";
-    const step = isOther ? SEQUENTIAL_RAMP.length - 1 : Math.min(index, SEQUENTIAL_RAMP.length - 1);
+    const step = isOther ? _chunkGKDHYB2Rjs.SEQUENTIAL_RAMP.length - 1 : Math.min(index, _chunkGKDHYB2Rjs.SEQUENTIAL_RAMP.length - 1);
     const width = max > 0 ? value / max * 100 : 0;
     const share = total > 0 ? value / total * 100 : 0;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-x-3 gap-y-0.5 py-0.5", children: [
@@ -730,7 +648,7 @@ function TokenUsageRankedBar({ rows, metric, emptyLabel, labelsAreOperationTypes
             "data-testid": `ranked-fill-${row.id}`,
             "data-ramp-step": String(step),
             className: "h-full rounded-r-[4px]",
-            style: { width: `${width}%`, backgroundColor: SEQUENTIAL_RAMP[step] }
+            style: { width: `${width}%`, backgroundColor: _chunkGKDHYB2Rjs.SEQUENTIAL_RAMP[step] }
           }
         ) })
       ] }),
@@ -780,7 +698,7 @@ var inferGranularity = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (buc
 }, "inferGranularity");
 function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { compact, bucketDate, metricValue: formatValue } = useUsageFormatters();
+  const { compact, bucketDate, metricValue: formatValue } = _chunkGKDHYB2Rjs.useUsageFormatters.call(void 0, );
   const { resolvedTheme } = _nextthemes.useTheme.call(void 0, );
   const mode = resolvedTheme === "dark" ? "dark" : "light";
   const { chartData, seriesKeys } = _react.useMemo.call(void 0, () => {
@@ -788,8 +706,8 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
     const totals = /* @__PURE__ */ new Map();
     for (const row of rows) totals.set(row.series, (_nullishCoalesce(totals.get(row.series), () => ( 0))) + metricValue2(row, metric));
     const ranked = [...totals.entries()].sort((a, b) => b[1] - a[1]).map(([series]) => series);
-    const named = ranked.slice(0, CATEGORICAL_CEILING);
-    const folded = new Set(ranked.slice(CATEGORICAL_CEILING));
+    const named = ranked.slice(0, _chunkGKDHYB2Rjs.CATEGORICAL_CEILING);
+    const folded = new Set(ranked.slice(_chunkGKDHYB2Rjs.CATEGORICAL_CEILING));
     const keys = folded.size > 0 ? [...named, OTHER_SERIES] : named;
     const byBucket = /* @__PURE__ */ new Map();
     for (const row of rows) {
@@ -829,7 +747,7 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: className ? `text-muted-foreground text-sm ${className}` : "text-muted-foreground text-sm", children: t.has(key) ? t(key) : "No data in the selected period" });
   }
   const granularity = inferGranularity(chartData.map((entry) => entry.bucket));
-  const seriesColorFor = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (series, index) => series === OTHER_SERIES ? OTHER_COLOR : seriesColor(index, mode), "seriesColorFor");
+  const seriesColorFor = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (series, index) => series === OTHER_SERIES ? _chunkGKDHYB2Rjs.OTHER_COLOR : _chunkGKDHYB2Rjs.seriesColor.call(void 0, index, mode), "seriesColorFor");
   return (
     // The chart is a coordinate system, not prose: recharts lays the axes and the
     // stacked bars out left-to-right, so the whole chart stays an LTR island even
@@ -838,7 +756,7 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className, dir: "ltr", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", "data-testid": "timeline-data", children: JSON.stringify(chartData) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", "data-testid": "timeline-series", children: JSON.stringify(seriesKeys) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.ChartContainer, { config: chartConfig, className: "aspect-auto h-72 w-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _recharts.BarChart, { accessibilityLayer: true, data: chartData, margin: { top: 8, right: 8, bottom: 0, left: 0 }, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.ChartContainer, { config: chartConfig, className: "aspect-auto h-72 w-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _recharts.BarChart, { accessibilityLayer: true, data: chartData, margin: { top: 8, right: 8, bottom: 0, left: 0 }, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _recharts.CartesianGrid, { vertical: false }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _recharts.XAxis,
@@ -862,10 +780,10 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk2XCUAHQTjs.ChartTooltip,
+          _chunkABVTYQIJjs.ChartTooltip,
           {
             content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk2XCUAHQTjs.ChartTooltipContent,
+              _chunkABVTYQIJjs.ChartTooltipContent,
               {
                 labelFormatter: (value) => bucketDate(String(value), granularity),
                 valueFormatter: (value) => formatValue(Number(value), metric),
@@ -874,7 +792,7 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
             )
           }
         ),
-        seriesKeys.length >= 2 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.ChartLegend, { content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.ChartLegendContent, {}) }) : null,
+        seriesKeys.length >= 2 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.ChartLegend, { content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.ChartLegendContent, {}) }) : null,
         seriesKeys.map((series, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _recharts.Bar,
           {
@@ -926,19 +844,19 @@ function TokenUsageAdminContainer() {
     [t]
   );
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
   }
-  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
+  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
   const emptyLabel = t("token_usage.admin.no_data");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-4 p-4", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-4 p-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageAdminTiles, { summary, metric: filters.metric, singleCustomerMode: hidePlatform }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.admin.usage_over_time") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardAction, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.admin.usage_over_time") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardAction, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: t("token_usage.admin.stack_by") }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunk2XCUAHQTjs.Select,
+            _chunkABVTYQIJjs.Select,
             {
               items: stackByItems,
               value: filters.stackBy,
@@ -946,29 +864,29 @@ function TokenUsageAdminContainer() {
                 if (value) setFilters({ stackBy: value });
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectTrigger, { size: "sm", className: "w-36", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectValue, {}) }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectContent, { children: STACK_BY_VALUES.map((value) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SelectItem, { value, children: stackByItems[value] }, value)) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectTrigger, { size: "sm", className: "w-36", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectValue, {}) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectContent, { children: STACK_BY_VALUES.map((value) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SelectItem, { value, children: stackByItems[value] }, value)) })
               ]
             }
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: filters.metric, stackBy: filters.stackBy }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: filters.metric, stackBy: filters.stackBy }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.admin.by_company") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byCompany, metric: filters.metric, emptyLabel }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.admin.by_company") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byCompany, metric: filters.metric, emptyLabel }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.admin.by_user") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byUser, metric: filters.metric, emptyLabel }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.admin.by_user") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byUser, metric: filters.metric, emptyLabel }) })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkU7QVISQSjs.cn.call(void 0, "grid gap-4", !hidePlatform && "md:grid-cols-2"), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.admin.customer_by_operation") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkCAKOFJZDjs.cn.call(void 0, "grid gap-4", !hidePlatform && "md:grid-cols-2"), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.admin.customer_by_operation") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TokenUsageRankedBar,
           {
             rows: byCustomerOperation,
@@ -978,9 +896,9 @@ function TokenUsageAdminContainer() {
           }
         ) })
       ] }),
-      !hidePlatform && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.admin.platform_by_operation") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      !hidePlatform && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.admin.platform_by_operation") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TokenUsageRankedBar,
           {
             rows: byOperation,
@@ -991,9 +909,9 @@ function TokenUsageAdminContainer() {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.admin.detail") }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageBreakdownTable, { rows: byCompany, metric: filters.metric }) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.admin.detail") }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageBreakdownTable, { rows: byCompany, metric: filters.metric }) })
     ] })
   ] }) });
 }
@@ -1006,36 +924,36 @@ function withFilters2(endpoint, filters) {
   return endpoint;
 }
 _chunk7QVYU63Ejs.__name.call(void 0, withFilters2, "withFilters");
-var TokenUsageReportService = class extends _chunkU7QVISQSjs.AbstractService {
+var TokenUsageReportService = class extends _chunkCAKOFJZDjs.AbstractService {
   static {
     _chunk7QVYU63Ejs.__name.call(void 0, this, "TokenUsageReportService");
   }
   /** Two rows: window "current" and "previous". */
   static async getSummary(filters) {
-    const endpoint = withFilters2(new (0, _chunkU7QVISQSjs.EndpointCreator)({ endpoint: _chunkU7QVISQSjs.Modules.TokenUsageReportSummary }), filters);
+    const endpoint = withFilters2(new (0, _chunkCAKOFJZDjs.EndpointCreator)({ endpoint: _chunkCAKOFJZDjs.Modules.TokenUsageReportSummary }), filters);
     return this.callApi({
-      type: _chunkU7QVISQSjs.Modules.TokenUsageReportSummary,
+      type: _chunkCAKOFJZDjs.Modules.TokenUsageReportSummary,
       method: "GET" /* GET */,
       endpoint: endpoint.generate()
     });
   }
   static async getTimeline(params) {
-    const endpoint = withFilters2(new (0, _chunkU7QVISQSjs.EndpointCreator)({ endpoint: _chunkU7QVISQSjs.Modules.TokenUsageReportTimeline }), params);
+    const endpoint = withFilters2(new (0, _chunkCAKOFJZDjs.EndpointCreator)({ endpoint: _chunkCAKOFJZDjs.Modules.TokenUsageReportTimeline }), params);
     endpoint.addAdditionalParam("granularity", params.granularity);
     return this.callApi({
-      type: _chunkU7QVISQSjs.Modules.TokenUsageReportTimeline,
+      type: _chunkCAKOFJZDjs.Modules.TokenUsageReportTimeline,
       method: "GET" /* GET */,
       endpoint: endpoint.generate()
     });
   }
   static async getBreakdown(params) {
-    const endpoint = withFilters2(new (0, _chunkU7QVISQSjs.EndpointCreator)({ endpoint: _chunkU7QVISQSjs.Modules.TokenUsageReportBreakdown }), params);
+    const endpoint = withFilters2(new (0, _chunkCAKOFJZDjs.EndpointCreator)({ endpoint: _chunkCAKOFJZDjs.Modules.TokenUsageReportBreakdown }), params);
     endpoint.addAdditionalParam("dimension", params.dimension);
     if (params.targetLabel) endpoint.addAdditionalParam("targetLabel", params.targetLabel);
     endpoint.addAdditionalParam("metric", params.metric);
     if (params.limit !== void 0) endpoint.addAdditionalParam("limit", String(params.limit));
     return this.callApi({
-      type: _chunkU7QVISQSjs.Modules.TokenUsageReportBreakdown,
+      type: _chunkCAKOFJZDjs.Modules.TokenUsageReportBreakdown,
       method: "GET" /* GET */,
       endpoint: endpoint.generate()
     });
@@ -1114,10 +1032,10 @@ var TOKEN_USAGE_REPORT_I18N_KEYS = [
 
 function TokenUsageReportFilterBar({ onChange }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-help": "tokenusage.filters", className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2XCUAHQTjs.DateRangeSelector,
+    _chunkABVTYQIJjs.DateRangeSelector,
     {
       onDateChange: (range) => {
-        if (!_optionalChain([range, 'optionalAccess', _10 => _10.from]) || !_optionalChain([range, 'optionalAccess', _11 => _11.to])) return;
+        if (!_optionalChain([range, 'optionalAccess', _5 => _5.from]) || !_optionalChain([range, 'optionalAccess', _6 => _6.to])) return;
         onChange({ from: range.from.toISOString(), to: range.to.toISOString() });
       }
     }
@@ -1147,7 +1065,7 @@ var TokenUsageReportProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
   pageUrl = TOKEN_USAGE_REPORT_PAGE_URL
 }) => {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunk2XCUAHQTjs.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunkABVTYQIJjs.usePageUrlGenerator.call(void 0, );
   const [filters, setFilterState] = _react.useState.call(void 0, () => {
     const range = defaultRange2();
     return { from: _nullishCoalesce(initialFrom, () => ( range.from)), to: _nullishCoalesce(initialTo, () => ( range.to)) };
@@ -1211,7 +1129,7 @@ var TokenUsageReportProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
     () => ({ summary, timeline, byOperation, byTarget, targetPanelTitleKey, filters, setFilters, isLoading, error }),
     [summary, timeline, byOperation, byTarget, targetPanelTitleKey, filters, setFilters, isLoading, error]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageReportContext.Provider, { value: contextValue, children }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageReportContext.Provider, { value: contextValue, children }) });
 }, "TokenUsageReportProvider");
 var useTokenUsageReport = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, () => {
   const ctx = _react.useContext.call(void 0, TokenUsageReportContext);
@@ -1231,7 +1149,7 @@ var useTokenUsageReport = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (
 var ZERO2 = { cost: 0, credits: 0, tokensIn: 0, tokensOut: 0, cached: 0, calls: 0 };
 function TokenUsageReportTiles({ summary, metric, balances }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { decimal, metricValue: formatValue } = useUsageFormatters();
+  const { decimal, metricValue: formatValue } = _chunkGKDHYB2Rjs.useUsageFormatters.call(void 0, );
   const rowFor = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (window) => _nullishCoalesce(summary.find((row) => row.window === window), () => ( ZERO2)), "rowFor");
   const current = rowFor("current");
   const previous = rowFor("previous");
@@ -1239,15 +1157,15 @@ function TokenUsageReportTiles({ summary, metric, balances }) {
   const monthlyColor = monthlyPercentage > 75 ? "text-success" : monthlyPercentage >= 5 ? "text-warning" : "text-destructive";
   const whole = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (value) => decimal(Math.max(0, Math.floor(value)), 0), "whole");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid gap-3", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { "data-testid": "tile-used", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardContent, { className: "grid gap-1", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { "data-testid": "tile-used", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardContent, { className: "grid gap-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: t("token_usage.report.used_in_period") }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-primary text-xl font-semibold tabular-nums", children: formatValue(metricValue(current, metric), metric) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-primary text-xl font-semibold tabular-nums", children: formatValue(_chunkGKDHYB2Rjs.metricValue.call(void 0, current, metric), metric) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           Delta2,
           {
             testId: "tile-used-delta",
-            delta: percentageDelta(metricValue(current, metric), metricValue(previous, metric)),
+            delta: _chunkGKDHYB2Rjs.percentageDelta.call(void 0, _chunkGKDHYB2Rjs.metricValue.call(void 0, current, metric), _chunkGKDHYB2Rjs.metricValue.call(void 0, previous, metric)),
             decimal
           }
         ),
@@ -1255,21 +1173,21 @@ function TokenUsageReportTiles({ summary, metric, balances }) {
       ] })
     ] }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid gap-3 sm:grid-cols-3", children: [
-      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { "data-testid": "tile-monthly", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardContent, { className: "grid gap-1", children: [
+      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { "data-testid": "tile-monthly", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardContent, { className: "grid gap-1", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: t("token_usage.report.monthly_left") }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-baseline gap-1", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "tile-monthly-value", className: _chunkU7QVISQSjs.cn.call(void 0, "text-sm font-medium tabular-nums", monthlyColor), children: whole(balances.availableMonthlyCredits) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-testid": "tile-monthly-value", className: _chunkCAKOFJZDjs.cn.call(void 0, "text-sm font-medium tabular-nums", monthlyColor), children: whole(balances.availableMonthlyCredits) }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground text-xs tabular-nums", children: [
             "/ ",
             whole(balances.monthlyCredits)
           ] })
         ] })
       ] }) }),
-      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { "data-testid": "tile-extra", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardContent, { className: "grid gap-1", children: [
+      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { "data-testid": "tile-extra", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardContent, { className: "grid gap-1", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: t("token_usage.report.extra_credits") }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium tabular-nums", children: whole(balances.availableExtraCredits) })
       ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { "data-testid": "tile-calls", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.CardContent, { className: "grid gap-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { "data-testid": "tile-calls", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.CardContent, { className: "grid gap-1", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-muted-foreground text-xs", children: t("token_usage.report.calls") }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium tabular-nums", children: decimal(current.calls, 0) })
       ] }) })
@@ -1291,7 +1209,7 @@ function Delta2({
     "span",
     {
       "data-testid": testId,
-      className: _chunkU7QVISQSjs.cn.call(void 0, 
+      className: _chunkCAKOFJZDjs.cn.call(void 0, 
         "inline-flex items-center gap-0.5 text-xs tabular-nums",
         increased ? "text-warning" : "text-success"
       ),
@@ -1311,21 +1229,21 @@ function TokenUsageReportContainer({ balances = null }) {
   const t = _nextintl.useTranslations.call(void 0, );
   const { summary, timeline, byOperation, byTarget, isLoading, error, targetPanelTitleKey } = useTokenUsageReport();
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
   }
-  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
+  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
   const emptyLabel = t("token_usage.report.no_data");
   const targetTitle = targetPanelTitleKey && byTarget.length > 0 ? t(targetPanelTitleKey) : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-4 p-4", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-4 p-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageReportTiles, { summary, metric: "credits", balances }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.report.usage_over_time") }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: "credits", stackBy: "type" }) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.report.usage_over_time") }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: "credits", stackBy: "type" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkU7QVISQSjs.cn.call(void 0, "grid gap-4", targetTitle && "md:grid-cols-2"), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: t("token_usage.report.by_operation") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkCAKOFJZDjs.cn.call(void 0, "grid gap-4", targetTitle && "md:grid-cols-2"), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: t("token_usage.report.by_operation") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TokenUsageRankedBar,
           {
             rows: byOperation,
@@ -1335,9 +1253,9 @@ function TokenUsageReportContainer({ balances = null }) {
           }
         ) })
       ] }),
-      targetTitle && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCUAHQTjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardTitle, { children: targetTitle }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2XCUAHQTjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byTarget, metric: "credits", emptyLabel }) })
+      targetTitle && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkABVTYQIJjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardTitle, { children: targetTitle }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkABVTYQIJjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byTarget, metric: "credits", emptyLabel }) })
       ] })
     ] })
   ] }) });
@@ -1375,5 +1293,5 @@ _chunk7QVYU63Ejs.__name.call(void 0, TokenUsageReportContainer, "TokenUsageRepor
 
 
 
-exports.TOKEN_USAGE_ADMIN_I18N_KEYS = TOKEN_USAGE_ADMIN_I18N_KEYS; exports.TOKEN_USAGE_REPORT_I18N_KEYS = TOKEN_USAGE_REPORT_I18N_KEYS; exports.TokenUsageAdminBreakdown = _chunkU7QVISQSjs.TokenUsageAdminBreakdown; exports.TokenUsageAdminBreakdownModule = _chunkU7QVISQSjs.TokenUsageAdminBreakdownModule; exports.TokenUsageAdminContainer = TokenUsageAdminContainer; exports.TokenUsageAdminFilterBar = TokenUsageAdminFilterBar; exports.TokenUsageAdminProvider = TokenUsageAdminProvider; exports.TokenUsageAdminService = TokenUsageAdminService; exports.TokenUsageAdminSummary = _chunkU7QVISQSjs.TokenUsageAdminSummary; exports.TokenUsageAdminSummaryModule = _chunkU7QVISQSjs.TokenUsageAdminSummaryModule; exports.TokenUsageAdminTiles = TokenUsageAdminTiles; exports.TokenUsageAdminTimeline = _chunkU7QVISQSjs.TokenUsageAdminTimeline; exports.TokenUsageAdminTimelineModule = _chunkU7QVISQSjs.TokenUsageAdminTimelineModule; exports.TokenUsageBreakdownTable = TokenUsageBreakdownTable; exports.TokenUsageRankedBar = TokenUsageRankedBar; exports.TokenUsageReportBreakdown = _chunkU7QVISQSjs.TokenUsageReportBreakdown; exports.TokenUsageReportContainer = TokenUsageReportContainer; exports.TokenUsageReportFilterBar = TokenUsageReportFilterBar; exports.TokenUsageReportProvider = TokenUsageReportProvider; exports.TokenUsageReportService = TokenUsageReportService; exports.TokenUsageReportSummary = _chunkU7QVISQSjs.TokenUsageReportSummary; exports.TokenUsageReportTiles = TokenUsageReportTiles; exports.TokenUsageReportTimeline = _chunkU7QVISQSjs.TokenUsageReportTimeline; exports.TokenUsageTimelineChart = TokenUsageTimelineChart; exports.configureTokenUsage = _chunkU7QVISQSjs.configureTokenUsage; exports.createUsageFormatters = createUsageFormatters; exports.getTokenUsageCurrency = _chunkU7QVISQSjs.getTokenUsageCurrency; exports.tokenUsageModules = _chunkU7QVISQSjs.tokenUsageModules; exports.useTokenUsageAdmin = useTokenUsageAdmin; exports.useTokenUsageReport = useTokenUsageReport; exports.useUsageFormatters = useUsageFormatters;
+exports.TOKEN_USAGE_ADMIN_I18N_KEYS = TOKEN_USAGE_ADMIN_I18N_KEYS; exports.TOKEN_USAGE_REPORT_I18N_KEYS = TOKEN_USAGE_REPORT_I18N_KEYS; exports.TokenUsageAdminBreakdown = _chunkCAKOFJZDjs.TokenUsageAdminBreakdown; exports.TokenUsageAdminBreakdownModule = _chunkCAKOFJZDjs.TokenUsageAdminBreakdownModule; exports.TokenUsageAdminContainer = TokenUsageAdminContainer; exports.TokenUsageAdminFilterBar = TokenUsageAdminFilterBar; exports.TokenUsageAdminProvider = TokenUsageAdminProvider; exports.TokenUsageAdminService = TokenUsageAdminService; exports.TokenUsageAdminSummary = _chunkCAKOFJZDjs.TokenUsageAdminSummary; exports.TokenUsageAdminSummaryModule = _chunkCAKOFJZDjs.TokenUsageAdminSummaryModule; exports.TokenUsageAdminTiles = TokenUsageAdminTiles; exports.TokenUsageAdminTimeline = _chunkCAKOFJZDjs.TokenUsageAdminTimeline; exports.TokenUsageAdminTimelineModule = _chunkCAKOFJZDjs.TokenUsageAdminTimelineModule; exports.TokenUsageBreakdownTable = TokenUsageBreakdownTable; exports.TokenUsageRankedBar = TokenUsageRankedBar; exports.TokenUsageReportBreakdown = _chunkCAKOFJZDjs.TokenUsageReportBreakdown; exports.TokenUsageReportContainer = TokenUsageReportContainer; exports.TokenUsageReportFilterBar = TokenUsageReportFilterBar; exports.TokenUsageReportProvider = TokenUsageReportProvider; exports.TokenUsageReportService = TokenUsageReportService; exports.TokenUsageReportSummary = _chunkCAKOFJZDjs.TokenUsageReportSummary; exports.TokenUsageReportTiles = TokenUsageReportTiles; exports.TokenUsageReportTimeline = _chunkCAKOFJZDjs.TokenUsageReportTimeline; exports.TokenUsageTimelineChart = TokenUsageTimelineChart; exports.configureTokenUsage = _chunkCAKOFJZDjs.configureTokenUsage; exports.createUsageFormatters = _chunkGKDHYB2Rjs.createUsageFormatters; exports.getTokenUsageCurrency = _chunkCAKOFJZDjs.getTokenUsageCurrency; exports.tokenUsageModules = _chunkCAKOFJZDjs.tokenUsageModules; exports.useTokenUsageAdmin = useTokenUsageAdmin; exports.useTokenUsageReport = useTokenUsageReport; exports.useUsageFormatters = _chunkGKDHYB2Rjs.useUsageFormatters;
 //# sourceMappingURL=index.js.map