@carlonicora/nextjs-jsonapi 6.18.0 → 6.20.0

package/dist/features/analytics/index.mjs

@@ -31,26 +31,28 @@ import {
   seriesColor,
   usePageUrlGenerator,
   useUsageFormatters
-} from "../../chunk-MBLF236G.mjs";
+} from "../../chunk-NKXNOGMH.mjs";
 import "../../chunk-VOXD3ZLY.mjs";
-import "../../chunk-TY5YWBLL.mjs";
+import "../../chunk-SJ3K3ATF.mjs";
 import "../../chunk-PW42LRSL.mjs";
 import {
   AbstractService,
   AnalyticsBreakdown,
+  AnalyticsDailyUniqueTimeline,
   AnalyticsEvent,
   AnalyticsPageView,
   AnalyticsSession,
   AnalyticsSummary,
   AnalyticsTimeline,
   analyticsModules,
-  cn
-} from "../../chunk-KMPBSOFB.mjs";
+  cn,
+  formatLocalDate
+} from "../../chunk-ASORDSWQ.mjs";
 import "../../chunk-OY65RYD3.mjs";
 import {
   EndpointCreator,
   Modules
-} from "../../chunk-OKBJEIOP.mjs";
+} from "../../chunk-2U57XVNF.mjs";
 import "../../chunk-AUD6ZLBB.mjs";
 import "../../chunk-M3N7LPHX.mjs";
 import "../../chunk-4ZJIUTIV.mjs";
@@ -321,6 +323,20 @@ var AnalyticsAdminService = class extends AbstractService {
       endpoint: endpoint.generate()
     });
   }
