@carlonicora/nextjs-jsonapi 3.8.0 → 3.8.2

package/dist/features/tokenusage/index.js

@@ -26,7 +26,7 @@
 
 
 
-var _chunkCDO4ZUOAjs = require('../../chunk-CDO4ZUOA.js');
+var _chunkDGAVM2LZjs = require('../../chunk-DGAVM2LZ.js');
 require('../../chunk-TULJCLZA.js');
 
 
@@ -70,7 +70,7 @@ function TokenUsageAdminFilterBar({ granularity, companyId, metric, companies, o
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCDO4ZUOAjs.DateRangeSelector,
+      _chunkDGAVM2LZjs.DateRangeSelector,
       {
         onDateChange: (range) => {
           if (!_optionalChain([range, 'optionalAccess', _ => _.from]) || !_optionalChain([range, 'optionalAccess', _2 => _2.to])) return;
@@ -105,16 +105,16 @@ function TokenUsageAdminFilterBar({ granularity, companyId, metric, companies, o
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkCDO4ZUOAjs.Select,
+      _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.SelectTrigger, { className: "w-56", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectValue, { placeholder: t("token_usage.admin.all_companies") }) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.SelectContent, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectItem, { value: ALL_COMPANIES, children: t("token_usage.admin.all_companies") }),
-            companies.map((company) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectItem, { value: company.id, children: company.label }, company.id))
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectTrigger, { className: "w-56", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectValue, { placeholder: t("token_usage.admin.all_companies") }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.SelectContent, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectItem, { value: ALL_COMPANIES, children: t("token_usage.admin.all_companies") }),
+            companies.map((company) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectItem, { value: company.id, children: company.label }, company.id))
           ] })
         ]
       }
@@ -137,7 +137,7 @@ function Segmented({
       children: options.map((option) => {
         const selected = option.value === value;
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCDO4ZUOAjs.Button,
+          _chunkDGAVM2LZjs.Button,
           {
             type: "button",
             size: "sm",
@@ -219,7 +219,7 @@ var TokenUsageAdminProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
   pageUrl = TOKEN_USAGE_ADMIN_PAGE_URL
 }) => {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkCDO4ZUOAjs.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunkDGAVM2LZjs.usePageUrlGenerator.call(void 0, );
   const [filters, setFilterState] = _react.useState.call(void 0, () => {
     const range = defaultRange();
     return {
@@ -337,7 +337,7 @@ var TokenUsageAdminProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
       error
     ]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.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, _chunkDGAVM2LZjs.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);
@@ -497,7 +497,7 @@ function LeadTile({
   previousLabel,
   decimal
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.Card, { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardContent, { className: "grid gap-1", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.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 +514,7 @@ function SupportingTile({
   delta,
   decimal
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.Card, { "data-testid": testId, size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardContent, { className: "grid gap-1", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { "data-testid": testId, size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.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 }),
@@ -611,8 +611,8 @@ 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, _chunkCDO4ZUOAjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableRow, { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableHead, { className: _chunkUYLS3LJWjs.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, _chunkDGAVM2LZjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableRow, { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableHead, { className: _chunkUYLS3LJWjs.cn.call(void 0, column.numeric && "text-end"), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "button",
         {
           type: "button",
@@ -627,20 +627,20 @@ function TokenUsageBreakdownTable({ rows, metric }) {
           ]
         }
       ) }, column.key)) }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableBody, { children: sortedRows.map((row) => {
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableBody, { children: sortedRows.map((row) => {
         const value = metricValue(row, metric);
         const share = total > 0 ? value / total * 100 : 0;
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.TableRow, { "data-testid": `breakdown-row-${row.id}`, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-xs", children: row.id === "other" ? t("token_usage.admin.other") : row.label }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-muted-foreground text-xs", children: _nullishCoalesce(row.sublabel, () => ( "")) }),
-          showActiveUsers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: row.activeUsers === void 0 ? "" : decimal(row.activeUsers, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.calls, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensIn, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensOut, 0) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(cacheHitPercentage(row.cached, row.tokensIn)) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.cost, "cost") }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.credits, "credits") }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(share) })
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.TableRow, { "data-testid": `breakdown-row-${row.id}`, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-xs", children: row.id === "other" ? t("token_usage.admin.other") : row.label }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-muted-foreground text-xs", children: _nullishCoalesce(row.sublabel, () => ( "")) }),
+          showActiveUsers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: row.activeUsers === void 0 ? "" : decimal(row.activeUsers, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.calls, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensIn, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.tokensOut, 0) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(cacheHitPercentage(row.cached, row.tokensIn)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.cost, "cost") }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: formatValue(row.credits, "credits") }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.TableCell, { className: "text-end text-xs tabular-nums", children: percent(share) })
         ] }, row.id);
       }) })
     ] }) })
