@carlonicora/nextjs-jsonapi 3.24.2 → 3.26.0

package/dist/features/analytics/index.mjs

@@ -0,0 +1,1166 @@
+"use client";
+import {
+  percentageDelta,
+  seriesColor,
+  useUsageFormatters
+} from "../../chunk-U65JPKO3.mjs";
+import {
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent,
+  DateRangeSelector,
+  DetailField,
+  Link,
+  MicroLabel,
+  RoundPageContainer,
+  SharedProvider,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  usePageUrlGenerator
+} from "../../chunk-QWZAGQWJ.mjs";
+import "../../chunk-Q6J2ICKO.mjs";
+import {
+  AbstractService,
+  AnalyticsBreakdown,
+  AnalyticsEvent,
+  AnalyticsPageView,
+  AnalyticsSession,
+  AnalyticsSummary,
+  AnalyticsTimeline,
+  EndpointCreator,
+  Modules,
+  analyticsModules,
+  cn
+} from "../../chunk-E3I4MT53.mjs";
+import "../../chunk-37DMFVLN.mjs";
+import "../../chunk-AUXK7QSA.mjs";
+import "../../chunk-PI56A4DG.mjs";
+import "../../chunk-VOXD3ZLY.mjs";
+import {
+  __name
+} from "../../chunk-PAWJFY3S.mjs";
+
+// src/features/analytics/components/AnalyticsTracker.tsx
+import { usePathname } from "next/navigation";
+import { useEffect, useRef } from "react";
+import { v4 as v42 } from "uuid";
+
+// src/features/analytics/data/AnalyticsService.ts
+var AnalyticsService = class extends AbstractService {
+  static {
+    __name(this, "AnalyticsService");
+  }
+  /**
+   * Posts one page view. Fire-and-forget: a lost page view must never surface
+   * an error to the visitor, so the global handler is suppressed and any
+   * rejection is logged at debug level and swallowed here.
+   */
+  static async track(input) {
+    try {
+      await this.callApi({
+        type: Modules.AnalyticsEvent,
+        method: "POST" /* POST */,
+        endpoint: new EndpointCreator({ endpoint: Modules.AnalyticsEvent }).generate(),
+        input,
+        suppressGlobalError: true
+      });
+    } catch (error) {
+      console.debug("Analytics event not sent", error);
+    }
+  }
+};
+
+// src/features/analytics/lib/utm.ts
+var MAX_LENGTH = 255;
+var UTM_PARAMS = [
+  ["utm_source", "utmSource"],
+  ["utm_medium", "utmMedium"],
+  ["utm_campaign", "utmCampaign"],
+  ["utm_term", "utmTerm"],
+  ["utm_content", "utmContent"]
+];
+function readUtm(search) {
+  const params = new URLSearchParams(search);
+  const response = {};
+  for (const [param, field] of UTM_PARAMS) {
+    const value = params.get(param);
+    if (value) response[field] = value.slice(0, MAX_LENGTH);
+  }
+  return response;
+}
+__name(readUtm, "readUtm");
+
+// src/features/analytics/lib/visitorCookie.ts
+import { deleteCookie, getCookie, setCookie } from "cookies-next";
+import { v4 } from "uuid";
+var ANALYTICS_VISITOR_COOKIE = "analytics_visitor";
+var MAX_AGE_SECONDS = 395 * 24 * 3600;
+function readVisitorCookie() {
+  const value = getCookie(ANALYTICS_VISITOR_COOKIE);
+  return typeof value === "string" && value !== "" ? value : void 0;
+}
+__name(readVisitorCookie, "readVisitorCookie");
+function ensureVisitorCookie() {
+  const existing = readVisitorCookie();
+  if (existing) return existing;
+  const id = v4();
+  setCookie(ANALYTICS_VISITOR_COOKIE, id, {
+    maxAge: MAX_AGE_SECONDS,
+    sameSite: "lax",
+    path: "/",
+    secure: typeof location !== "undefined" && location.protocol === "https:"
+  });
+  return id;
+}
+__name(ensureVisitorCookie, "ensureVisitorCookie");
+function clearVisitorCookie() {
+  deleteCookie(ANALYTICS_VISITOR_COOKIE, { path: "/" });
+}
+__name(clearVisitorCookie, "clearVisitorCookie");
+
+// src/features/analytics/components/AnalyticsTracker.tsx
+var EXCLUDED_PREFIX = "/administration/analytics";
+var MAX_REFERRER_LENGTH = 2048;
+function readExternalReferrer() {
+  if (!document.referrer) return void 0;
+  try {
+    if (new URL(document.referrer).host === window.location.host) return void 0;
+  } catch {
+    return void 0;
+  }
+  return document.referrer.slice(0, MAX_REFERRER_LENGTH);
+}
+__name(readExternalReferrer, "readExternalReferrer");
+function maskSensitivePath(path, sensitivePrefixes) {
+  if (!sensitivePrefixes) return path;
+  for (const prefix of sensitivePrefixes) {
+    if (path === prefix) return path;
+    if (path.startsWith(`${prefix}/`)) {
+      const segments = path.slice(prefix.length + 1).split("/").filter((segment) => segment.length > 0);
+      return [prefix, ...segments.map(() => ":code")].join("/");
+    }
+  }
+  return path;
+}
+__name(maskSensitivePath, "maskSensitivePath");
+function AnalyticsTracker({ hasConsent, resolveSection, sensitivePrefixes }) {
+  const pathname = usePathname();
+  const lastPath = useRef(null);
+  const lastConsent = useRef(false);
+  const attribution = useRef(null);
+  useEffect(() => {
+    if (!hasConsent) clearVisitorCookie();
+    if (!pathname) return;
+    if (typeof navigator !== "undefined" && navigator.webdriver) return;
+    const path = pathname.split(/[?#]/)[0] || "/";
+    if (path.startsWith(EXCLUDED_PREFIX)) return;
+    const isNewPath = lastPath.current !== path;
+    const consentJustGranted = hasConsent && !lastConsent.current;
+    lastConsent.current = hasConsent;
+    if (!isNewPath && !consentJustGranted) return;
+    lastPath.current = path;
+    const sentPath = maskSensitivePath(path, sensitivePrefixes);
+    const input = {
+      id: v42(),
+      path: sentPath,
+      section: resolveSection(sentPath),
+      screenWidth: window.innerWidth
+    };
+    if (hasConsent) input.visitorId = ensureVisitorCookie();
+    const isFirstEvent = attribution.current === null;
+    if (isFirstEvent) {
+      const referrer = readExternalReferrer();
+      attribution.current = { ...referrer ? { referrer } : {}, ...readUtm(window.location.search) };
+    }
+    if (isFirstEvent || consentJustGranted) Object.assign(input, attribution.current);
+    void AnalyticsService.track(input);
+  }, [pathname, hasConsent, resolveSection, sensitivePrefixes]);
+  return null;
+}
+__name(AnalyticsTracker, "AnalyticsTracker");
+
+// src/features/analytics/contexts/AnalyticsAdminContext.tsx
+import { useTranslations as useTranslations2 } from "next-intl";
+import { createContext, useCallback, useContext, useEffect as useEffect2, useMemo, useState } from "react";
+
+// src/features/analytics/components/AnalyticsAdminFilterBar.tsx
+import { useTranslations } from "next-intl";
+
+// src/features/analytics/data/analytics.types.ts
+var ANALYTICS_SECTIONS = ["all", "public", "app"];
+var ANALYTICS_GRANULARITIES = ["day", "week", "month"];
+var ANALYTICS_DIMENSIONS = ["source", "medium", "campaign", "referrer", "route", "landing"];
+
+// src/features/analytics/components/AnalyticsAdminFilterBar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AnalyticsAdminFilterBar({ section, granularity, onChange }) {
+  const t = useTranslations();
+  const sectionLabels = {
+    all: t("analytics.admin.filter.section_all"),
+    public: t("analytics.admin.filter.section_public"),
+    app: t("analytics.admin.filter.section_app")
+  };
+  const granularityLabels = {
+    day: t("analytics.admin.filter.granularity_day"),
+    week: t("analytics.admin.filter.granularity_week"),
+    month: t("analytics.admin.filter.granularity_month")
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "max-md:w-full max-md:[&_#date]:w-full", children: /* @__PURE__ */ jsx(
+      DateRangeSelector,
+      {
+        onDateChange: (range) => {
+          if (!range?.from || !range?.to) return;
+          onChange({ from: range.from.toISOString(), to: range.to.toISOString() });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Segmented,
+      {
+        ariaLabel: t("analytics.admin.filter.section"),
+        value: section,
+        options: ANALYTICS_SECTIONS.map((value) => ({ value, label: sectionLabels[value] })),
+        onSelect: (value) => onChange({ section: value })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Segmented,
+      {
+        ariaLabel: t("analytics.admin.filter.granularity"),
+        value: granularity,
+        options: ANALYTICS_GRANULARITIES.map((value) => ({ value, label: granularityLabels[value] })),
+        onSelect: (value) => onChange({ granularity: value })
+      }
+    )
+  ] });
+}
+__name(AnalyticsAdminFilterBar, "AnalyticsAdminFilterBar");
+function Segmented({
+  ariaLabel,
+  value,
+  options,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      className: "border-border inline-flex items-center gap-0.5 rounded-md border p-0.5",
+      children: options.map((option) => {
+        const selected = option.value === value;
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: selected ? "default" : "ghost",
+            "aria-pressed": selected,
+            className: cn(!selected && "text-muted-foreground"),
+            onClick: () => onSelect(option.value),
+            children: option.label
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+__name(Segmented, "Segmented");
+
+// src/features/analytics/data/AnalyticsAdminService.ts
+function withFilters(endpoint, filters) {
+  endpoint.addAdditionalParam("from", filters.from);
+  endpoint.addAdditionalParam("to", filters.to);
+  endpoint.addAdditionalParam("section", filters.section);
+  return endpoint;
+}
+__name(withFilters, "withFilters");
+var AnalyticsAdminService = class extends AbstractService {
+  static {
+    __name(this, "AnalyticsAdminService");
+  }
+  /** Headline tiles: one row per window (current, previous). */
+  static async getSummary(filters) {
+    const endpoint = withFilters(new EndpointCreator({ endpoint: Modules.AnalyticsSummary }), filters);
+    return this.callApi({
+      type: Modules.AnalyticsSummary,
+      method: "GET" /* GET */,
+      endpoint: endpoint.generate()
+    });
+  }
+  static async getTimeline(params) {
+    const endpoint = withFilters(new EndpointCreator({ endpoint: Modules.AnalyticsTimeline }), params);
+    endpoint.addAdditionalParam("granularity", params.granularity);
+    return this.callApi({
+      type: Modules.AnalyticsTimeline,
+      method: "GET" /* GET */,
+      endpoint: endpoint.generate()
+    });
+  }
+  static async getBreakdown(params) {
+    const endpoint = withFilters(new EndpointCreator({ endpoint: Modules.AnalyticsBreakdown }), params);
+    endpoint.addAdditionalParam("dimension", params.dimension);
+    if (params.limit !== void 0) endpoint.addAdditionalParam("limit", String(params.limit));
+    return this.callApi({
+      type: Modules.AnalyticsBreakdown,
+      method: "GET" /* GET */,
+      endpoint: endpoint.generate()
+    });
+  }
+  /** Newest sessions first, cursor-paginated through `next`. */
+  static async getSessions(params) {
+    const endpoint = withFilters(new EndpointCreator({ endpoint: Modules.AnalyticsSession }), params);
+    if (params.visitorId) endpoint.addAdditionalParam("visitorId", params.visitorId);
+    if (params.userId) endpoint.addAdditionalParam("userId", params.userId);
+    return this.callApi({
+      type: Modules.AnalyticsSession,
+      method: "GET" /* GET */,
+      endpoint: endpoint.generate(),
+      next: params.next
+    });
+  }
+  static async getSession(params) {
+    return this.callApi({
+      type: Modules.AnalyticsSession,
+      method: "GET" /* GET */,
+      endpoint: new EndpointCreator({ endpoint: Modules.AnalyticsSession, id: params.id }).generate()
+    });
+  }
+  /** The journey: every page view of one session, oldest first. */
+  static async getSessionPageViews(params) {
+    return this.callApi({
+      type: Modules.AnalyticsPageView,
+      method: "GET" /* GET */,
+      endpoint: new EndpointCreator({
+        endpoint: Modules.AnalyticsSession,
+        id: params.sessionId,
+        childEndpoint: Modules.AnalyticsPageView
+      }).generate()
+    });
+  }
+};
+
+// src/features/analytics/contexts/AnalyticsAdminContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ANALYTICS_ADMIN_PAGE_URL = "/administration/analytics";
+var ANALYTICS_SESSION_PAGE_URL = "/administration/analytics/sessions";
+var BREAKDOWN_LIMIT = 20;
+var DEFAULT_RANGE_DAYS = 30;
+var EMPTY_BREAKDOWNS = {
+  source: [],
+  medium: [],
+  campaign: [],
+  referrer: [],
+  route: [],
+  landing: []
+};
+var AnalyticsAdminContext = createContext(void 0);
+function defaultRange() {
+  const now = /* @__PURE__ */ new Date();
+  const start = new Date(now.getTime() - DEFAULT_RANGE_DAYS * 24 * 60 * 60 * 1e3);
+  return { from: start.toISOString(), to: now.toISOString() };
+}
+__name(defaultRange, "defaultRange");
+var AnalyticsAdminProvider = /* @__PURE__ */ __name(({
+  children,
+  initialFrom,
+  initialTo,
+  pageUrl = ANALYTICS_ADMIN_PAGE_URL,
+  sessionPageUrl = ANALYTICS_SESSION_PAGE_URL
+}) => {
+  const t = useTranslations2();
+  const generateUrl = usePageUrlGenerator();
+  const [filters, setFilterState] = useState(() => {
+    const range = defaultRange();
+    return {
+      from: initialFrom ?? range.from,
+      to: initialTo ?? range.to,
+      section: "all",
+      granularity: "day"
+    };
+  });
+  const [summary, setSummary] = useState([]);
+  const [timeline, setTimeline] = useState([]);
+  const [breakdowns, setBreakdowns] = useState(EMPTY_BREAKDOWNS);
+  const [sessions, setSessions] = useState([]);
+  const [sessionsNextPage, setSessionsNextPage] = useState(void 0);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const { from, to, section, granularity } = filters;
+  useEffect2(() => {
+    let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+    const base = { from, to, section };
+    const sessionsNext = {};
+    Promise.all([
+      AnalyticsAdminService.getSummary(base),
+      AnalyticsAdminService.getTimeline({ ...base, granularity }),
+      Promise.all(
+        ANALYTICS_DIMENSIONS.map(
+          (dimension) => AnalyticsAdminService.getBreakdown({ ...base, dimension, limit: BREAKDOWN_LIMIT })
+        )
+      ),
+      AnalyticsAdminService.getSessions({ ...base, next: sessionsNext })
+    ]).then(([nextSummary, nextTimeline, nextBreakdowns, nextSessions]) => {
+      if (cancelled) return;
+      setSummary(nextSummary ?? []);
+      setTimeline(nextTimeline ?? []);
+      setBreakdowns(
+        Object.fromEntries(
+          ANALYTICS_DIMENSIONS.map((dimension, index) => [dimension, nextBreakdowns[index] ?? []])
+        )
+      );
+      setSessions(nextSessions ?? []);
+      setSessionsNextPage(sessionsNext.next);
+    }).catch((err) => {
+      if (cancelled) return;
+      console.error("Failed to load analytics:", err);
+      setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      if (cancelled) return;
+      setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [from, to, section, granularity]);
+  const setFilters = useCallback((next) => {
+    setFilterState((prev) => ({ ...prev, ...next }));
+  }, []);
+  const loadMoreSessions = useCallback(async () => {
+    if (!sessionsNextPage) return;
+    const sessionsNext = {};
+    try {
+      const nextSessions = await AnalyticsAdminService.next({
+        type: Modules.AnalyticsSession,
+        endpoint: sessionsNextPage,
+        next: sessionsNext
+      });
+      setSessions((prev) => [...prev, ...nextSessions ?? []]);
+      setSessionsNextPage(sessionsNext.next);
+    } catch (err) {
+      console.error("Failed to load more analytics sessions:", err);
+      setError(err instanceof Error ? err.message : String(err));
+    }
+  }, [sessionsNextPage]);
+  const breadcrumb = /* @__PURE__ */ __name(() => [
+    {
+      name: t("analytics.admin.title"),
+      href: generateUrl({ page: pageUrl })
+    }
+  ], "breadcrumb");
+  const title = /* @__PURE__ */ __name(() => ({
+    type: t("analytics.admin.title"),
+    functions: /* @__PURE__ */ jsx2(
+      AnalyticsAdminFilterBar,
+      {
+        from,
+        to,
+        section,
+        granularity,
+        onChange: setFilters
+      },
+      "analyticsAdminFilterBar"
+    )
+  }), "title");
+  const hasMoreSessions = Boolean(sessionsNextPage);
+  const contextValue = useMemo(
+    () => ({
+      summary,
+      timeline,
+      breakdowns,
+      sessions,
+      filters,
+      setFilters,
+      loadMoreSessions,
+      hasMoreSessions,
+      sessionPageUrl,
+      isLoading,
+      error
+    }),
+    [
+      summary,
+      timeline,
+      breakdowns,
+      sessions,
+      filters,
+      setFilters,
+      loadMoreSessions,
+      hasMoreSessions,
+      sessionPageUrl,
+      isLoading,
+      error
+    ]
+  );
+  return /* @__PURE__ */ jsx2(SharedProvider, { value: { breadcrumbs: breadcrumb(), title: title() }, children: /* @__PURE__ */ jsx2(AnalyticsAdminContext.Provider, { value: contextValue, children }) });
+}, "AnalyticsAdminProvider");
+var useAnalyticsAdmin = /* @__PURE__ */ __name(() => {
+  const ctx = useContext(AnalyticsAdminContext);
+  if (!ctx) {
+    throw new Error("useAnalyticsAdmin() called outside <AnalyticsAdminProvider>.");
+  }
+  return ctx;
+}, "useAnalyticsAdmin");
+
+// src/features/analytics/components/AnalyticsAdminContainer.tsx
+import { useTranslations as useTranslations7 } from "next-intl";
+
+// src/features/analytics/components/AnalyticsAdminTiles.tsx
+import { ArrowDownIcon, ArrowUpIcon } from "lucide-react";
+import { useTranslations as useTranslations3 } from "next-intl";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var ZERO = { visitors: 0, sessions: 0, pageViews: 0, pagesPerSession: 0, consentShare: 0 };
+function AnalyticsAdminTiles({ summary }) {
+  const t = useTranslations3();
+  const { decimal } = useUsageFormatters();
+  const rowFor = /* @__PURE__ */ __name((window2) => summary.find((r) => r.section === "total" && r.window === window2) ?? ZERO, "rowFor");
+  const current = rowFor("current");
+  const previous = rowFor("previous");
+  const previousLabel = t("analytics.admin.tiles.vs_previous");
+  return /* @__PURE__ */ jsxs2("div", { className: "grid gap-3", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+      /* @__PURE__ */ jsx3(
+        LeadTile,
+        {
+          testId: "analytics-tile-visitors",
+          label: t("analytics.admin.tiles.visitors"),
+          value: decimal(current.visitors, 0),
+          delta: percentageDelta(current.visitors, previous.visitors),
+          previousLabel,
+          decimal
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        LeadTile,
+        {
+          testId: "analytics-tile-sessions",
+          label: t("analytics.admin.tiles.sessions"),
+          value: decimal(current.sessions, 0),
+          delta: percentageDelta(current.sessions, previous.sessions),
+          previousLabel,
+          decimal
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        LeadTile,
+        {
+          testId: "analytics-tile-page-views",
+          label: t("analytics.admin.tiles.page_views"),
+          value: decimal(current.pageViews, 0),
+          delta: percentageDelta(current.pageViews, previous.pageViews),
+          previousLabel,
+          decimal
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx3(
+        SupportingTile,
+        {
+          testId: "analytics-tile-pages-per-session",
+          label: t("analytics.admin.tiles.pages_per_session"),
+          value: decimal(current.pagesPerSession, 1),
+          delta: percentageDelta(current.pagesPerSession, previous.pagesPerSession),
+          decimal
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        SupportingTile,
+        {
+          testId: "analytics-tile-consent-share",
+          label: t("analytics.admin.tiles.consent_share"),
+          value: `${decimal(current.consentShare * 100, 0)}%`,
+          decimal
+        }
+      )
+    ] })
+  ] });
+}
+__name(AnalyticsAdminTiles, "AnalyticsAdminTiles");
+function LeadTile({
+  testId,
+  label,
+  value,
+  delta,
+  previousLabel,
+  decimal
+}) {
+  return /* @__PURE__ */ jsx3(Card, { "data-testid": testId, children: /* @__PURE__ */ jsxs2(CardContent, { className: "grid gap-1", children: [
+    /* @__PURE__ */ jsx3(MicroLabel, { children: label }),
+    /* @__PURE__ */ jsx3("span", { className: "text-primary text-xl font-semibold tabular-nums", children: value }),
+    /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx3(Delta, { testId: `${testId}-delta`, delta, decimal }),
+      /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground text-xs", children: previousLabel })
+    ] })
+  ] }) });
+}
+__name(LeadTile, "LeadTile");
+function SupportingTile({
+  testId,
+  label,
+  value,
+  delta,
+  decimal
+}) {
+  return /* @__PURE__ */ jsx3(Card, { "data-testid": testId, size: "sm", children: /* @__PURE__ */ jsxs2(CardContent, { className: "grid gap-1", children: [
+    /* @__PURE__ */ jsx3(MicroLabel, { children: label }),
+    /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx3("span", { className: "text-sm font-medium tabular-nums", children: value }),
+      delta !== void 0 && /* @__PURE__ */ jsx3(Delta, { testId: `${testId}-delta`, delta, decimal })
+    ] })
+  ] }) });
+}
+__name(SupportingTile, "SupportingTile");
+function Delta({
+  testId,
+  delta,
+  decimal
+}) {
+  if (delta === void 0) {
+    return /* @__PURE__ */ jsx3("span", { "data-testid": testId, className: "text-muted-foreground text-xs", children: "\u2014" });
+  }
+  const increased = delta >= 0;
+  const Icon = increased ? ArrowUpIcon : ArrowDownIcon;
+  const sign = delta > 0 ? "+" : delta < 0 ? "-" : "";
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      "data-testid": testId,
+      className: cn(
+        "inline-flex items-center gap-0.5 text-xs tabular-nums",
+        increased ? "text-success" : "text-destructive"
+      ),
+      children: [
+        /* @__PURE__ */ jsx3(Icon, { "aria-hidden": true, className: "size-3" }),
+        `${sign}${decimal(Math.abs(delta), 0)}%`
+      ]
+    }
+  );
+}
+__name(Delta, "Delta");
+
+// src/features/analytics/components/AnalyticsBreakdownTable.tsx
+import { useTranslations as useTranslations4 } from "next-intl";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var OTHER_KEY = "other";
+function AnalyticsBreakdownTable({ breakdowns }) {
+  const t = useTranslations4();
+  const labels = {
+    source: t("analytics.admin.dimensions.source"),
+    medium: t("analytics.admin.dimensions.medium"),
+    campaign: t("analytics.admin.dimensions.campaign"),
+    referrer: t("analytics.admin.dimensions.referrer"),
+    route: t("analytics.admin.dimensions.route"),
+    landing: t("analytics.admin.dimensions.landing")
+  };
+  return /* @__PURE__ */ jsxs3(Tabs, { defaultValue: ANALYTICS_DIMENSIONS[0], children: [
+    /* @__PURE__ */ jsx4(TabsList, { className: "max-md:w-full max-md:justify-start max-md:overflow-x-auto", children: ANALYTICS_DIMENSIONS.map((dimension) => /* @__PURE__ */ jsx4(TabsTrigger, { value: dimension, children: labels[dimension] }, dimension)) }),
+    ANALYTICS_DIMENSIONS.map((dimension) => /* @__PURE__ */ jsx4(TabsContent, { value: dimension, children: /* @__PURE__ */ jsx4(BreakdownRows, { rows: breakdowns[dimension] ?? [] }) }, dimension))
+  ] });
+}
+__name(AnalyticsBreakdownTable, "AnalyticsBreakdownTable");
+function BreakdownRows({ rows }) {
+  const t = useTranslations4();
+  const { decimal } = useUsageFormatters();
+  const sortedRows = useMemo2(() => [...rows].sort((a, b) => b.visitors - a.visitors), [rows]);
+  if (sortedRows.length === 0) {
+    return /* @__PURE__ */ jsx4("p", { className: "text-muted-foreground text-sm", children: t("analytics.admin.no_data") });
+  }
+  return (
+    // 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 tables must scroll, never widen the page.
+    /* @__PURE__ */ jsx4("div", { className: "overflow-x-auto [&_[data-slot=table-container]]:overflow-x-visible", children: /* @__PURE__ */ jsxs3(Table, { children: [
+      /* @__PURE__ */ jsx4(TableHeader, { children: /* @__PURE__ */ jsxs3(TableRow, { children: [
+        /* @__PURE__ */ jsx4(TableHead, { className: "text-xs font-medium", children: t("analytics.admin.columns.key") }),
+        /* @__PURE__ */ jsx4(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.visitors") }),
+        /* @__PURE__ */ jsx4(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.sessions") }),
+        /* @__PURE__ */ jsx4(TableHead, { className: "text-end text-xs font-medium", children: t("analytics.admin.columns.page_views") })
+      ] }) }),
+      /* @__PURE__ */ jsx4(TableBody, { children: sortedRows.map((row) => /* @__PURE__ */ jsxs3(TableRow, { "data-testid": `analytics-breakdown-row-${row.id}`, children: [
+        /* @__PURE__ */ jsx4(TableCell, { className: "text-xs", children: row.key === OTHER_KEY ? t("analytics.admin.other") : row.key }),
+        /* @__PURE__ */ jsx4(TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.visitors, 0) }),
+        /* @__PURE__ */ jsx4(TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.sessions, 0) }),
+        /* @__PURE__ */ jsx4(TableCell, { className: "text-end text-xs tabular-nums", children: decimal(row.pageViews, 0) })
+      ] }, row.id)) })
+    ] }) })
+  );
+}
+__name(BreakdownRows, "BreakdownRows");
+
+// src/features/analytics/components/AnalyticsSessionsTable.tsx
+import { useLocale, useTranslations as useTranslations5 } from "next-intl";
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var VISITOR_SUFFIX_LENGTH = 6;
+function AnalyticsSessionsTable({ rows, sessionPageUrl, onLoadMore, hasMore }) {
+  const t = useTranslations5();
+  const locale = useLocale();
+  const generateUrl = usePageUrlGenerator();
+  const { decimal } = useUsageFormatters();
+  const dateTime = useMemo3(() => 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__ */ 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") })
+      ] }) }),
+      /* @__PURE__ */ jsx5(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(
+            Link,
+            {
+              href: generateUrl({ page: sessionPageUrl, id: row.id }),
+              "data-testid": `analytics-session-link-${row.id}`,
+              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__ */ 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 })
+        ] }, 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") }) })
+  ] });
+}
+__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";
+var SERIES = ["visitors", "pageViews"];
+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");
+var inferGranularity = /* @__PURE__ */ __name((buckets) => {
+  if (buckets.length < 2) return "day";
+  const dayMs = 24 * 60 * 60 * 1e3;
+  let smallestGap = Number.POSITIVE_INFINITY;
+  for (let i = 1; i < buckets.length; i += 1) {
+    const gap = (Date.parse(buckets[i]) - Date.parse(buckets[i - 1])) / dayMs;
+    if (gap > 0 && gap < smallestGap) smallestGap = gap;
+  }
+  if (smallestGap >= 28) return "month";
+  if (smallestGap >= 7) return "week";
+  return "day";
+}, "inferGranularity");
+function AnalyticsTimelineChart({ rows, className }) {
+  const t = useTranslations6();
+  const { compact, bucketDate, decimal } = useUsageFormatters();
+  const { resolvedTheme } = useTheme();
+  const mode = resolvedTheme === "dark" ? "dark" : "light";
+  const chartData = useMemo4(() => {
+    const byBucket = /* @__PURE__ */ new Map();
+    for (const row of rows) {
+      const key = bucketKey(row.bucket);
+      let entry = byBucket.get(key);
+      if (!entry) {
+        entry = { bucket: key, visitors: 0, pageViews: 0 };
+        byBucket.set(key, entry);
+      }
+      entry.visitors += row.visitors;
+      entry.pageViews += row.pageViews;
+    }
+    return [...byBucket.values()].sort((a, b) => a.bucket.localeCompare(b.bucket));
+  }, [rows]);
+  const chartConfig = useMemo4(
+    () => ({
+      visitors: { label: t("analytics.admin.series.visitors") },
+      pageViews: { label: t("analytics.admin.series.page_views") }
+    }),
+    [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") });
+  }
+  const granularity = inferGranularity(chartData.map((entry) => entry.bucket));
+  return (
+    // The chart is a coordinate system, not prose: recharts lays the axes and the
+    // 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,
+          {
+            dataKey: "bucket",
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            minTickGap: 16,
+            tickFormatter: (value) => bucketDate(value, granularity)
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          YAxis,
+          {
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            width: 48,
+            tickFormatter: (value) => compact(value)
+          }
+        ),
+        /* @__PURE__ */ jsx6(
+          ChartTooltip,
+          {
+            content: /* @__PURE__ */ jsx6(
+              ChartTooltipContent,
+              {
+                labelFormatter: (value) => bucketDate(String(value), granularity),
+                valueFormatter: (value) => decimal(Number(value), 0)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx6(ChartLegend, { content: /* @__PURE__ */ jsx6(ChartLegendContent, {}) }),
+        SERIES.map((series, index) => /* @__PURE__ */ jsx6(
+          Bar,
+          {
+            dataKey: series,
+            maxBarSize: 28,
+            fill: seriesColor(index, mode),
+            stroke: "var(--background)",
+            strokeWidth: 2,
+            radius: [4, 4, 0, 0]
+          },
+          series
+        ))
+      ] }) })
+    ] })
+  );
+}
+__name(AnalyticsTimelineChart, "AnalyticsTimelineChart");
+
+// src/features/analytics/components/AnalyticsAdminContainer.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function AnalyticsAdminContainer() {
+  const t = useTranslations7();
+  const {
+    summary,
+    timeline,
+    breakdowns,
+    sessions,
+    loadMoreSessions,
+    hasMoreSessions,
+    sessionPageUrl,
+    isLoading,
+    error
+  } = useAnalyticsAdmin();
+  if (error) {
+    return /* @__PURE__ */ jsx7(RoundPageContainer, { 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 }) }) }) }) });
+  }
+  if (isLoading) return /* @__PURE__ */ jsx7(RoundPageContainer, { fullWidth: true, forceHeader: true });
+  return /* @__PURE__ */ jsx7(RoundPageContainer, { 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") })
+    ] }),
+    /* @__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__ */ 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__ */ jsxs6(Card, { children: [
+      /* @__PURE__ */ jsx7(CardHeader, { children: /* @__PURE__ */ jsx7(CardTitle, { children: t("analytics.admin.panels.sessions") }) }),
+      /* @__PURE__ */ jsx7(CardContent, { children: /* @__PURE__ */ jsx7(
+        AnalyticsSessionsTable,
+        {
+          rows: sessions,
+          sessionPageUrl,
+          onLoadMore: loadMoreSessions,
+          hasMore: hasMoreSessions
+        }
+      ) })
+    ] })
+  ] }) });
+}
+__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";
+var ANALYTICS_ADMIN_PAGE_URL2 = "/administration/analytics";
+var OTHER_SESSIONS_WINDOW_DAYS = 395;
+function AnalyticsJourneyContainer({ sessionId, pageUrl = ANALYTICS_ADMIN_PAGE_URL2 }) {
+  const t = useTranslations8();
+  const locale = useLocale2();
+  const generateUrl = usePageUrlGenerator();
+  const [session, setSession] = useState2(void 0);
+  const [pageViews, setPageViews] = useState2([]);
+  const [otherSessions, setOtherSessions] = useState2([]);
+  const [isLoading, setIsLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  useEffect3(() => {
+    let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+    Promise.all([
+      AnalyticsAdminService.getSession({ id: sessionId }),
+      AnalyticsAdminService.getSessionPageViews({ sessionId })
+    ]).then(async ([nextSession, nextPageViews]) => {
+      if (cancelled) return;
+      setSession(nextSession);
+      setPageViews(nextPageViews ?? []);
+      const to = /* @__PURE__ */ new Date();
+      const from = new Date(to.getTime() - OTHER_SESSIONS_WINDOW_DAYS * 24 * 60 * 60 * 1e3);
+      const visitorSessions = await AnalyticsAdminService.getSessions({
+        from: from.toISOString(),
+        to: to.toISOString(),
+        section: "all",
+        visitorId: nextSession.visitorId
+      });
+      if (cancelled) return;
+      setOtherSessions((visitorSessions ?? []).filter((other) => other.id !== sessionId));
+    }).catch((err) => {
+      if (cancelled) return;
+      console.error("Failed to load the analytics journey:", err);
+      setError(err instanceof Error ? err.message : String(err));
+    }).finally(() => {
+      if (cancelled) return;
+      setIsLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [sessionId]);
+  const dateTime = useMemo5(
+    () => new Intl.DateTimeFormat(locale, { dateStyle: "short", timeStyle: "medium" }),
+    [locale]
+  );
+  const formatGap = /* @__PURE__ */ __name((milliseconds) => {
+    const seconds = Math.max(0, Math.round(milliseconds / 1e3));
+    if (seconds < 60) return unit(locale, "second", seconds);
+    if (seconds < 3600) return unit(locale, "minute", Math.round(seconds / 60));
+    return unit(locale, "hour", Math.round(seconds / 3600));
+  }, "formatGap");
+  const breadcrumb = [
+    { name: t("analytics.admin.title"), href: generateUrl({ page: pageUrl }) },
+    { name: t("analytics.admin.panels.journey") }
+  ];
+  const title = { type: t("analytics.admin.panels.journey") };
+  const renderBody = /* @__PURE__ */ __name(() => {
+    if (error) {
+      return /* @__PURE__ */ jsx8(RoundPageContainer, { 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 || !session) return /* @__PURE__ */ jsx8(RoundPageContainer, { fullWidth: true, forceHeader: true });
+    const source = [session.utmSource ?? session.referrerHost, session.utmMedium, session.utmCampaign].filter(Boolean).join(" / ");
+    return /* @__PURE__ */ jsx8(RoundPageContainer, { 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") })
+        ] }),
+        /* @__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(
+            DetailField,
+            {
+              label: t("analytics.admin.columns.visitor"),
+              value: /* @__PURE__ */ jsx8("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") }) : (
+          // 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__ */ jsx8(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 })
+              ] }, 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(
+          AnalyticsSessionsTable,
+          {
+            rows: otherSessions,
+            sessionPageUrl: `${pageUrl}/sessions`,
+            onLoadMore: () => void 0,
+            hasMore: false
+          }
+        ) })
+      ] })
+    ] }) });
+  }, "renderBody");
+  return /* @__PURE__ */ jsx8(SharedProvider, { value: { breadcrumbs: breadcrumb, title }, children: renderBody() });
+}
+__name(AnalyticsJourneyContainer, "AnalyticsJourneyContainer");
+function unit(locale, name, value) {
+  return new Intl.NumberFormat(locale, { style: "unit", unit: name, unitDisplay: "short" }).format(value);
+}
+__name(unit, "unit");
+
+// src/features/analytics/components/AnalyticsAdminPageContainer.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function AnalyticsAdminPageContainer({ pageUrl, sessionPageUrl }) {
+  return /* @__PURE__ */ jsx9(AnalyticsAdminProvider, { pageUrl, sessionPageUrl, children: /* @__PURE__ */ jsx9(AnalyticsAdminContainer, {}) });
+}
+__name(AnalyticsAdminPageContainer, "AnalyticsAdminPageContainer");
+
+// src/features/analytics/components/AnalyticsJourneyPageContainer.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function AnalyticsJourneyPageContainer({ sessionId, pageUrl }) {
+  return /* @__PURE__ */ jsx10(AnalyticsJourneyContainer, { sessionId, pageUrl });
+}
+__name(AnalyticsJourneyPageContainer, "AnalyticsJourneyPageContainer");
+
+// src/features/analytics/i18n-keys.ts
+var ANALYTICS_ADMIN_I18N_KEYS = [
+  // Page
+  "analytics.admin.title",
+  "analytics.admin.description",
+  // KPI tiles
+  "analytics.admin.tiles.visitors",
+  "analytics.admin.tiles.sessions",
+  "analytics.admin.tiles.page_views",
+  "analytics.admin.tiles.pages_per_session",
+  "analytics.admin.tiles.consent_share",
+  "analytics.admin.tiles.vs_previous",
+  "analytics.admin.tiles.summarised_note",
+  // Filter bar
+  "analytics.admin.filter.section",
+  "analytics.admin.filter.section_all",
+  "analytics.admin.filter.section_public",
+  "analytics.admin.filter.section_app",
+  "analytics.admin.filter.granularity",
+  "analytics.admin.filter.granularity_day",
+  "analytics.admin.filter.granularity_week",
+  "analytics.admin.filter.granularity_month",
+  // Panel titles
+  "analytics.admin.panels.over_time",
+  "analytics.admin.panels.breakdown",
+  "analytics.admin.panels.sessions",
+  "analytics.admin.panels.journey",
+  "analytics.admin.panels.other_sessions",
+  // Breakdown tabs
+  "analytics.admin.dimensions.source",
+  "analytics.admin.dimensions.medium",
+  "analytics.admin.dimensions.campaign",
+  "analytics.admin.dimensions.referrer",
+  "analytics.admin.dimensions.route",
+  "analytics.admin.dimensions.landing",
+  // Table columns
+  "analytics.admin.columns.key",
+  "analytics.admin.columns.visitors",
+  "analytics.admin.columns.sessions",
+  "analytics.admin.columns.page_views",
+  "analytics.admin.columns.started",
+  "analytics.admin.columns.visitor",
+  "analytics.admin.columns.source",
+  "analytics.admin.columns.landing",
+  "analytics.admin.columns.pages",
+  "analytics.admin.columns.device",
+  "analytics.admin.columns.time",
+  "analytics.admin.columns.gap",
+  "analytics.admin.columns.path",
+  // Shared states and markers
+  "analytics.admin.anonymous",
+  "analytics.admin.consented",
+  "analytics.admin.not_consented",
+  "analytics.admin.load_more",
+  "analytics.admin.no_data",
+  "analytics.admin.other",
+  // Timeline chart series
+  "analytics.admin.series.visitors",
+  "analytics.admin.series.page_views"
+];
+export {
+  ANALYTICS_ADMIN_I18N_KEYS,
+  ANALYTICS_DIMENSIONS,
+  ANALYTICS_GRANULARITIES,
+  ANALYTICS_SECTIONS,
+  AnalyticsAdminContainer,
+  AnalyticsAdminFilterBar,
+  AnalyticsAdminPageContainer,
+  AnalyticsAdminProvider,
+  AnalyticsAdminService,
+  AnalyticsAdminTiles,
+  AnalyticsBreakdown,
+  AnalyticsBreakdownTable,
+  AnalyticsEvent,
+  AnalyticsJourneyContainer,
+  AnalyticsJourneyPageContainer,
+  AnalyticsPageView,
+  AnalyticsService,
+  AnalyticsSession,
+  AnalyticsSessionsTable,
+  AnalyticsSummary,
+  AnalyticsTimeline,
+  AnalyticsTimelineChart,
+  AnalyticsTracker,
+  analyticsModules,
+  useAnalyticsAdmin
+};
+//# sourceMappingURL=index.mjs.map