+  /**
+   * One row per calendar day from fromDate to toDate (YYYY-MM-DD, local dates).
+   * Always daily and never filtered by section, so it skips withFilters.
+   */
+  static async getDailyUniques(params) {
+    const endpoint = new EndpointCreator({ endpoint: Modules.AnalyticsDailyUniqueTimeline });
+    endpoint.addAdditionalParam("fromDate", params.fromDate);
+    endpoint.addAdditionalParam("toDate", params.toDate);
+    return this.callApi({
+      type: Modules.AnalyticsDailyUniqueTimeline,
+      method: "GET" /* GET */,
+      endpoint: endpoint.generate()
+    });
+  }
   static async getBreakdown(params) {
     const endpoint = withFilters(new EndpointCreator({ endpoint: Modules.AnalyticsBreakdown }), params);
     endpoint.addAdditionalParam("dimension", params.dimension);
@@ -404,6 +420,7 @@ var AnalyticsAdminProvider = /* @__PURE__ */ __name(({
   const [timeline, setTimeline] = useState([]);
   const [breakdowns, setBreakdowns] = useState(EMPTY_BREAKDOWNS);
   const [sessions, setSessions] = useState([]);
+  const [dailyUniques, setDailyUniques] = useState([]);
   const [sessionsNextPage, setSessionsNextPage] = useState(void 0);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -422,8 +439,14 @@ var AnalyticsAdminProvider = /* @__PURE__ */ __name(({
           (dimension) => AnalyticsAdminService.getBreakdown({ ...base, dimension, limit: BREAKDOWN_LIMIT })
         )
       ),
-      AnalyticsAdminService.getSessions({ ...base, next: sessionsNext })
-    ]).then(([nextSummary, nextTimeline, nextBreakdowns, nextSessions]) => {
+      AnalyticsAdminService.getSessions({ ...base, next: sessionsNext }),
+      // The local calendar days the admin picked: the picker emits local-midnight
+      // instants, so slicing the UTC instant would shift the range a day east of UTC.
+      AnalyticsAdminService.getDailyUniques({
+        fromDate: formatLocalDate(new Date(from)),
+        toDate: formatLocalDate(new Date(to))
+      })
+    ]).then(([nextSummary, nextTimeline, nextBreakdowns, nextSessions, nextDailyUniques]) => {
       if (cancelled) return;
       setSummary(nextSummary ?? []);
       setTimeline(nextTimeline ?? []);
@@ -434,6 +457,7 @@ var AnalyticsAdminProvider = /* @__PURE__ */ __name(({
       );
       setSessions(nextSessions ?? []);
       setSessionsNextPage(sessionsNext.next);
+      setDailyUniques(nextDailyUniques ?? []);
     }).catch((err) => {
       if (cancelled) return;
       console.error("Failed to load analytics:", err);
@@ -487,6 +511,7 @@ var AnalyticsAdminProvider = /* @__PURE__ */ __name(({
       timeline,
       breakdowns,
       sessions,
+      dailyUniques,
       filters,
       setFilters,
       loadMoreSessions,
@@ -500,6 +525,7 @@ var AnalyticsAdminProvider = /* @__PURE__ */ __name(({
       timeline,
       breakdowns,
       sessions,
+      dailyUniques,
       filters,
       setFilters,
       loadMoreSessions,
@@ -520,7 +546,7 @@ var useAnalyticsAdmin = /* @__PURE__ */ __name(() => {
 }, "useAnalyticsAdmin");
 
 // src/features/analytics/components/AnalyticsAdminContainer.tsx
-import { useTranslations as useTranslations7 } from "next-intl";
+import { useTranslations as useTranslations8 } from "next-intl";
 
 // src/features/analytics/components/AnalyticsAdminTiles.tsx
 import { ArrowDownIcon, ArrowUpIcon } from "lucide-react";
@@ -706,34 +732,182 @@ function BreakdownRows({ rows }) {
 }
 __name(BreakdownRows, "BreakdownRows");
 
-// src/features/analytics/components/AnalyticsSessionsTable.tsx
-import { useLocale, useTranslations as useTranslations5 } from "next-intl";
+// src/features/analytics/components/AnalyticsDailyUniquesChart.tsx
+import { useTranslations as useTranslations5 } from "next-intl";
+import { useTheme } from "next-themes";
 import { useMemo as useMemo3 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var METRIC_SLOT = { visitors: 0, users: 2 };
+var DOT_RADIUS = 4;
+var bucketKey = /* @__PURE__ */ __name((date) => {
+  const y = date.getUTCFullYear();
+  const m = `${date.getUTCMonth() + 1}`.padStart(2, "0");
+  const d = `${date.getUTCDate()}`.padStart(2, "0");
+  return `${y}-${m}-${d}`;
+}, "bucketKey");
+function buildDailyUniquesSeries(rows, metric, todayKey) {
+  const entries = rows.map((row) => {
+    const day = bucketKey(row.day);
+    const value = row[metric] ?? null;
+    return { day, value, line: value, todayLine: null, isToday: day === todayKey };
+  });
+  const last = entries.length - 1;
+  if (last >= 1 && entries[last].isToday && entries[last].value !== null && entries[last - 1].value !== null) {
+    entries[last - 1].todayLine = entries[last - 1].value;
+    entries[last].todayLine = entries[last].value;
+    entries[last].line = null;
+  }
+  return entries;
+}
+__name(buildDailyUniquesSeries, "buildDailyUniquesSeries");
+function AnalyticsDailyUniquesChart({ rows, metric, className }) {
+  const t = useTranslations5();
+  const { compact, bucketDate, decimal } = useUsageFormatters();
+  const { resolvedTheme } = useTheme();
+  const mode = resolvedTheme === "dark" ? "dark" : "light";
+  const color = seriesColor(METRIC_SLOT[metric], mode);
+  const chartData = useMemo3(() => buildDailyUniquesSeries(rows, metric, bucketKey(/* @__PURE__ */ new Date())), [rows, metric]);
+  const points = useMemo3(() => chartData.map(({ day, value }) => ({ day, value })), [chartData]);
+  const seriesLabel = t(`analytics.admin.daily_uniques.${metric}`);
+  const chartConfig = useMemo3(() => ({ line: { label: seriesLabel, color } }), [seriesLabel, color]);
+  if (chartData.length === 0) {
+    return /* @__PURE__ */ jsx5("p", { className: className ? `text-muted-foreground text-xs ${className}` : "text-muted-foreground text-xs", children: t("analytics.admin.no_data") });
+  }
+  const renderDot = /* @__PURE__ */ __name(({ cx, cy, index, payload }) => {
+    if (cx == null || cy == null || payload?.value == null) return /* @__PURE__ */ jsx5("g", {}, `dot-${index}`);
+    return /* @__PURE__ */ jsx5(
+      "circle",
+      {
+        cx,
+        cy,
+        r: DOT_RADIUS,
+        fill: payload.isToday ? "var(--card)" : color,
+        stroke: payload.isToday ? color : "var(--card)",
+        strokeWidth: 2
+      },
+      `dot-${index}`
+    );
+  }, "renderDot");
+  const renderTodayDot = /* @__PURE__ */ __name((props) => props.payload?.isToday ? renderDot(props) : /* @__PURE__ */ jsx5("g", {}, `today-dot-${props.index}`), "renderTodayDot");
+  return (
+    // The chart is a coordinate system, not prose: it stays an LTR island.
+    // rtl-ok: deliberate LTR island (chart)
+    /* @__PURE__ */ jsxs4("div", { className, dir: "ltr", children: [
+      /* @__PURE__ */ jsx5("span", { className: "sr-only", "data-testid": `analytics-daily-${metric}-data`, children: JSON.stringify(points) }),
+      /* @__PURE__ */ jsx5(ChartContainer, { config: chartConfig, className: "aspect-auto h-72 w-full", children: /* @__PURE__ */ jsxs4(LineChart, { accessibilityLayer: true, data: chartData, margin: { top: 8, right: 16, bottom: 0, left: 0 }, children: [
+        /* @__PURE__ */ jsx5(CartesianGrid, { vertical: false }),
+        /* @__PURE__ */ jsx5(
+          XAxis,
+          {
+            dataKey: "day",
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            minTickGap: 16,
+            tickFormatter: (value) => bucketDate(value, "day")
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          YAxis,
+          {
+            domain: [0, "auto"],
+            allowDecimals: false,
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            width: 48,
+            tickFormatter: (value) => compact(value)
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          ChartTooltip,
+          {
+            filterNull: false,
+            content: /* @__PURE__ */ jsx5(
+              ChartTooltipContent,
+              {
+                labelFormatter: (value, payload) => {
+                  const entry = payload?.[0]?.payload;
+                  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+                    bucketDate(String(value), "day"),
+                    entry?.isToday && /* @__PURE__ */ jsx5("div", { className: "text-muted-foreground text-xs", children: t("analytics.admin.daily_uniques.today") })
+                  ] });
+                },
+                formatter: (_value, _name, item) => {
+                  const entry = item.payload;
+                  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 justify-between gap-4 leading-none", children: [
+                    /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: seriesLabel }),
+                    /* @__PURE__ */ jsx5("span", { className: "text-xs tabular-nums text-end", children: entry.value === null ? t("analytics.admin.daily_uniques.no_data") : decimal(entry.value, 0) })
+                  ] });
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Line,
+          {
+            dataKey: "line",
+            type: "linear",
+            stroke: color,
+            strokeWidth: 2,
+            connectNulls: false,
+            dot: renderDot,
+            activeDot: { r: DOT_RADIUS, strokeWidth: 2, stroke: "var(--card)" },
+            isAnimationActive: false
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Line,
+          {
+            dataKey: "todayLine",
+            type: "linear",
+            stroke: color,
+            strokeWidth: 2,
+            strokeDasharray: "2 5",
+            connectNulls: false,
+            dot: renderTodayDot,
+            activeDot: false,
+            tooltipType: "none",
+            legendType: "none",
+            isAnimationActive: false
+          }
+        )
+      ] }) })
+    ] })
+  );
+}
+__name(AnalyticsDailyUniquesChart, "AnalyticsDailyUniquesChart");
+
+// src/features/analytics/components/AnalyticsSessionsTable.tsx
+import { useLocale, useTranslations as useTranslations6 } from "next-intl";
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var VISITOR_SUFFIX_LENGTH = 6;
 function AnalyticsSessionsTable({ rows, sessionPageUrl, onLoadMore, hasMore }) {
-  const t = useTranslations5();
+  const t = useTranslations6();
   const locale = useLocale();
   const generateUrl = usePageUrlGenerator();
   const { decimal } = useUsageFormatters();
-  const dateTime = useMemo3(() => new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "short" }), [locale]);
+  const dateTime = useMemo4(() => new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "short" }), [locale]);
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground text-sm", children: t("analytics.admin.no_data") });
+    return /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-sm", children: t("analytics.admin.no_data") });
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx5("div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ jsxs4(Table, { children: [
-      /* @__PURE__ */ jsx5(TableHeader, { children: /* @__PURE__ */ jsxs4(TableRow, { children: [
-        /* @__PURE__ */ jsx5(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.started") }),
-        /* @__PURE__ */ jsx5(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.visitor") }),
-        /* @__PURE__ */ jsx5(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.source") }),
-        /* @__PURE__ */ jsx5(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.landing") }),
-        /* @__PURE__ */ jsx5(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.pages") }),
-        /* @__PURE__ */ jsx5(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.device") })
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx6("div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ jsxs5(Table, { children: [
+      /* @__PURE__ */ jsx6(TableHeader, { children: /* @__PURE__ */ jsxs5(TableRow, { children: [
+        /* @__PURE__ */ jsx6(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.started") }),
+        /* @__PURE__ */ jsx6(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.visitor") }),
+        /* @__PURE__ */ jsx6(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.source") }),
+        /* @__PURE__ */ jsx6(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.landing") }),
+        /* @__PURE__ */ jsx6(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.pages") }),
+        /* @__PURE__ */ jsx6(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.device") })
       ] }) }),
-      /* @__PURE__ */ jsx5(TableBody, { children: rows.map((row) => {
+      /* @__PURE__ */ jsx6(TableBody, { children: rows.map((row) => {
         const source = [row.utmSource ?? row.referrerHost, row.utmMedium].filter(Boolean).join(" / ");
-        return /* @__PURE__ */ jsxs4(TableRow, { "data-testid": `analytics-session-row-${row.id}`, children: [
-          /* @__PURE__ */ jsx5(TableCell, { className: "text-xs tabular-nums", children: /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsxs5(TableRow, { "data-testid": `analytics-session-row-${row.id}`, children: [
+          /* @__PURE__ */ jsx6(TableCell, { className: "text-xs tabular-nums", children: /* @__PURE__ */ jsx6(
             Link,
             {
               href: generateUrl({ page: sessionPageUrl, id: row.id }),
@@ -741,33 +915,33 @@ function AnalyticsSessionsTable({ rows, sessionPageUrl, onLoadMore, hasMore }) {
               children: dateTime.format(row.startedAt)
             }
           ) }),
-          /* @__PURE__ */ jsx5(TableCell, { className: "text-xs", children: row.user ? /* @__PURE__ */ jsxs4("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx5("span", { children: row.user.name }),
-            /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground text-xs", children: row.user.email })
-          ] }) : /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx5(Badge, { variant: "softGray", children: t("analytics.admin.anonymous") }),
-            /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground text-xs tabular-nums", children: row.visitorId.slice(-VISITOR_SUFFIX_LENGTH) })
+          /* @__PURE__ */ jsx6(TableCell, { className: "text-xs", children: row.user ? /* @__PURE__ */ jsxs5("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx6("span", { children: row.user.name }),
+            /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground text-xs", children: row.user.email })
+          ] }) : /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx6(Badge, { variant: "softGray", children: t("analytics.admin.anonymous") }),
+            /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground text-xs tabular-nums", children: row.visitorId.slice(-VISITOR_SUFFIX_LENGTH) })
           ] }) }),
-          /* @__PURE__ */ jsx5(TableCell, { className: "text-xs", children: source }),
-          /* @__PURE__ */ jsx5(TableCell, { className: "text-xs", children: row.landingRoute }),
-          /* @__PURE__ */ jsx5(TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.pageViews, 0) }),
-          /* @__PURE__ */ jsx5(TableCell, { className: "text-muted-foreground text-xs", children: row.deviceType })
+          /* @__PURE__ */ jsx6(TableCell, { className: "text-xs", children: source }),
+          /* @__PURE__ */ jsx6(TableCell, { className: "text-xs", children: row.landingRoute }),
+          /* @__PURE__ */ jsx6(TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.pageViews, 0) }),
+          /* @__PURE__ */ jsx6(TableCell, { className: "text-muted-foreground text-xs", children: row.deviceType })
         ] }, row.id);
       }) })
     ] }) }),
-    hasMore && /* @__PURE__ */ jsx5("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx5(Button, { type: "button", variant: "outline", size: "sm", onClick: onLoadMore, children: t("analytics.admin.load_more") }) })
+    hasMore && /* @__PURE__ */ jsx6("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", size: "sm", onClick: onLoadMore, children: t("analytics.admin.load_more") }) })
   ] });
 }
 __name(AnalyticsSessionsTable, "AnalyticsSessionsTable");
 
 // src/features/analytics/components/AnalyticsTimelineChart.tsx
-import { useTranslations as useTranslations6 } from "next-intl";
-import { useTheme } from "next-themes";
-import { useMemo as useMemo4 } from "react";
-import { Bar, BarChart, CartesianGrid, XAxis, YAxis } from "recharts";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useTranslations as useTranslations7 } from "next-intl";
+import { useTheme as useTheme2 } from "next-themes";
+import { useMemo as useMemo5 } from "react";
+import { Bar, BarChart, CartesianGrid as CartesianGrid2, XAxis as XAxis2, YAxis as YAxis2 } from "recharts";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var SERIES = ["visitors", "pageViews"];
-var bucketKey = /* @__PURE__ */ __name((date) => {
+var bucketKey2 = /* @__PURE__ */ __name((date) => {
   const y = date.getUTCFullYear();
   const m = `${date.getUTCMonth() + 1}`.padStart(2, "0");
   const d = `${date.getUTCDate()}`.padStart(2, "0");
@@ -786,14 +960,14 @@ var inferGranularity = /* @__PURE__ */ __name((buckets) => {
   return "day";
 }, "inferGranularity");
 function AnalyticsTimelineChart({ rows, className }) {
-  const t = useTranslations6();
+  const t = useTranslations7();
   const { compact, bucketDate, decimal } = useUsageFormatters();
-  const { resolvedTheme } = useTheme();
+  const { resolvedTheme } = useTheme2();
   const mode = resolvedTheme === "dark" ? "dark" : "light";
-  const chartData = useMemo4(() => {
+  const chartData = useMemo5(() => {
     const byBucket = /* @__PURE__ */ new Map();
     for (const row of rows) {
-      const key = bucketKey(row.bucket);
+      const key = bucketKey2(row.bucket);
       let entry = byBucket.get(key);
       if (!entry) {
         entry = { bucket: key, visitors: 0, pageViews: 0 };
@@ -804,7 +978,7 @@ function AnalyticsTimelineChart({ rows, className }) {
     }
     return [...byBucket.values()].sort((a, b) => a.bucket.localeCompare(b.bucket));
   }, [rows]);
-  const chartConfig = useMemo4(
+  const chartConfig = useMemo5(
     () => ({
       visitors: { label: t("analytics.admin.series.visitors") },
       pageViews: { label: t("analytics.admin.series.page_views") }
@@ -812,7 +986,7 @@ function AnalyticsTimelineChart({ rows, className }) {
     [t]
   );
   if (chartData.length === 0) {
-    return /* @__PURE__ */ jsx6("p", { className: className ? `text-muted-foreground text-sm ${className}` : "text-muted-foreground text-sm", children: t("analytics.admin.no_data") });
+    return /* @__PURE__ */ jsx7("p", { className: className ? `text-muted-foreground text-sm ${className}` : "text-muted-foreground text-sm", children: t("analytics.admin.no_data") });
   }
   const granularity = inferGranularity(chartData.map((entry) => entry.bucket));
   return (
@@ -820,12 +994,12 @@ function AnalyticsTimelineChart({ rows, className }) {
     // bars out left-to-right, so the whole chart stays an LTR island even under
     // dir="rtl". Only the labels inside it are translated.
     // rtl-ok: deliberate LTR island (chart)
-    /* @__PURE__ */ jsxs5("div", { className, dir: "ltr", children: [
-      /* @__PURE__ */ jsx6("span", { className: "sr-only", "data-testid": "analytics-timeline-data", children: JSON.stringify(chartData) }),
-      /* @__PURE__ */ jsx6(ChartContainer, { config: chartConfig, className: "aspect-auto h-72 w-full", children: /* @__PURE__ */ jsxs5(BarChart, { accessibilityLayer: true, data: chartData, margin: { top: 8, right: 8, bottom: 0, left: 0 }, children: [
-        /* @__PURE__ */ jsx6(CartesianGrid, { vertical: false }),
-        /* @__PURE__ */ jsx6(
-          XAxis,
+    /* @__PURE__ */ jsxs6("div", { className, dir: "ltr", children: [
+      /* @__PURE__ */ jsx7("span", { className: "sr-only", "data-testid": "analytics-timeline-data", children: JSON.stringify(chartData) }),
+      /* @__PURE__ */ jsx7(ChartContainer, { config: chartConfig, className: "aspect-auto h-72 w-full", children: /* @__PURE__ */ jsxs6(BarChart, { accessibilityLayer: true, data: chartData, margin: { top: 8, right: 8, bottom: 0, left: 0 }, children: [
+        /* @__PURE__ */ jsx7(CartesianGrid2, { vertical: false }),
+        /* @__PURE__ */ jsx7(
+          XAxis2,
           {
             dataKey: "bucket",
             tickLine: false,
@@ -835,8 +1009,8 @@ function AnalyticsTimelineChart({ rows, className }) {
             tickFormatter: (value) => bucketDate(value, granularity)
           }
         ),
-        /* @__PURE__ */ jsx6(
-          YAxis,
+        /* @__PURE__ */ jsx7(
+          YAxis2,
           {
             tickLine: false,
             axisLine: false,
@@ -845,10 +1019,10 @@ function AnalyticsTimelineChart({ rows, className }) {
             tickFormatter: (value) => compact(value)
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           ChartTooltip,
           {
-            content: /* @__PURE__ */ jsx6(
+            content: /* @__PURE__ */ jsx7(
               ChartTooltipContent,
               {
                 labelFormatter: (value) => bucketDate(String(value), granularity),
@@ -857,8 +1031,8 @@ function AnalyticsTimelineChart({ rows, className }) {
             )
           }
         ),
-        /* @__PURE__ */ jsx6(ChartLegend, { content: /* @__PURE__ */ jsx6(ChartLegendContent, {}) }),
-        SERIES.map((series, index) => /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(ChartLegend, { content: /* @__PURE__ */ jsx7(ChartLegendContent, {}) }),
+        SERIES.map((series, index) => /* @__PURE__ */ jsx7(
           Bar,
           {
             dataKey: series,
@@ -877,14 +1051,15 @@ function AnalyticsTimelineChart({ rows, className }) {
 __name(AnalyticsTimelineChart, "AnalyticsTimelineChart");
 
 // src/features/analytics/components/AnalyticsAdminContainer.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function AnalyticsAdminContainer() {
-  const t = useTranslations7();
+  const t = useTranslations8();
   const {
     summary,
     timeline,
     breakdowns,
     sessions,
+    dailyUniques,
     loadMoreSessions,
     hasMoreSessions,
     sessionPageUrl,
@@ -892,25 +1067,33 @@ function AnalyticsAdminContainer() {
     error
   } = useAnalyticsAdmin();
   if (error) {
-    return /* @__PURE__ */ jsx7(RoundPageContainer, { module: Modules.AnalyticsSummary, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsx7("div", { className: "p-4", children: /* @__PURE__ */ jsx7(Card, { children: /* @__PURE__ */ jsx7(CardContent, { children: /* @__PURE__ */ jsx7("p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
+    return /* @__PURE__ */ jsx8(RoundPageContainer, { module: Modules.AnalyticsSummary, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsx8("div", { className: "p-4", children: /* @__PURE__ */ jsx8(Card, { children: /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8("p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
   }
-  if (isLoading) return /* @__PURE__ */ jsx7(RoundPageContainer, { module: Modules.AnalyticsSummary, fullWidth: true, forceHeader: true });
-  return /* @__PURE__ */ jsx7(RoundPageContainer, { module: Modules.AnalyticsSummary, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-4 p-4", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx7(AnalyticsAdminTiles, { summary }),
-      /* @__PURE__ */ jsx7("p", { className: "text-muted-foreground text-xs", children: t("analytics.admin.tiles.summarised_note") })
+  if (isLoading) return /* @__PURE__ */ jsx8(RoundPageContainer, { module: Modules.AnalyticsSummary, fullWidth: true, forceHeader: true });
+  return /* @__PURE__ */ jsx8(RoundPageContainer, { module: Modules.AnalyticsSummary, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx8(AnalyticsAdminTiles, { summary }),
+      /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground text-xs", children: t("analytics.admin.tiles.summarised_note") })
+    ] }),
+    /* @__PURE__ */ jsxs7(Card, { children: [
+      /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.panels.over_time") }) }),
+      /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8(AnalyticsTimelineChart, { rows: timeline }) })
     ] }),
-    /* @__PURE__ */ jsxs6(Card, { children: [
-      /* @__PURE__ */ jsx7(CardHeader, { children: /* @__PURE__ */ jsx7(CardTitle, { children: t("analytics.admin.panels.over_time") }) }),
-      /* @__PURE__ */ jsx7(CardContent, { children: /* @__PURE__ */ jsx7(AnalyticsTimelineChart, { rows: timeline }) })
+    /* @__PURE__ */ jsxs7(Card, { "data-testid": "analytics-daily-visitors-card", children: [
+      /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.panels.daily_visitors") }) }),
+      /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8(AnalyticsDailyUniquesChart, { rows: dailyUniques, metric: "visitors" }) })
     ] }),
-    /* @__PURE__ */ jsxs6(Card, { children: [
-      /* @__PURE__ */ jsx7(CardHeader, { children: /* @__PURE__ */ jsx7(CardTitle, { children: t("analytics.admin.panels.breakdown") }) }),
-      /* @__PURE__ */ jsx7(CardContent, { children: /* @__PURE__ */ jsx7(AnalyticsBreakdownTable, { breakdowns }) })
+    /* @__PURE__ */ jsxs7(Card, { "data-testid": "analytics-daily-users-card", children: [
+      /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.panels.daily_users") }) }),
+      /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8(AnalyticsDailyUniquesChart, { rows: dailyUniques, metric: "users" }) })
     ] }),
-    /* @__PURE__ */ jsxs6(Card, { children: [
-      /* @__PURE__ */ jsx7(CardHeader, { children: /* @__PURE__ */ jsx7(CardTitle, { children: t("analytics.admin.panels.sessions") }) }),
-      /* @__PURE__ */ jsx7(CardContent, { children: /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs7(Card, { children: [
+      /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.panels.breakdown") }) }),
+      /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8(AnalyticsBreakdownTable, { breakdowns }) })
+    ] }),
+    /* @__PURE__ */ jsxs7(Card, { children: [
+      /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.panels.sessions") }) }),
+      /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8(
         AnalyticsSessionsTable,
         {
           rows: sessions,
@@ -925,13 +1108,13 @@ function AnalyticsAdminContainer() {
 __name(AnalyticsAdminContainer, "AnalyticsAdminContainer");
 
 // src/features/analytics/components/AnalyticsJourneyContainer.tsx
-import { useLocale as useLocale2, useTranslations as useTranslations8 } from "next-intl";
-import { useEffect as useEffect3, useMemo as useMemo5, useState as useState2 } from "react";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useLocale as useLocale2, useTranslations as useTranslations9 } from "next-intl";
+import { useEffect as useEffect3, useMemo as useMemo6, useState as useState2 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ANALYTICS_ADMIN_PAGE_URL = "/administration/analytics";
 var OTHER_SESSIONS_WINDOW_DAYS = 395;
 function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_URL }) {
-  const t = useTranslations8();
+  const t = useTranslations9();
   const locale = useLocale2();
   const generateUrl = usePageUrlGenerator();
   const [session, setSession] = useState2(void 0);
@@ -972,7 +1155,7 @@ function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_U
       cancelled = true;
     };
   }, [sessionId]);
-  const dateTime = useMemo5(
+  const dateTime = useMemo6(
     () => new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "medium" }),
     [locale]
   );
@@ -989,58 +1172,58 @@ function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_U
   const title = { type: t("analytics.admin.panels.journey") };
   const renderBody = /* @__PURE__ */ __name(() => {
     if (error) {
-      return /* @__PURE__ */ jsx8(RoundPageContainer, { module: Modules.AnalyticsSession, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsx8("div", { className: "p-4", children: /* @__PURE__ */ jsx8(Card, { children: /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8("p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
+      return /* @__PURE__ */ jsx9(RoundPageContainer, { module: Modules.AnalyticsSession, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsx9("div", { className: "p-4", children: /* @__PURE__ */ jsx9(Card, { children: /* @__PURE__ */ jsx9(CardContent, { children: /* @__PURE__ */ jsx9("p", { className: "text-destructive text-xs/relaxed", children: error }) }) }) }) });
     }
-    if (isLoading || !session) return /* @__PURE__ */ jsx8(RoundPageContainer, { module: Modules.AnalyticsSession, fullWidth: true, forceHeader: true });
+    if (isLoading || !session) return /* @__PURE__ */ jsx9(RoundPageContainer, { module: Modules.AnalyticsSession, fullWidth: true, forceHeader: true });
     const source = [session.utmSource ?? session.referrerHost, session.utmMedium, session.utmCampaign].filter(Boolean).join(" / ");
-    return /* @__PURE__ */ jsx8(RoundPageContainer, { module: Modules.AnalyticsSession, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-4 p-4", children: [
-      /* @__PURE__ */ jsx8(Card, { "data-testid": "analytics-journey-attribution", children: /* @__PURE__ */ jsxs7(CardContent, { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-2", children: [
-          session.user ? /* @__PURE__ */ jsxs7("span", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx8("span", { className: "text-sm", children: session.user.name }),
-            /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground text-xs", children: session.user.email })
-          ] }) : /* @__PURE__ */ jsx8(Badge, { variant: "softGray", children: t("analytics.admin.anonymous") }),
-          session.consented ? /* @__PURE__ */ jsx8(Badge, { variant: "softGreen", children: t("analytics.admin.consented") }) : /* @__PURE__ */ jsx8(Badge, { variant: "softGray", children: t("analytics.admin.not_consented") })
+    return /* @__PURE__ */ jsx9(RoundPageContainer, { module: Modules.AnalyticsSession, fullWidth: true, forceHeader: true, children: /* @__PURE__ */ jsxs8("div", { className: "flex w-full flex-col gap-4 p-4", children: [
+      /* @__PURE__ */ jsx9(Card, { "data-testid": "analytics-journey-attribution", children: /* @__PURE__ */ jsxs8(CardContent, { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap items-center gap-2", children: [
+          session.user ? /* @__PURE__ */ jsxs8("span", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx9("span", { className: "text-sm", children: session.user.name }),
+            /* @__PURE__ */ jsx9("span", { className: "text-muted-foreground text-xs", children: session.user.email })
+          ] }) : /* @__PURE__ */ jsx9(Badge, { variant: "softGray", children: t("analytics.admin.anonymous") }),
+          session.consented ? /* @__PURE__ */ jsx9(Badge, { variant: "softGreen", children: t("analytics.admin.consented") }) : /* @__PURE__ */ jsx9(Badge, { variant: "softGray", children: t("analytics.admin.not_consented") })
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "grid gap-3 sm:grid-cols-3", children: [
-          /* @__PURE__ */ jsx8(DetailField, { label: t("analytics.admin.columns.started"), value: dateTime.format(session.startedAt) }),
-          /* @__PURE__ */ jsx8(DetailField, { label: t("analytics.admin.columns.source"), value: source }),
-          /* @__PURE__ */ jsx8(DetailField, { label: t("analytics.admin.columns.landing"), value: session.landingRoute }),
-          /* @__PURE__ */ jsx8(DetailField, { label: t("analytics.admin.columns.device"), value: session.deviceType }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+          /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.started"), value: dateTime.format(session.startedAt) }),
+          /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.source"), value: source }),
+          /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.landing"), value: session.landingRoute }),
+          /* @__PURE__ */ jsx9(DetailField, { label: t("analytics.admin.columns.device"), value: session.deviceType }),
+          /* @__PURE__ */ jsx9(
             DetailField,
             {
               label: t("analytics.admin.columns.visitor"),
-              value: /* @__PURE__ */ jsx8("span", { className: "tabular-nums", children: session.visitorId })
+              value: /* @__PURE__ */ jsx9("span", { className: "tabular-nums", children: session.visitorId })
             }
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxs7(Card, { children: [
-        /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.columns.pages") }) }),
-        /* @__PURE__ */ jsx8(CardContent, { children: pageViews.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground text-sm", children: t("analytics.admin.no_data") }) : (
+      /* @__PURE__ */ jsxs8(Card, { children: [
+        /* @__PURE__ */ jsx9(CardHeader, { children: /* @__PURE__ */ jsx9(CardTitle, { children: t("analytics.admin.columns.pages") }) }),
+        /* @__PURE__ */ jsx9(CardContent, { children: pageViews.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-muted-foreground text-sm", children: t("analytics.admin.no_data") }) : (
           // The package's <Table> wraps itself in an `overflow-x-clip`
           // container — hence the child override, so wide rows scroll.
-          /* @__PURE__ */ jsx8("div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ jsxs7(Table, { children: [
-            /* @__PURE__ */ jsx8(TableHeader, { children: /* @__PURE__ */ jsxs7(TableRow, { children: [
-              /* @__PURE__ */ jsx8(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.time") }),
-              /* @__PURE__ */ jsx8(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.gap") }),
-              /* @__PURE__ */ jsx8(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.path") })
+          /* @__PURE__ */ jsx9("div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ jsxs8(Table, { children: [
+            /* @__PURE__ */ jsx9(TableHeader, { children: /* @__PURE__ */ jsxs8(TableRow, { children: [
+              /* @__PURE__ */ jsx9(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.time") }),
+              /* @__PURE__ */ jsx9(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.gap") }),
+              /* @__PURE__ */ jsx9(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.path") })
             ] }) }),
-            /* @__PURE__ */ jsx8(TableBody, { children: pageViews.map((pageView, index) => {
+            /* @__PURE__ */ jsx9(TableBody, { children: pageViews.map((pageView, index) => {
               const previous = index > 0 ? pageViews[index - 1] : void 0;
-              return /* @__PURE__ */ jsxs7(TableRow, { "data-testid": `analytics-pageview-row-${pageView.id}`, children: [
-                /* @__PURE__ */ jsx8(TableCell, { className: "text-xs tabular-nums", children: dateTime.format(pageView.createdAt) }),
-                /* @__PURE__ */ jsx8(TableCell, { className: "text-end text-xs tabular-nums", children: previous ? formatGap(pageView.createdAt.getTime() - previous.createdAt.getTime()) : "\u2014" }),
-                /* @__PURE__ */ jsx8(TableCell, { className: "text-xs", children: pageView.path })
+              return /* @__PURE__ */ jsxs8(TableRow, { "data-testid": `analytics-pageview-row-${pageView.id}`, children: [
+                /* @__PURE__ */ jsx9(TableCell, { className: "text-xs tabular-nums", children: dateTime.format(pageView.createdAt) }),
+                /* @__PURE__ */ jsx9(TableCell, { className: "text-end text-xs tabular-nums", children: previous ? formatGap(pageView.createdAt.getTime() - previous.createdAt.getTime()) : "\u2014" }),
+                /* @__PURE__ */ jsx9(TableCell, { className: "text-xs", children: pageView.path })
               ] }, pageView.id);
             }) })
           ] }) })
         ) })
       ] }),
-      /* @__PURE__ */ jsxs7(Card, { children: [
-        /* @__PURE__ */ jsx8(CardHeader, { children: /* @__PURE__ */ jsx8(CardTitle, { children: t("analytics.admin.panels.other_sessions") }) }),
-        /* @__PURE__ */ jsx8(CardContent, { children: /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs8(Card, { children: [
+        /* @__PURE__ */ jsx9(CardHeader, { children: /* @__PURE__ */ jsx9(CardTitle, { children: t("analytics.admin.panels.other_sessions") }) }),
+        /* @__PURE__ */ jsx9(CardContent, { children: /* @__PURE__ */ jsx9(
           AnalyticsSessionsTable,
           {
             rows: otherSessions,
@@ -1052,7 +1235,7 @@ function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_U
       ] })
     ] }) });
   }, "renderBody");
-  return /* @__PURE__ */ jsx8(SharedProvider, { value: { breadcrumbs: breadcrumb, title }, children: renderBody() });
+  return /* @__PURE__ */ jsx9(SharedProvider, { value: { breadcrumbs: breadcrumb, title }, children: renderBody() });
 }
 __name(AnalyticsJourneyContainer, "AnalyticsJourneyContainer");
 function unit(locale, name, value) {
@@ -1061,16 +1244,16 @@ function unit(locale, name, value) {
 __name(unit, "unit");
 
 // src/features/analytics/components/AnalyticsAdminPageContainer.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function AnalyticsAdminPageContainer({ sessionPageUrl }) {
-  return /* @__PURE__ */ jsx9(AnalyticsAdminProvider, { sessionPageUrl, children: /* @__PURE__ */ jsx9(AnalyticsAdminContainer, {}) });
+  return /* @__PURE__ */ jsx10(AnalyticsAdminProvider, { sessionPageUrl, children: /* @__PURE__ */ jsx10(AnalyticsAdminContainer, {}) });
 }
 __name(AnalyticsAdminPageContainer, "AnalyticsAdminPageContainer");
 
 // src/features/analytics/components/AnalyticsJourneyPageContainer.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function AnalyticsJourneyPageContainer({ sessionId, pageUrl }) {
-  return /* @__PURE__ */ jsx10(AnalyticsJourneyContainer, { sessionId, pageUrl });
+  return /* @__PURE__ */ jsx11(AnalyticsJourneyContainer, { sessionId, pageUrl });
 }
 __name(AnalyticsJourneyPageContainer, "AnalyticsJourneyPageContainer");
 
@@ -1102,6 +1285,8 @@ var ANALYTICS_ADMIN_I18N_KEYS = [
   "analytics.admin.panels.sessions",
   "analytics.admin.panels.journey",
   "analytics.admin.panels.other_sessions",
+  "analytics.admin.panels.daily_visitors",
+  "analytics.admin.panels.daily_users",
   // Breakdown tabs
   "analytics.admin.dimensions.source",
   "analytics.admin.dimensions.medium",
@@ -1132,7 +1317,12 @@ var ANALYTICS_ADMIN_I18N_KEYS = [
   "analytics.admin.other",
   // Timeline chart series
   "analytics.admin.series.visitors",
-  "analytics.admin.series.page_views"
+  "analytics.admin.series.page_views",
+  // Daily uniques charts
+  "analytics.admin.daily_uniques.visitors",
+  "analytics.admin.daily_uniques.users",
+  "analytics.admin.daily_uniques.today",
+  "analytics.admin.daily_uniques.no_data"
 ];
 export {
   ANALYTICS_ADMIN_I18N_KEYS,
@@ -1147,6 +1337,8 @@ export {
   AnalyticsAdminTiles,
   AnalyticsBreakdown,
   AnalyticsBreakdownTable,
+  AnalyticsDailyUniqueTimeline,
+  AnalyticsDailyUniquesChart,
   AnalyticsEvent,
   AnalyticsJourneyContainer,
   AnalyticsJourneyPageContainer,