@@ -838,7 +838,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, _chunkCDO4ZUOAjs.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, _chunkDGAVM2LZjs.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 +862,10 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCDO4ZUOAjs.ChartTooltip,
+          _chunkDGAVM2LZjs.ChartTooltip,
           {
             content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkCDO4ZUOAjs.ChartTooltipContent,
+              _chunkDGAVM2LZjs.ChartTooltipContent,
               {
                 labelFormatter: (value) => bucketDate(String(value), granularity),
                 valueFormatter: (value) => formatValue(Number(value), metric),
@@ -874,7 +874,7 @@ function TokenUsageTimelineChart({ rows, metric, stackBy, className }) {
             )
           }
         ),
-        seriesKeys.length >= 2 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.ChartLegend, { content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.ChartLegendContent, {}) }) : null,
+        seriesKeys.length >= 2 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.ChartLegend, { content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.ChartLegendContent, {}) }) : null,
         seriesKeys.map((series, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _recharts.Bar,
           {
@@ -926,19 +926,19 @@ function TokenUsageAdminContainer() {
     [t]
   );
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
+  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
   const emptyLabel = t("token_usage.admin.no_data");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.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, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.admin.usage_over_time") }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardAction, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.admin.usage_over_time") }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.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, 
-            _chunkCDO4ZUOAjs.Select,
+            _chunkDGAVM2LZjs.Select,
             {
               items: stackByItems,
               value: filters.stackBy,
@@ -946,29 +946,29 @@ function TokenUsageAdminContainer() {
                 if (value) setFilters({ stackBy: value });
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectTrigger, { size: "sm", className: "w-36", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectValue, {}) }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectContent, { children: STACK_BY_VALUES.map((value) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.SelectItem, { value, children: stackByItems[value] }, value)) })
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectTrigger, { size: "sm", className: "w-36", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectValue, {}) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectContent, { children: STACK_BY_VALUES.map((value) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.SelectItem, { value, children: stackByItems[value] }, value)) })
               ]
             }
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: filters.metric, stackBy: filters.stackBy }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.admin.by_company") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byCompany, metric: filters.metric, emptyLabel }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.admin.by_company") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byCompany, metric: filters.metric, emptyLabel }) })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.admin.by_user") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byUser, metric: filters.metric, emptyLabel }) })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.admin.by_user") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byUser, metric: filters.metric, emptyLabel }) })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkUYLS3LJWjs.cn.call(void 0, "grid gap-4", !hidePlatform && "md:grid-cols-2"), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.admin.customer_by_operation") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.admin.customer_by_operation") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TokenUsageRankedBar,
           {
             rows: byCustomerOperation,
@@ -978,9 +978,9 @@ function TokenUsageAdminContainer() {
           }
         ) })
       ] }),
-      !hidePlatform && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.admin.platform_by_operation") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      !hidePlatform && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.admin.platform_by_operation") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TokenUsageRankedBar,
           {
             rows: byOperation,
@@ -991,9 +991,9 @@ function TokenUsageAdminContainer() {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.admin.detail") }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageBreakdownTable, { rows: byCompany, metric: filters.metric }) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.admin.detail") }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageBreakdownTable, { rows: byCompany, metric: filters.metric }) })
     ] })
   ] }) });
 }
@@ -1114,7 +1114,7 @@ var TOKEN_USAGE_REPORT_I18N_KEYS = [
 
 function TokenUsageReportFilterBar({ onChange }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCDO4ZUOAjs.DateRangeSelector,
+    _chunkDGAVM2LZjs.DateRangeSelector,
     {
       onDateChange: (range) => {
         if (!_optionalChain([range, 'optionalAccess', _10 => _10.from]) || !_optionalChain([range, 'optionalAccess', _11 => _11.to])) return;
@@ -1147,7 +1147,7 @@ var TokenUsageReportProvider = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void
   pageUrl = TOKEN_USAGE_REPORT_PAGE_URL
 }) => {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkCDO4ZUOAjs.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunkDGAVM2LZjs.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 +1211,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, _chunkCDO4ZUOAjs.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, _chunkDGAVM2LZjs.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);
@@ -1239,7 +1239,7 @@ 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, _chunkCDO4ZUOAjs.Card, { "data-testid": "tile-used", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardContent, { className: "grid gap-1", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { "data-testid": "tile-used", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.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.jsxs.call(void 0, "span", { className: "flex items-center gap-1", children: [
@@ -1255,7 +1255,7 @@ 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, _chunkCDO4ZUOAjs.Card, { "data-testid": "tile-monthly", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardContent, { className: "grid gap-1", children: [
+      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { "data-testid": "tile-monthly", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.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: _chunkUYLS3LJWjs.cn.call(void 0, "text-sm font-medium tabular-nums", monthlyColor), children: whole(balances.availableMonthlyCredits) }),
@@ -1265,11 +1265,11 @@ function TokenUsageReportTiles({ summary, metric, balances }) {
           ] })
         ] })
       ] }) }),
-      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.Card, { "data-testid": "tile-extra", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardContent, { className: "grid gap-1", children: [
+      balances && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { "data-testid": "tile-extra", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.Card, { "data-testid": "tile-calls", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.CardContent, { className: "grid gap-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { "data-testid": "tile-calls", size: "sm", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.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) })
       ] }) })
@@ -1311,21 +1311,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, _chunkCDO4ZUOAjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.RoundPageContainer, { fullWidth: true, forceHeader: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.Card, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.RoundPageContainer, { fullWidth: true, forceHeader: true });
+  if (isLoading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.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, _chunkDGAVM2LZjs.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, _chunkCDO4ZUOAjs.Card, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.report.usage_over_time") }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: "credits", stackBy: "type" }) })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.report.usage_over_time") }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageTimelineChart, { rows: timeline, metric: "credits", stackBy: "type" }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkUYLS3LJWjs.cn.call(void 0, "grid gap-4", targetTitle && "md:grid-cols-2"), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: t("token_usage.report.by_operation") }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: t("token_usage.report.by_operation") }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           TokenUsageRankedBar,
           {
             rows: byOperation,
@@ -1335,9 +1335,9 @@ function TokenUsageReportContainer({ balances = null }) {
           }
         ) })
       ] }),
-      targetTitle && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDO4ZUOAjs.Card, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardTitle, { children: targetTitle }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDO4ZUOAjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byTarget, metric: "credits", emptyLabel }) })
+      targetTitle && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDGAVM2LZjs.Card, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardTitle, { children: targetTitle }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGAVM2LZjs.CardContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TokenUsageRankedBar, { rows: byTarget, metric: "credits", emptyLabel }) })
       ] })
     ] })
   ] }) });

package/dist/features/tokenusage/index.mjs

@@ -26,7 +26,7 @@ import {
   TableHeader,
   TableRow,
   usePageUrlGenerator
-} from "../../chunk-XUDZOANZ.mjs";
+} from "../../chunk-GXSXD4OR.mjs";
 import "../../chunk-2D4MFVDV.mjs";
 import {
   AbstractService,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carlonicora/nextjs-jsonapi",
-  "version": "3.8.0",
+  "version": "3.8.2",
   "description": "Next.js JSON:API client with server/client support and caching",
   "author": "Carlo Nicora",
   "license": "GPL-3.0-or-later",

package/src/features/user/contexts/CurrentUserContext.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { getCookie } from "cookies-next";
 import { useAtom } from "jotai";
 import { atomWithStorage } from "jotai/utils";
 import { usePathname } from "next/navigation";
@@ -196,6 +197,29 @@ export const CurrentUserProvider = ({ children }: { children: React.ReactNode })
   const refreshUserRef = useRef(refreshUser);
   refreshUserRef.current = refreshUser;
 
+  // Reconcile the local cache with the session on mount.
+  //
+  // `userAtom` is a localStorage CACHE of the user; the session itself is the
+  // token cookie. The two can disagree — an iOS home-screen web app shares
+  // Safari's cookies but starts with an empty localStorage — and nothing used
+  // to reconcile them: the user was written only by the login flow or by
+  // RefreshUser, which fires only when the proxy refreshes a token. With a
+  // cookie and no cached user the server rendered a logged-in page while every
+  // client surface (avatar, sidebar, campaign role) saw nobody.
+  //
+  // localStorage is read directly rather than through `dehydratedUser`:
+  // atomWithStorage reports its initial value on the first render and only
+  // then hydrates from storage, so the atom alone would trigger a needless
+  // fetch on every mount. skipCookieUpdate because the cookies are what we are
+  // reading FROM; rewriting them through the Server Action would reload the page.
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    if (window.localStorage.getItem(CURRENT_USER_STORAGE_KEY)) return;
+    if (!getCookie("token")) return;
+    void refreshUserRef.current({ skipCookieUpdate: true });
+    // Mount-only: this is a one-shot reconciliation, not a subscription.
+  }, []);
+
   // Track refresh in progress to prevent duplicate API calls
   const isRefreshingRef = useRef(false);
 

package/src/features/user/contexts/__tests__/CurrentUserContext.spec.tsx

@@ -118,6 +118,46 @@ describe("CurrentUserProvider", () => {
     expect(localStorage.getItem("user")).toBe(JSON.stringify(storedUser));
   });
 
+  it("loads the user from the session when a token cookie exists but localStorage is empty", async () => {
+    // An iOS home-screen web app shares Safari's cookies but starts with an
+    // empty localStorage: the server renders a logged-in page while the client
+    // has no user. The provider must reconcile from the cookie session.
+    vi.mocked(getCookie).mockImplementation((name: any) => (name === "token" ? "jwt" : undefined));
+    const dehydrated = { id: "user-from-session", roles: [], company: null, modules: [] };
+    vi.mocked(UserService.findFullUser).mockResolvedValue({ ...dehydrated, dehydrate: () => dehydrated } as any);
+    const updateToken = vi.fn().mockResolvedValue(undefined);
+    vi.mocked(getTokenHandler).mockReturnValue({ updateToken, removeToken: vi.fn() } as any);
+
+    const { getByTestId } = render(
+      <CurrentUserProvider>
+        <Consumer />
+      </CurrentUserProvider>,
+    );
+
+    await new Promise((resolve) => setTimeout(resolve, 100));
+
+    expect(UserService.findFullUser).toHaveBeenCalledTimes(1);
+    expect(getByTestId("current-user-id").textContent).toBe("user-from-session");
+    // The cookies are what we read FROM; rewriting them would reload the page.
+    expect(updateToken).not.toHaveBeenCalled();
+  });
+
+  it("does not hit the API when localStorage already holds the user", async () => {
+    vi.mocked(getCookie).mockImplementation((name: any) => (name === "token" ? "jwt" : undefined));
+    localStorage.setItem("user", JSON.stringify({ id: "cached", roles: [], company: null, modules: [] }));
+
+    const { getByTestId } = render(
+      <CurrentUserProvider>
+        <Consumer />
+      </CurrentUserProvider>,
+    );
+
+    await new Promise((resolve) => setTimeout(resolve, 100));
+
+    expect(UserService.findFullUser).not.toHaveBeenCalled();
+    expect(getByTestId("current-user-id").textContent).toBe("cached");
+  });
+
   it("awaits updateToken before writing the user atom in refreshUser", async () => {
     const oldUser = { id: "old", roles: [], company: null, modules: [] };
     localStorage.setItem("user", JSON.stringify(oldUser));

package/src/hooks/__tests__/usePushNotifications.spec.tsx

@@ -0,0 +1,70 @@
+import { render, waitFor } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import usePushNotifications from "../usePushNotifications";
+
+// Hoisted so the vi.mock factories below can read it (Vitest hoists factories
+// above module-scope consts).
+const state = vi.hoisted(() => ({ isProduction: false }));
+
+vi.mock("../../core/env", () => ({
+  ENV: {
+    get IS_PRODUCTION() {
+      return state.isProduction;
+    },
+    VAPID_PUBLIC_KEY: "",
+  },
+}));
+
+vi.mock("../../contexts", () => ({
+  useCurrentUserContext: () => ({
+    currentUser: { id: "user-1" },
+    hasRole: () => false,
+  }),
+}));
+
+vi.mock("../../features/push/data/push.service", () => ({
+  PushService: { register: vi.fn() },
+}));
+
+vi.mock("../../roles", () => ({
+  getRoleId: () => ({ Administrator: "administrator" }),
+}));
+
+vi.mock("../../client/config", () => ({
+  getAppUrl: () => "http://app.test",
+}));
+
+function Probe() {
+  usePushNotifications();
+  return null;
+}
+
+describe("usePushNotifications worker URL", () => {
+  const register = vi.fn().mockResolvedValue({ pushManager: { getSubscription: vi.fn() } });
+
+  beforeEach(() => {
+    register.mockClear();
+    vi.stubGlobal("navigator", { serviceWorker: { register, ready: Promise.resolve() } });
+    vi.stubGlobal("PushManager", function PushManager() {});
+    // "denied" makes the hook return right after registering, so this spec
+    // proves only the URL choice and nothing about subscription handling.
+    vi.stubGlobal("Notification", { permission: "denied", requestPermission: vi.fn() });
+    sessionStorage.clear();
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it("registers the push-only dev worker outside production", async () => {
+    state.isProduction = false;
+    render(<Probe />);
+    await waitFor(() => expect(register).toHaveBeenCalledWith("http://app.test/sw-dev.js"));
+  });
+
+  it("registers the full worker in production", async () => {
+    state.isProduction = true;
+    render(<Probe />);
+    await waitFor(() => expect(register).toHaveBeenCalledWith("http://app.test/sw.js"));
+  });
+});

package/src/hooks/usePushNotifications.ts

@@ -30,7 +30,12 @@ export default function usePushNotifications(): void {
           const sessionKey = `push_registered_${currentUser?.id}`;
           const lastRegisteredSubscription = sessionStorage.getItem(sessionKey);
 
-          const registration = await navigator.serviceWorker.register(`${getAppUrl()}/sw.js`);
+          // Dev uses a push-ONLY worker (public/sw-dev.js) with no fetch handler,
+          // so it can't cache stale Turbopack chunks the way the prod worker
+          // (sw.ts) would. Prod uses the full worker. Both live at scope "/", so
+          // the push subscription is identical either way.
+          const swUrl = ENV.IS_PRODUCTION ? `${getAppUrl()}/sw.js` : `${getAppUrl()}/sw-dev.js`;
+          const registration = await navigator.serviceWorker.register(swUrl);
 
           // Check current permission status first
           let permission = Notification.permission;