@fayz-ai/plugin-reports 0.9.0-next.1 → 0.9.1

package/dist/index.js

@@ -1,367 +1,725 @@
-import { reportColumnsToTanstack, formatValuePlain } from './chunk-LODXZ2SC.js';
-import React7, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
-import { registerTranslations, createSafeDataProvider, getSupabaseClientOptional, useTranslation, exportCSV } from '@fayz-ai/core';
+import { reportColumnsToTanstack, formatValuePlain } from './chunk-2ZFN6ECM.js';
+import * as React4 from 'react';
+import React4__default, { useState, useEffect } from 'react';
+import { usePluginRuntime, getAnalyticsCards, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, hashRouterAdapter, useTranslation, exportCSV } from '@fayz-ai/core';
+import { AnalyticsContextProvider, collectFilters, AnalyticsControls, AnalyticsGrid, Card, FilterChip, DataTable, Button, SubpageHeader, useAnalyticsCard, useAnalyticsContext, AnalyticsCard, Dropdown, DropdownTrigger, DropdownContent, DropdownItem } from '@fayz-ai/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ArrowLeft, Loader2, Play, Printer, SlidersHorizontal, Construction, Search, Download, ChevronLeft, ChevronRight, FileText } from 'lucide-react';
-import { Button, DataTable, Input, DatePicker, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, getLucideIcon, Badge, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@fayz-ai/ui';
-import { dedup } from '@fayz-ai/saas';
+import { BarChart3, User, Search, ArrowLeft, Printer, Construction, Download, Radio, ChevronLeft, ChevronRight } from 'lucide-react';
 
-var ReportsContext = createContext(null);
-function useReportsContext() {
-  const ctx = useContext(ReportsContext);
-  if (!ctx) throw new Error("useReportsContext must be used within ReportsContextProvider");
-  return ctx;
+// src/data/aggregate.ts
+function num(value) {
+  if (value == null) return 0;
+  const n = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(n) ? n : 0;
 }
-function ReportsContextProvider({
-  config,
-  provider,
-  children
-}) {
-  return /* @__PURE__ */ jsx(ReportsContext.Provider, { value: { config, provider, reports: config.reports }, children });
-}
-function ReportCard({ report, onClick }) {
-  const IconComp = getLucideIcon(report.icon) ?? FileText;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: () => onClick(report),
-      className: "flex flex-col items-start gap-2 rounded-xl border bg-card p-4 text-left transition-all hover:border-primary/30 hover:shadow-md",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-start justify-between", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(IconComp, { className: "h-5 w-5" }) }),
-          report.badge && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs capitalize", children: report.badge })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm", children: report.name }),
-          report.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: report.description })
-        ] })
-      ]
+function truncate(value, grain) {
+  const d = new Date(String(value));
+  if (Number.isNaN(d.getTime())) return null;
+  const out = new Date(d);
+  switch (grain) {
+    case "hour":
+      out.setMinutes(0, 0, 0);
+      break;
+    case "week": {
+      const day = (out.getDay() + 6) % 7;
+      out.setDate(out.getDate() - day);
+      out.setHours(0, 0, 0, 0);
+      break;
     }
-  );
+    case "month":
+      out.setDate(1);
+      out.setHours(0, 0, 0, 0);
+      break;
+    case "quarter":
+      out.setMonth(Math.floor(out.getMonth() / 3) * 3, 1);
+      out.setHours(0, 0, 0, 0);
+      break;
+    case "year":
+      out.setMonth(0, 1);
+      out.setHours(0, 0, 0, 0);
+      break;
+    default:
+      out.setHours(0, 0, 0, 0);
+      break;
+  }
+  return out.toISOString();
 }
-function ReportHub({ onSelect }) {
-  const t2 = useTranslation();
-  const { config } = useReportsContext();
-  const [search, setSearch] = useState("");
-  const categories = useMemo(() => {
-    const filtered = search ? config.reports.filter(
-      (r) => r.name.toLowerCase().includes(search.toLowerCase()) || r.description?.toLowerCase().includes(search.toLowerCase())
-    ) : config.reports;
-    const map = /* @__PURE__ */ new Map();
-    for (const report of filtered) {
-      const list = map.get(report.category) ?? [];
-      list.push(report);
-      map.set(report.category, list);
-    }
-    const groups = [];
-    for (const [name, reports] of map) {
-      groups.push({ name, reports });
+function matchesFilters(row, filters) {
+  for (const [key, value] of Object.entries(filters)) {
+    if (value == null || value === "") continue;
+    const actual = row[key];
+    if (Array.isArray(value)) {
+      if (value.length > 0 && !value.map(String).includes(String(actual))) return false;
+    } else if (String(actual) !== String(value)) {
+      return false;
     }
-    return groups;
-  }, [config.reports, search]);
-  const totalReports = config.reports.length;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    config.showHeader && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t2("reports.pageTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1", children: t2("reports.pageSubtitle") })
-    ] }),
-    totalReports > 6 && /* @__PURE__ */ jsxs("div", { className: "relative max-w-md", children: [
-      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          value: search,
-          onChange: (e) => setSearch(e.target.value),
-          placeholder: t2("reports.search"),
-          className: "pl-9"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-8", children: categories.map((category) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card shadow-sm p-5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsx("h2", { className: "font-semibold", children: category.name }),
-        /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-          category.reports.length,
-          " ",
-          t2("reports.reports")
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: category.reports.map((report) => /* @__PURE__ */ jsx(ReportCard, { report, onClick: onSelect }, report.id)) })
-    ] }, category.name)) }),
-    categories.length === 0 && search && /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-muted-foreground", children: t2("reports.noResults") })
-  ] });
+  }
+  return true;
+}
+function inRange(row, dateColumn, from, to) {
+  const raw = row[dateColumn];
+  if (raw == null) return true;
+  const t2 = new Date(String(raw)).getTime();
+  if (Number.isNaN(t2)) return true;
+  if (from && t2 < (/* @__PURE__ */ new Date(`${from}T00:00:00`)).getTime()) return false;
+  if (to && t2 > (/* @__PURE__ */ new Date(`${to}T23:59:59.999`)).getTime()) return false;
+  return true;
 }
-function defaultDateRange() {
-  const now = /* @__PURE__ */ new Date();
-  const from = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-01`;
-  const to = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
-  return { from, to };
+function applyMeasure(rows, agg, column) {
+  if (agg === "count") return rows.length;
+  const values = rows.map((r) => r[column]).filter((v) => v != null);
+  if (agg === "count_distinct") return new Set(values.map(String)).size;
+  const numbers = values.map(num);
+  if (numbers.length === 0) return agg === "sum" ? 0 : null;
+  switch (agg) {
+    case "sum":
+      return numbers.reduce((a, b) => a + b, 0);
+    case "avg":
+      return numbers.reduce((a, b) => a + b, 0) / numbers.length;
+    case "min":
+      return Math.min(...numbers);
+    case "max":
+      return Math.max(...numbers);
+    default:
+      return null;
+  }
 }
-function buildDefaultFilters(report) {
-  const filters = {};
-  for (const f of report.filters ?? []) {
-    if (f.defaultValue !== void 0) filters[f.key] = f.defaultValue;
+function aggregateRows(source, card, state, options) {
+  const snapshot = card.query.dateColumn === null;
+  const dateColumn = card.query.dateColumn ?? "created_at";
+  const dimensions = card.query.dimensions ?? [];
+  const measures = (card.query.measures ?? []).filter((m) => m.agg !== "ratio");
+  const filtered = source.filter((row) => snapshot || inRange(row, dateColumn, state.dateRange?.from, state.dateRange?.to)).filter((row) => matchesFilters(row, state.filters ?? {}));
+  const summary = {};
+  for (const m of measures) {
+    const value = applyMeasure(filtered, m.agg, m.column ?? m.key);
+    summary[m.key] = value ?? 0;
+  }
+  if (measures.length === 0 && dimensions.length === 0) {
+    const sorted = sortRows(filtered, state.sortBy ?? card.query.defaultSort, state.sortDir ?? card.query.defaultSortDir);
+    return { rows: page(sorted, state, options), total: sorted.length, summary };
+  }
+  const buckets = /* @__PURE__ */ new Map();
+  for (const row of filtered) {
+    const keyParts = {};
+    for (const d of dimensions) {
+      const raw = row[d.key];
+      keyParts[d.key] = d.grain && d.grain !== "auto" ? truncate(raw, d.grain) : raw ?? null;
+    }
+    const id = JSON.stringify(dimensions.map((d) => keyParts[d.key]));
+    const existing = buckets.get(id);
+    if (existing) existing.rows.push(row);
+    else buckets.set(id, { key: keyParts, rows: [row] });
   }
-  return filters;
-}
-function useReportData(report, provider, defaultPageSize = 50) {
-  const [query, setQuery] = useState({
-    dateRange: defaultDateRange(),
-    filters: buildDefaultFilters(report),
-    sortBy: report.dataSource.defaultSort,
-    sortDir: report.dataSource.defaultSortDir ?? "desc",
-    page: 1,
-    pageSize: defaultPageSize
+  let grouped = [...buckets.values()].map(({ key, rows }) => {
+    const out = { ...key };
+    for (const m of measures) out[m.key] = applyMeasure(rows, m.agg, m.column ?? m.key);
+    return out;
   });
-  const [result, setResult] = useState({ data: [], total: 0 });
-  const [loading, setLoading] = useState(false);
-  const [generated, setGenerated] = useState(false);
-  const [error, setError] = useState(null);
-  const queryRef = useRef(query);
-  queryRef.current = query;
-  const fetchData = useCallback(async (q) => {
-    setLoading(true);
-    setError(null);
-    try {
-      const res = await dedup(
-        `report:${report.id}:${JSON.stringify(q)}`,
-        () => provider.fetch(report, q)
-      );
-      setResult(res);
-      setGenerated(true);
-    } catch (err) {
-      setError(err?.message ?? "Failed to load report");
-      setResult({ data: [], total: 0 });
-    } finally {
-      setLoading(false);
+  grouped = sortRows(grouped, state.sortBy ?? card.query.defaultSort, state.sortDir ?? card.query.defaultSortDir);
+  if (card.query.limit) grouped = grouped.slice(0, card.query.limit);
+  return { rows: page(grouped, state, options), total: grouped.length, summary };
+}
+function sortRows(rows, sortBy, dir) {
+  if (!sortBy) return rows;
+  const sign = dir === "asc" ? 1 : -1;
+  return [...rows].sort((a, b) => {
+    const av = a[sortBy];
+    const bv = b[sortBy];
+    if (av == null && bv == null) return 0;
+    if (av == null) return 1;
+    if (bv == null) return -1;
+    if (typeof av === "number" || typeof bv === "number") return (num(av) - num(bv)) * sign;
+    return String(av).localeCompare(String(bv)) * sign;
+  });
+}
+function page(rows, state, options) {
+  if (options?.all) return rows;
+  const size = state.pageSize || 50;
+  const start = ((state.page || 1) - 1) * size;
+  return rows.slice(start, start + size);
+}
+
+// src/data/analytics-supabase.ts
+function snakeToCamel(s) {
+  return s.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
+}
+function mapRow(row, reserved, columnMap) {
+  const out = {};
+  for (const [key, value] of Object.entries(row)) {
+    if (reserved.has(key)) {
+      out[key] = value;
+      continue;
     }
-  }, [report, provider]);
-  const generate = useCallback(() => {
-    fetchData(queryRef.current);
-  }, [fetchData]);
-  const setDateRange = useCallback((dateRange) => {
-    setQuery((q) => ({ ...q, dateRange, page: 1 }));
-  }, []);
-  const setFilter = useCallback((key, value) => {
-    setQuery((q) => ({ ...q, filters: { ...q.filters, [key]: value }, page: 1 }));
-  }, []);
-  const setSort = useCallback((sortBy) => {
-    setQuery((q) => ({
-      ...q,
-      sortBy,
-      sortDir: q.sortBy === sortBy && q.sortDir === "asc" ? "desc" : "asc",
-      page: 1
-    }));
-  }, []);
-  const setPage = useCallback((page) => {
-    setQuery((q) => ({ ...q, page }));
-  }, []);
-  const setPageSize = useCallback((pageSize) => {
-    setQuery((q) => ({ ...q, pageSize, page: 1 }));
-  }, []);
-  const setSearch = useCallback((search) => {
-    setQuery((q) => ({ ...q, search, page: 1 }));
-  }, []);
+    out[columnMap?.[key] ?? snakeToCamel(key)] = value;
+    if (!(key in out)) out[key] = value;
+  }
+  return out;
+}
+function reservedKeys(card) {
+  return /* @__PURE__ */ new Set([
+    ...(card.query.dimensions ?? []).map((d) => d.key),
+    ...(card.query.measures ?? []).map((m) => m.key)
+  ]);
+}
+function searchColumns(card) {
+  const cols = (card.columns ?? []).filter((c) => c.type === "text" || c.type === "email").map((c) => c.key);
+  return cols.length ? cols : void 0;
+}
+function camelToSnake(s) {
+  return s.replace(/[A-Z]/g, (c) => `_${c.toLowerCase()}`);
+}
+async function selectFromView(card, state, db, tenantId, reserved) {
+  const { source } = card.query;
+  const size = state.pageSize || 50;
+  let q = db.from(source.name).select("*", { count: "exact" });
+  if (tenantId) q = q.eq(source.tenantColumn ?? "tenant_id", tenantId);
+  const snapshot = card.query.dateColumn === null;
+  const dateCol = card.query.dateColumn ?? "created_at";
+  if (!snapshot && state.dateRange?.from) q = q.gte(dateCol, state.dateRange.from);
+  if (!snapshot && state.dateRange?.to) {
+    q = q.lte(dateCol, dateCol.endsWith("_at") ? `${state.dateRange.to}T23:59:59.999` : state.dateRange.to);
+  }
+  for (const [key, value] of Object.entries(state.filters ?? {})) {
+    if (value == null || value === "") continue;
+    const col = camelToSnake(key);
+    q = Array.isArray(value) ? q.in(col, value) : q.eq(col, value);
+  }
+  const searchable = searchColumns(card);
+  if (state.search?.trim() && searchable?.length) {
+    const term = `%${state.search.trim()}%`;
+    q = q.or(searchable.map((c) => `${camelToSnake(c)}.ilike.${term}`).join(","));
+  }
+  const sortBy = state.sortBy ?? card.query.defaultSort;
+  if (sortBy) {
+    q = q.order(camelToSnake(sortBy), {
+      ascending: (state.sortDir ?? card.query.defaultSortDir ?? "desc") === "asc"
+    });
+  }
+  const from = ((state.page || 1) - 1) * size;
+  const { data, error, count } = await q.range(from, from + size - 1);
+  if (error) throw error;
   return {
-    data: result.data,
-    total: result.total,
-    loading,
-    generated,
-    error,
-    query,
-    generate,
-    setDateRange,
-    setFilter,
-    setSort,
-    setPage,
-    setPageSize,
-    setSearch
+    rows: (data ?? []).map((r) => mapRow(r, reserved, source.columnMap)),
+    total: count ?? 0
   };
 }
-function ReportFilterBar({
-  dateRange,
-  onDateRangeChange,
-  filters,
-  filterValues,
-  onFilterChange
-}) {
-  const t2 = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("reports.from") }),
-        /* @__PURE__ */ jsx(
-          DatePicker,
-          {
-            value: dateRange.from,
-            onChange: (v) => onDateRangeChange({ ...dateRange, from: v })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t2("reports.to") }),
-        /* @__PURE__ */ jsx(
-          DatePicker,
-          {
-            value: dateRange.to,
-            onChange: (v) => onDateRangeChange({ ...dateRange, to: v })
-          }
-        )
-      ] })
-    ] }),
-    filters.map((filter) => /* @__PURE__ */ jsx(
-      FilterControl,
-      {
-        filter,
-        value: filterValues[filter.key],
-        onChange: (v) => onFilterChange(filter.key, v)
-      },
-      filter.key
-    ))
-  ] });
-}
-function FilterControl({
-  filter,
-  value,
-  onChange
-}) {
-  const [options, setOptions] = useState(
-    Array.isArray(filter.options) ? filter.options : []
-  );
-  useEffect(() => {
-    if (typeof filter.options === "function") {
-      filter.options().then(setOptions);
+function createSupabaseAnalyticsProvider(config) {
+  const resolveTenantId = () => (typeof config.tenantId === "function" ? config.tenantId() : config.tenantId) || void 0;
+  function client() {
+    const supabase = getSupabaseClientOptional();
+    if (!supabase) throw new Error("Supabase client not available");
+    return config.schema && config.schema !== "public" ? supabase.schema(config.schema) : supabase;
+  }
+  return {
+    async run(card, state) {
+      const { source } = card.query;
+      const reserved = reservedKeys(card);
+      if (source.kind === "fn") {
+        if (!source.run) throw new Error(`analytics: card ${card.id} declares kind 'fn' with no run()`);
+        const rows2 = await source.run({
+          tenantId: resolveTenantId(),
+          dateRange: state.dateRange,
+          filters: state.filters
+        });
+        return aggregateRows(rows2, card, state);
+      }
+      if (!source.name) throw new Error(`analytics: card ${card.id} has no source name`);
+      const isDetail = (card.query.dimensions?.length ?? 0) === 0 && (card.query.measures?.length ?? 0) === 0;
+      if (source.kind === "view" && isDetail) {
+        return selectFromView(card, state, client(), resolveTenantId(), reserved);
+      }
+      if (source.kind === "rpc") {
+        const { data: data2, error: error2 } = await client().rpc(source.name, {
+          p_tenant_id: resolveTenantId(),
+          p_from: state.dateRange.from,
+          p_to: state.dateRange.to,
+          ...Object.fromEntries(Object.entries(state.filters ?? {}).map(([k, v]) => [`p_${k}`, v]))
+        });
+        if (error2) throw error2;
+        const rows2 = Array.isArray(data2) ? data2 : data2?.rows ?? [];
+        return {
+          rows: rows2.map((r) => mapRow(r, reserved, source.columnMap)),
+          total: Array.isArray(data2) ? rows2.length : data2?.total ?? rows2.length,
+          summary: Array.isArray(data2) ? void 0 : data2?.summary
+        };
+      }
+      const size = state.pageSize || 50;
+      const snapshot = card.query.dateColumn === null;
+      const { data, error } = await client().rpc("analytics_run", {
+        p_source: source.name,
+        p_tenant_id: resolveTenantId() ?? null,
+        p_from: !snapshot && state.dateRange.from ? `${state.dateRange.from}T00:00:00` : null,
+        // Inclusive end-of-day: the range picker speaks in days, the column is
+        // a timestamp, and closing at midnight loses everything sold that day.
+        p_to: !snapshot && state.dateRange.to ? `${state.dateRange.to}T23:59:59.999` : null,
+        p_dimensions: (card.query.dimensions ?? []).map((d) => ({
+          key: d.key,
+          ...d.grain && d.grain !== "auto" ? { grain: d.grain } : {}
+        })),
+        p_measures: (card.query.measures ?? []).filter((m) => m.agg !== "ratio").map((m) => ({ key: m.key, agg: m.agg, ...m.column ? { column: m.column } : {} })),
+        p_filters: state.filters ?? {},
+        p_search: state.search ?? null,
+        p_search_columns: searchColumns(card) ?? null,
+        p_sort: state.sortBy ?? card.query.defaultSort ?? null,
+        p_dir: state.sortDir ?? card.query.defaultSortDir ?? "desc",
+        p_limit: card.query.limit ?? size,
+        p_offset: card.query.limit ? 0 : ((state.page || 1) - 1) * size
+      });
+      if (error) throw error;
+      const rows = data?.rows ?? [];
+      return {
+        rows: rows.map((r) => mapRow(r, reserved, source.columnMap)),
+        total: data?.total ?? rows.length,
+        summary: data?.summary ?? void 0
+      };
     }
-  }, [filter.options]);
-  if (filter.type === "select") {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: filter.label }),
-      /* @__PURE__ */ jsxs(Select, { value: value ?? "", onValueChange: (v) => onChange(v === "__all__" ? "" : v), children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[180px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: filter.placeholder ?? filter.label }) }),
-        /* @__PURE__ */ jsxs(SelectContent, { children: [
-          /* @__PURE__ */ jsx(SelectItem, { value: "__all__", children: "All" }),
-          options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))
-        ] })
-      ] })
-    ] });
+  };
+}
+
+// src/data/analytics-mock.ts
+function seeded(seed) {
+  let h = 2166136261;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619);
   }
-  if (filter.type === "text") {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: filter.label }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          value: value ?? "",
-          onChange: (e) => onChange(e.target.value),
-          placeholder: filter.placeholder ?? filter.label,
-          className: "w-[180px]"
+  return () => {
+    h += 1831565813;
+    let t2 = h;
+    t2 = Math.imul(t2 ^ t2 >>> 15, t2 | 1);
+    t2 ^= t2 + Math.imul(t2 ^ t2 >>> 7, t2 | 61);
+    return ((t2 ^ t2 >>> 14) >>> 0) / 4294967296;
+  };
+}
+var SAMPLE_LABELS = {
+  product_name: ["Camiseta Preta", "Caneca Fayz", "Moletom", "Bon\xE9", "Adesivos"],
+  category_name: ["Vestu\xE1rio", "Acess\xF3rios", "Casa"],
+  customer_name: ["Ana Souza", "Bruno Lima", "Carla Dias", "Diego Alves"],
+  status: ["open", "archived", "cancelled"],
+  financial_status: ["paid", "pending", "refunded"],
+  fulfillment_status: ["fulfilled", "unfulfilled", "partially_fulfilled"]
+};
+function labelsFor(key, rand) {
+  const known = SAMPLE_LABELS[key];
+  if (known) return known;
+  const n = 3 + Math.floor(rand() * 3);
+  return Array.from({ length: n }, (_, i) => `${key.replace(/_/g, " ")} ${i + 1}`);
+}
+function createMockAnalyticsProvider() {
+  return {
+    async run(card, state) {
+      const rand = seeded(card.id);
+      const dateColumn = card.query.dateColumn ?? "created_at";
+      const dimensions = card.query.dimensions ?? [];
+      const measures = card.query.measures ?? [];
+      const from = (/* @__PURE__ */ new Date(`${state.dateRange.from}T12:00:00`)).getTime();
+      const to = (/* @__PURE__ */ new Date(`${state.dateRange.to}T12:00:00`)).getTime();
+      const span = Math.max(to - from, 864e5);
+      const rowCount = Math.min(400, Math.max(60, Math.round(span / 864e5) * 4));
+      const categoricalDims = dimensions.filter((d) => !d.grain && d.key !== dateColumn);
+      const labelPools = new Map(categoricalDims.map((d) => [d.key, labelsFor(d.key, rand)]));
+      const rows = Array.from({ length: rowCount }, () => {
+        const row = {
+          [dateColumn]: new Date(from + rand() * span).toISOString()
+        };
+        for (const [key, pool] of labelPools) {
+          row[key] = pool[Math.floor(rand() * pool.length)];
         }
-      )
-    ] });
-  }
-  if (filter.type === "number") {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: filter.label }),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "number",
-          value: value ?? "",
-          onChange: (e) => onChange(e.target.value ? Number(e.target.value) : void 0),
-          placeholder: filter.placeholder ?? filter.label,
-          className: "w-[120px]"
+        for (const m of measures) {
+          if (m.agg === "count" || m.agg === "ratio") continue;
+          const column = m.column ?? m.key;
+          row[column] = m.format === "currency" ? Math.round(rand() * 4e4) / 100 : m.format === "percent" ? Math.round(rand() * 1e4) / 100 : Math.round(rand() * 50);
         }
-      )
-    ] });
+        for (const c of card.columns ?? []) {
+          if (c.key in row) continue;
+          row[c.key] = c.type === "currency" || c.type === "number" ? Math.round(rand() * 1e4) / 100 : c.type === "date" ? new Date(from + rand() * span).toISOString() : `${c.label} ${Math.ceil(rand() * 20)}`;
+        }
+        return row;
+      });
+      return aggregateRows(rows, card, state);
+    }
+  };
+}
+
+// src/lib/tenant.ts
+var t;
+function getReportsTenantId() {
+  return t;
+}
+
+// src/locales/en.ts
+var en = {
+  "reports.pageTitle": "Reports",
+  "reports.pageSubtitle": "Access complete reports for analysis and decision making",
+  "reports.allReports": "All Reports",
+  "reports.dateRange": "Date Range",
+  "reports.from": "From",
+  "reports.to": "To",
+  "reports.export": "Export",
+  "reports.exportCsv": "Export CSV",
+  "reports.exportExcel": "Export Excel",
+  "reports.exportPdf": "Export PDF",
+  "reports.noResults": "No results found.",
+  "reports.backToReports": "Back",
+  "reports.reports": "reports",
+  "reports.search": "Search reports...",
+  "reports.today": "Today",
+  "reports.yesterday": "Yesterday",
+  "reports.last7Days": "Last 7 days",
+  "reports.thisMonth": "This month",
+  "reports.lastMonth": "Last month",
+  "reports.thisQuarter": "This quarter",
+  "reports.custom": "Custom",
+  "reports.generate": "Generate",
+  "reports.emptyStateTitle": "Ready to generate",
+  "reports.emptyStateDescription": "Select a date range and filters, then click Generate to view the report.",
+  "reports.unavailableTitle": "Coming soon",
+  "reports.unavailableDescription": "This report is not available yet. It will be enabled in a future update."
+};
+
+// src/locales/pt-BR.ts
+var ptBR = {
+  "reports.pageTitle": "Relat\xF3rios",
+  "reports.pageSubtitle": "Acesse relat\xF3rios completos para an\xE1lise e tomada de decis\xE3o",
+  "reports.allReports": "Todos os Relat\xF3rios",
+  "reports.dateRange": "Per\xEDodo",
+  "reports.from": "De",
+  "reports.to": "At\xE9",
+  "reports.export": "Exportar",
+  "reports.exportCsv": "Exportar CSV",
+  "reports.exportExcel": "Exportar Excel",
+  "reports.exportPdf": "Exportar PDF",
+  "reports.noResults": "Nenhum resultado encontrado.",
+  "reports.backToReports": "Voltar",
+  "reports.reports": "relat\xF3rios",
+  "reports.search": "Buscar relat\xF3rios...",
+  "reports.today": "Hoje",
+  "reports.yesterday": "Ontem",
+  "reports.last7Days": "\xDAltimos 7 dias",
+  "reports.thisMonth": "Este m\xEAs",
+  "reports.lastMonth": "M\xEAs passado",
+  "reports.thisQuarter": "Este trimestre",
+  "reports.custom": "Personalizado",
+  "reports.generate": "Gerar",
+  "reports.emptyStateTitle": "Pronto para gerar",
+  "reports.emptyStateDescription": "Selecione o per\xEDodo e os filtros desejados, depois clique em Gerar para visualizar o relat\xF3rio.",
+  "reports.unavailableTitle": "Em breve",
+  "reports.unavailableDescription": "Este relat\xF3rio ainda n\xE3o est\xE1 dispon\xEDvel. Ser\xE1 habilitado em uma atualiza\xE7\xE3o futura."
+};
+
+// src/locales/index.ts
+var reportsLocales = {
+  en,
+  "pt-BR": ptBR
+};
+
+// src/lib/legacy.ts
+function reportDefToCard(report, createdBy) {
+  return {
+    id: report.id,
+    name: report.name,
+    description: report.description,
+    icon: report.icon,
+    category: report.category,
+    createdBy,
+    available: report.available,
+    grain: report.grain,
+    canonicalOwner: report.canonicalOwner,
+    permission: report.permission,
+    query: {
+      source: {
+        kind: report.dataSource.kind,
+        name: report.dataSource.name,
+        columnMap: report.dataSource.columnMap
+      },
+      dateColumn: report.dataSource.dateColumn,
+      defaultSort: report.dataSource.defaultSort,
+      defaultSortDir: report.dataSource.defaultSortDir,
+      filters: (report.filters ?? []).map((f) => ({
+        key: f.key,
+        label: f.label,
+        type: f.type,
+        options: f.options,
+        defaultValue: f.defaultValue,
+        placeholder: f.placeholder,
+        // Legacy filters declared no category. Grouping them under the report's
+        // own category keeps the picker organised instead of dumping every
+        // filter from every report into one flat list.
+        group: report.category
+      }))
+    },
+    // No dimensions/measures: a legacy report is a detail listing, and inventing
+    // aggregations for it would change what the numbers mean.
+    viz: { type: "table" },
+    columns: report.columns.map((c) => ({
+      key: c.key,
+      label: c.label,
+      type: c.type,
+      sortable: c.sortable,
+      currency: c.currency,
+      idKey: c.idKey,
+      renderCell: c.renderCell,
+      visible: c.visible,
+      align: c.align,
+      aggregate: c.aggregate
+    }))
+  };
+}
+function reportDefsToCards(reports, createdBy) {
+  return reports.map((r) => reportDefToCard(r, createdBy));
+}
+var KEY = "fayz.analytics.lastViewed";
+function read() {
+  if (typeof window === "undefined") return {};
+  try {
+    const raw = window.localStorage.getItem(KEY);
+    return raw ? JSON.parse(raw) : {};
+  } catch {
+    return {};
   }
-  return null;
 }
-function ReportPagination({ page, pageSize, total, onPageChange, onPageSizeChange }) {
-  const totalPages = Math.max(1, Math.ceil(total / pageSize));
-  const from = (page - 1) * pageSize + 1;
-  const to = Math.min(page * pageSize, total);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t px-4 py-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: total > 0 ? `${from}\u2013${to} of ${total}` : "No results" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+function write(map) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(KEY, JSON.stringify(map));
+  } catch {
+  }
+}
+var listeners = /* @__PURE__ */ new Set();
+function markViewed(cardId) {
+  const next = { ...read(), [cardId]: (/* @__PURE__ */ new Date()).toISOString() };
+  write(next);
+  for (const listener of listeners) listener(next);
+}
+function useLastViewed() {
+  const [map, setMap] = React4.useState(() => read());
+  React4.useEffect(() => {
+    listeners.add(setMap);
+    return () => {
+      listeners.delete(setMap);
+    };
+  }, []);
+  return map;
+}
+var ANALYTICS_BASE = "/analytics";
+var REPORTS_BASE = `${ANALYTICS_BASE}/reports`;
+var ConfigContext = React4__default.createContext(null);
+function useAnalyticsConfig() {
+  const ctx = React4__default.useContext(ConfigContext);
+  if (!ctx) throw new Error("useAnalyticsConfig must be used inside <AnalyticsSurface>");
+  return ctx;
+}
+function useAnalyticsCards() {
+  const runtime = usePluginRuntime();
+  const { cards, createdBy } = useAnalyticsConfig();
+  return React4__default.useMemo(() => {
+    const byId = /* @__PURE__ */ new Map();
+    for (const card of getAnalyticsCards(runtime)) byId.set(card.id, card);
+    for (const card of cards) byId.set(card.id, card);
+    return [...byId.values()].map((c) => c.createdBy ? c : { ...c, createdBy });
+  }, [runtime, cards, createdBy]);
+}
+function useOverviewCards() {
+  const all = useAnalyticsCards();
+  return React4__default.useMemo(
+    () => all.filter((c) => c.dashboard && c.dashboard.defaultVisible !== false).sort((a, b) => (a.dashboard?.order ?? 0) - (b.dashboard?.order ?? 0)),
+    [all]
+  );
+}
+function cardColumns(card) {
+  if (card.columns?.length) return card.columns;
+  return [
+    ...(card.query.dimensions ?? []).map((d) => ({
+      key: d.key,
+      label: d.label,
+      type: d.format ?? (d.grain ? "date" : "text"),
+      align: "left"
+    })),
+    ...(card.query.measures ?? []).map((m) => ({
+      key: m.key,
+      label: m.label,
+      type: m.format ?? "number",
+      align: "right",
+      sortable: true
+    }))
+  ];
+}
+function navigateAnalytics(path) {
+  hashRouterAdapter().navigate(path);
+}
+function AnalyticsSurface({ config, provider, children }) {
+  const openCard = React4__default.useCallback((card) => {
+    markViewed(card.id);
+    navigateAnalytics(`${REPORTS_BASE}/${encodeURIComponent(card.id)}`);
+  }, []);
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx(
+    AnalyticsContextProvider,
+    {
+      provider,
+      currency: config.currency,
+      defaultPreset: config.defaultRange,
+      defaultCompare: config.defaultCompare,
+      defaultPageSize: config.defaultPageSize,
+      onOpenCard: openCard,
+      createdBy: config.createdBy,
+      children
+    }
+  ) });
+}
+function AnalyticsOverview() {
+  const { labels, showHeader } = useAnalyticsConfig();
+  const cards = useOverviewCards();
+  const filters = React4__default.useMemo(() => collectFilters(cards), [cards]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    showHeader ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: labels.analytics }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.overviewSubtitle })
+    ] }) : null,
+    /* @__PURE__ */ jsx(AnalyticsControls, { filters, className: "sticky top-0 z-10 -mx-1 bg-background/95 px-1 py-2 backdrop-blur" }),
+    cards.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(BarChart3, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: labels.emptyOverviewTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: labels.emptyOverviewDescription })
+    ] }) : /* @__PURE__ */ jsx(AnalyticsGrid, { cards })
+  ] });
+}
+function formatViewed(iso, locale, never) {
+  if (!iso) return never;
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return never;
+  return d.toLocaleDateString(locale, { day: "numeric", month: "short", year: "numeric" });
+}
+function ReportsListPage() {
+  const { labels, currency, showHeader } = useAnalyticsConfig();
+  const cards = useAnalyticsCards();
+  const lastViewed = useLastViewed();
+  const [search, setSearch] = React4__default.useState("");
+  const [category, setCategory] = React4__default.useState();
+  const [author, setAuthor] = React4__default.useState();
+  const categoryOptions = React4__default.useMemo(
+    () => [...new Set(cards.map((c) => c.category))].sort((a, b) => a.localeCompare(b)).map((c) => ({ value: c, label: c })),
+    [cards]
+  );
+  const authorOptions = React4__default.useMemo(
+    () => [...new Set(cards.map((c) => c.createdBy ?? "\u2014"))].sort((a, b) => a.localeCompare(b)).map((a) => ({ value: a, label: a })),
+    [cards]
+  );
+  const rows = React4__default.useMemo(() => {
+    const q = search.trim().toLowerCase();
+    return cards.filter((card) => {
+      if (category && card.category !== category) return false;
+      if (author && (card.createdBy ?? "\u2014") !== author) return false;
+      if (!q) return true;
+      return card.name.toLowerCase().includes(q) || card.description?.toLowerCase().includes(q) || card.category.toLowerCase().includes(q);
+    });
+  }, [cards, search, category, author]);
+  const columns = React4__default.useMemo(() => [
+    {
+      id: "name",
+      accessorFn: (card) => card.name,
+      header: labels.name,
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: row.original.name }),
+        row.original.available === false ? /* @__PURE__ */ jsx("span", { className: "ml-2 rounded-full border px-1.5 py-0.5 text-[10px] text-muted-foreground", children: labels.unavailableTitle }) : null,
+        row.original.description ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-1 text-muted-foreground sm:hidden", children: row.original.description }) : null
+      ] })
+    },
+    {
+      id: "category",
+      accessorFn: (card) => card.category,
+      header: labels.category,
+      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "rounded-md bg-muted px-2 py-0.5", children: String(getValue() ?? "") })
+    },
+    {
+      id: "lastViewed",
+      // Sorts on the timestamp, renders the date. Never-opened reports carry
+      // undefined so they sink to the bottom in BOTH directions rather than
+      // topping "most recent" as an epoch-zero date.
+      accessorFn: (card) => {
+        const iso = lastViewed[card.id];
+        return iso ? new Date(iso).getTime() : void 0;
+      },
+      sortUndefined: 1,
+      header: labels.lastViewed,
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatViewed(lastViewed[row.original.id], currency.locale, labels.never) })
+    },
+    {
+      id: "createdBy",
+      accessorFn: (card) => card.createdBy ?? "\u2014",
+      header: labels.createdBy,
+      cell: ({ getValue }) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(User, { className: "h-3 w-3" }),
+        String(getValue() ?? "\u2014")
+      ] })
+    }
+  ], [labels, currency.locale, lastViewed]);
+  const open = (card) => {
+    markViewed(card.id);
+    navigateAnalytics(`${REPORTS_BASE}/${encodeURIComponent(card.id)}`);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    showHeader ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: labels.reports }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: labels.reportsSubtitle })
+    ] }) : null,
+    /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "min-w-[10rem] flex-1", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              placeholder: labels.searchReports,
+              className: "w-full bg-transparent py-1.5 pl-8 pr-3 text-sm placeholder:text-muted-foreground focus:outline-none"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(
+            FilterChip,
+            {
+              label: labels.category,
+              allLabel: labels.allCategories,
+              options: categoryOptions,
+              value: category,
+              onChange: setCategory
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            FilterChip,
+            {
+              label: labels.createdBy,
+              allLabel: labels.allCreatedBy,
+              options: authorOptions,
+              value: author,
+              onChange: setAuthor
+            }
+          )
+        ] })
+      ] }),
       /* @__PURE__ */ jsx(
-        "select",
+        DataTable,
         {
-          value: pageSize,
-          onChange: (e) => onPageSizeChange(Number(e.target.value)),
-          className: "h-8 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 text-sm",
-          children: [25, 50, 100].map((size) => /* @__PURE__ */ jsxs("option", { value: size, children: [
-            size,
-            " / page"
-          ] }, size))
+          columns,
+          data: rows,
+          variant: "bare",
+          compact: true,
+          onRowClick: open,
+          emptyMessage: labels.noResults
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: page <= 1,
-            onClick: () => onPageChange(page - 1),
-            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "text-sm px-2", children: [
-          page,
-          " / ",
-          totalPages
-        ] }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            disabled: page >= totalPages,
-            onClick: () => onPageChange(page + 1),
-            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-          }
-        )
+      /* @__PURE__ */ jsxs("div", { className: "border-t border-border px-3 py-2 text-xs text-muted-foreground", children: [
+        rows.length,
+        " ",
+        labels.results
       ] })
     ] })
   ] });
 }
-function ReportSummaryRow({ columns, data, currency }) {
-  const visibleCols = columns.filter((c) => c.visible !== false);
-  const hasAggregates = visibleCols.some((c) => c.aggregate);
-  if (!hasAggregates || data.length === 0) return null;
-  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-muted/30 overflow-hidden", children: /* @__PURE__ */ jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { className: "font-semibold", children: visibleCols.map((col) => {
-    const value = computeAggregate(col, data);
-    const alignRight = col.align === "right" || col.type === "currency" || col.type === "number";
-    return /* @__PURE__ */ jsx(
-      "td",
-      {
-        className: `px-3 py-1.5 ${alignRight ? "text-right" : ""}`,
-        children: value != null ? formatValuePlain(value, col, currency) : col.aggregate ? "\u2014" : ""
-      },
-      col.key
-    );
-  }) }) }) }) });
-}
-function computeAggregate(col, data) {
-  if (!col.aggregate) return null;
-  const values = data.map((row) => row[col.key]).filter((v) => v != null && !isNaN(Number(v))).map(Number);
-  if (values.length === 0) return null;
-  switch (col.aggregate) {
-    case "sum":
-      return values.reduce((a, b) => a + b, 0);
-    case "avg":
-      return values.reduce((a, b) => a + b, 0) / values.length;
-    case "count":
-      return values.length;
-    case "min":
-      return Math.min(...values);
-    case "max":
-      return Math.max(...values);
-    default:
-      return null;
-  }
-}
 function exportToCsv(columns, data, filename, currency) {
   const visibleCols = columns.filter((c) => c.visible !== false);
   const csvColumns = visibleCols.map((col) => ({
@@ -376,18 +734,18 @@ function ExportDropdown({ columns, data, filename, currency, title }) {
   const [excelAvailable, setExcelAvailable] = useState(false);
   const [pdfAvailable, setPdfAvailable] = useState(false);
   useEffect(() => {
-    import('./excel-QHUSM6IH.js').then((m) => m.isExcelAvailable()).then(setExcelAvailable).catch(() => {
+    import('./excel-WE73YE2V.js').then((m) => m.isExcelAvailable()).then(setExcelAvailable).catch(() => {
     });
-    import('./pdf-HETKN26Y.js').then((m) => m.isPdfAvailable()).then(setPdfAvailable).catch(() => {
+    import('./pdf-E6DXHFXU.js').then((m) => m.isPdfAvailable()).then(setPdfAvailable).catch(() => {
     });
   }, []);
   const handleCsv = () => exportToCsv(columns, data, filename, currency);
   const handleExcel = async () => {
-    const { exportToExcel } = await import('./excel-QHUSM6IH.js');
+    const { exportToExcel } = await import('./excel-WE73YE2V.js');
     await exportToExcel(columns, data, filename, currency);
   };
   const handlePdf = async () => {
-    const { exportToPdf } = await import('./pdf-HETKN26Y.js');
+    const { exportToPdf } = await import('./pdf-E6DXHFXU.js');
     await exportToPdf(columns, data, filename, { title, currency });
   };
   return /* @__PURE__ */ jsxs(Dropdown, { children: [
@@ -402,205 +760,191 @@ function ExportDropdown({ columns, data, filename, currency, title }) {
     ] })
   ] });
 }
-function ReportViewer({ report, onBack }) {
-  const t2 = useTranslation();
-  const { config, provider } = useReportsContext();
-  const {
-    data,
-    total,
-    loading,
-    generated,
-    error,
-    query,
-    generate,
-    setDateRange,
-    setFilter,
-    setPage,
-    setPageSize
-  } = useReportData(report, provider, config.defaultPageSize);
-  const isAvailable = report.available !== false;
-  const tanstackColumns = useMemo(
-    () => reportColumnsToTanstack(report.columns, config.currency.code),
-    [report.columns, config.currency.code]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm no-print", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: onBack,
-          className: "flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" }),
-            t2("reports.pageTitle")
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "/" }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium", children: report.name })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold", children: report.name }),
-      report.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: report.description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3 no-print", children: [
+function ReportPagination({ page: page2, pageSize, total, onPageChange, onPageSizeChange }) {
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const from = (page2 - 1) * pageSize + 1;
+  const to = Math.min(page2 * pageSize, total);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t px-4 py-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: total > 0 ? `${from}\u2013${to} of ${total}` : "No results" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(
-        ReportFilterBar,
+        "select",
         {
-          dateRange: query.dateRange,
-          onDateRangeChange: setDateRange,
-          filters: report.filters ?? [],
-          filterValues: query.filters,
-          onFilterChange: setFilter
+          value: pageSize,
+          onChange: (e) => onPageSizeChange(Number(e.target.value)),
+          className: "h-8 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 text-sm",
+          children: [25, 50, 100].map((size) => /* @__PURE__ */ jsxs("option", { value: size, children: [
+            size,
+            " / page"
+          ] }, size))
         }
       ),
-      /* @__PURE__ */ jsxs(Button, { onClick: generate, disabled: loading || !isAvailable, size: "sm", className: "h-9", children: [
-        loading ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 mr-1.5 animate-spin" }) : /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5 mr-1.5" }),
-        t2("reports.generate")
-      ] }),
-      generated && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(
-          ExportDropdown,
+          Button,
           {
-            columns: report.columns,
-            data,
-            filename: report.id,
-            currency: config.currency.code,
-            title: report.name
+            variant: "outline",
+            size: "sm",
+            disabled: page2 <= 1,
+            onClick: () => onPageChange(page2 - 1),
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-9", onClick: () => window.print(), children: [
-          /* @__PURE__ */ jsx(Printer, { className: "h-3.5 w-3.5 mr-1.5" }),
-          t2("reports.print")
-        ] })
-      ] })
-    ] }),
-    generated && /* @__PURE__ */ jsx("div", { className: "print-only hidden text-[10px] border-b pb-2 mb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-4 gap-y-0.5", children: [
-      query.dateRange.from && /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsxs("strong", { children: [
-          t2("reports.filterFrom"),
-          ":"
-        ] }),
-        " ",
-        (/* @__PURE__ */ new Date(query.dateRange.from + "T12:00")).toLocaleDateString()
-      ] }),
-      query.dateRange.to && /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsxs("strong", { children: [
-          t2("reports.filterTo"),
-          ":"
-        ] }),
-        " ",
-        (/* @__PURE__ */ new Date(query.dateRange.to + "T12:00")).toLocaleDateString()
-      ] }),
-      Object.entries(query.filters).map(
-        ([key, value]) => value ? /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsxs("strong", { children: [
-            key,
-            ":"
-          ] }),
-          " ",
-          String(value)
-        ] }, key) : null
-      ),
-      /* @__PURE__ */ jsxs("span", { children: [
-        /* @__PURE__ */ jsxs("strong", { children: [
-          t2("reports.filterResults"),
-          ":"
+        /* @__PURE__ */ jsxs("span", { className: "text-sm px-2", children: [
+          page2,
+          " / ",
+          totalPages
         ] }),
-        " ",
-        total
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            disabled: page2 >= totalPages,
+            onClick: () => onPageChange(page2 + 1),
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
       ] })
-    ] }) }),
-    error && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive", children: error }),
-    !generated && !loading && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-center", children: isAvailable ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-4", children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-5 w-5 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsx("p", { className: "font-medium", children: t2("reports.emptyStateTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 max-w-sm", children: t2("reports.emptyStateDescription") })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted mb-4", children: /* @__PURE__ */ jsx(Construction, { className: "h-5 w-5 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsx("p", { className: "font-medium", children: t2("reports.unavailableTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1 max-w-sm", children: t2("reports.unavailableDescription") })
-    ] }) }),
-    (generated || loading) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        DataTable,
-        {
-          columns: tanstackColumns,
-          data,
-          loading,
-          skeletonRows: 5,
-          emptyMessage: t2("reports.noResults"),
-          variant: "card",
-          compact: true
-        }
-      ),
-      report.showSummary && !loading && /* @__PURE__ */ jsx(
-        ReportSummaryRow,
-        {
-          columns: report.columns,
-          data,
-          currency: config.currency.code
-        }
-      ),
-      !loading && /* @__PURE__ */ jsx("div", { className: "no-print", children: /* @__PURE__ */ jsx(
-        ReportPagination,
-        {
-          page: query.page,
-          pageSize: query.pageSize,
-          total,
-          onPageChange: setPage,
-          onPageSizeChange: setPageSize
-        }
-      ) })
     ] })
   ] });
 }
-var HASH_BASE = "/reports";
-function getReportIdFromHash() {
-  const hash = (window.location.hash.slice(1) || "/").split("?")[0];
-  if (hash.startsWith(HASH_BASE + "/") && hash.length > HASH_BASE.length + 1) {
-    return hash.slice(HASH_BASE.length + 1);
+function ViewerBody({ card }) {
+  const { labels, currency } = useAnalyticsConfig();
+  const { state, setPage, setPageSize } = useAnalyticsContext();
+  const { result, loading, error, engineMissing } = useAnalyticsCard(card);
+  const columns = React4__default.useMemo(() => cardColumns(card), [card]);
+  const tanstackColumns = React4__default.useMemo(
+    () => reportColumnsToTanstack(columns, currency.code),
+    [columns, currency.code]
+  );
+  const rows = result?.rows ?? [];
+  if (card.available === false) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(Construction, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: labels.unavailableTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: labels.unavailableDescription })
+    ] });
   }
-  return null;
+  const hasViz = card.viz.type !== "table" || (card.query.measures?.length ?? 0) > 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasViz ? /* @__PURE__ */ jsx(
+      AnalyticsCard,
+      {
+        card: { ...card, viz: { ...card.viz, height: card.viz.height ?? 280, limit: void 0 } },
+        hideOpen: true
+      }
+    ) : null,
+    engineMissing ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/40 p-3 text-sm", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Analytics engine not installed" }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-muted-foreground", children: [
+        "This report aggregates server-side and needs migration 0039 (",
+        /* @__PURE__ */ jsx("code", { className: "text-xs", children: "analytics_run" }),
+        " + the read models) applied to this project."
+      ] })
+    ] }) : error ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/50 bg-destructive/10 p-3 text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns: tanstackColumns,
+        data: rows,
+        loading,
+        skeletonRows: 5,
+        emptyMessage: labels.noResults,
+        variant: "card",
+        compact: true
+      }
+    ),
+    !loading ? /* @__PURE__ */ jsx("div", { className: "no-print", children: /* @__PURE__ */ jsx(
+      ReportPagination,
+      {
+        page: state.page,
+        pageSize: state.pageSize,
+        total: result?.total ?? 0,
+        onPageChange: setPage,
+        onPageSizeChange: setPageSize
+      }
+    ) }) : null
+  ] });
 }
-function ReportsPage({
-  config,
-  provider
-}) {
-  const [activeReportId, setActiveReportId] = useState(getReportIdFromHash);
-  useEffect(() => {
-    function handler() {
-      setActiveReportId(getReportIdFromHash());
-    }
-    window.addEventListener("hashchange", handler);
-    return () => window.removeEventListener("hashchange", handler);
-  }, []);
-  const handleSelect = useCallback((report) => {
-    window.location.hash = `${HASH_BASE}/${report.id}`;
-  }, []);
-  const handleBack = useCallback(() => {
-    window.location.hash = HASH_BASE;
-  }, []);
-  const activeReport = activeReportId ? config.reports.find((r) => r.id === activeReportId) ?? null : null;
-  return /* @__PURE__ */ jsx(ReportsContextProvider, { config, provider, children: /* @__PURE__ */ jsx("div", { className: "p-1", children: activeReport ? /* @__PURE__ */ jsx(
-    ReportViewer,
-    {
-      report: activeReport,
-      onBack: handleBack
-    },
-    activeReport.id
-  ) : /* @__PURE__ */ jsx(ReportHub, { onSelect: handleSelect }) }) });
+function AnalyticsReportViewer({ cardId }) {
+  const { labels } = useAnalyticsConfig();
+  const cards = useAnalyticsCards();
+  const card = cards.find((c) => c.id === decodeURIComponent(cardId ?? ""));
+  React4__default.useEffect(() => {
+    if (card) markViewed(card.id);
+  }, [card?.id]);
+  if (!card) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => navigateAnalytics(REPORTS_BASE), children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-1.5 h-3.5 w-3.5" }),
+        labels.reports
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "py-12 text-center text-sm text-muted-foreground", children: labels.noResults })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: card.name,
+        parentLabel: labels.reports,
+        onBack: () => navigateAnalytics(REPORTS_BASE)
+      }
+    ),
+    card.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: card.description }) : null,
+    /* @__PURE__ */ jsx(
+      AnalyticsControls,
+      {
+        filters: card.query.filters ?? [],
+        showCompare: card.compare !== false,
+        className: "no-print",
+        actions: /* @__PURE__ */ jsx(ViewerActions, { card })
+      }
+    ),
+    /* @__PURE__ */ jsx(ViewerBody, { card })
+  ] });
+}
+function ViewerActions({ card }) {
+  const { currency } = useAnalyticsConfig();
+  const { result } = useAnalyticsCard(card);
+  const columns = React4__default.useMemo(() => cardColumns(card), [card]);
+  if (!result?.rows?.length) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ExportDropdown,
+      {
+        columns,
+        data: result.rows,
+        filename: card.id,
+        currency: currency.code,
+        title: card.name
+      }
+    ),
+    /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-8", onClick: () => window.print(), children: [
+      /* @__PURE__ */ jsx(Printer, { className: "mr-1.5 h-3.5 w-3.5" }),
+      "Print"
+    ] })
+  ] });
+}
+function LiveViewPage() {
+  const { labels } = useAnalyticsConfig();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center rounded-xl border border-dashed py-20 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(Radio, { className: "h-5 w-5 text-muted-foreground" }) }),
+    /* @__PURE__ */ jsx("p", { className: "font-medium", children: labels.liveView }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: labels.liveViewSoon })
+  ] });
 }
-function camelToSnake(str) {
+function camelToSnake2(str) {
   return str.replace(/[A-Z]/g, (c) => "_" + c.toLowerCase());
 }
-function snakeToCamel(str) {
+function snakeToCamel2(str) {
   return str.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
 }
-function mapRow(row, columnMap) {
+function mapRow2(row, columnMap) {
   const result = {};
   for (const [key, value] of Object.entries(row)) {
-    const camelKey = columnMap?.[key] ?? snakeToCamel(key);
+    const camelKey = columnMap?.[key] ?? snakeToCamel2(key);
     result[camelKey] = value;
   }
   return result;
@@ -644,7 +988,7 @@ async function fetchViaView(reportDef, query, getClient, resolveTenantId, tenant
   }
   for (const [key, value] of Object.entries(query.filters)) {
     if (value == null || value === "") continue;
-    const col = camelToSnake(key);
+    const col = camelToSnake2(key);
     if (Array.isArray(value)) {
       q = q.in(col, value);
     } else {
@@ -652,14 +996,14 @@ async function fetchViaView(reportDef, query, getClient, resolveTenantId, tenant
     }
   }
   if (query.search) {
-    const searchableCols = reportDef.columns.filter((c) => c.type === "text" || c.type === "email").map((c) => camelToSnake(c.key));
+    const searchableCols = reportDef.columns.filter((c) => c.type === "text" || c.type === "email").map((c) => camelToSnake2(c.key));
     if (searchableCols.length > 0) {
       const term = `%${query.search}%`;
       const orClause = searchableCols.map((col) => `${col}.ilike.${term}`).join(",");
       q = q.or(orClause);
     }
   }
-  const sortCol = query.sortBy ? camelToSnake(query.sortBy) : dataSource.defaultSort ? camelToSnake(dataSource.defaultSort) : dateCol;
+  const sortCol = query.sortBy ? camelToSnake2(query.sortBy) : dataSource.defaultSort ? camelToSnake2(dataSource.defaultSort) : dateCol;
   const ascending = query.sortDir ? query.sortDir === "asc" : dataSource.defaultSortDir ? dataSource.defaultSortDir === "asc" : false;
   q = q.order(sortCol, { ascending });
   const from = (query.page - 1) * query.pageSize;
@@ -668,7 +1012,7 @@ async function fetchViaView(reportDef, query, getClient, resolveTenantId, tenant
   const { data, error, count } = await q;
   if (error) throw error;
   return {
-    data: (data ?? []).map((row) => mapRow(row, columnMap)),
+    data: (data ?? []).map((row) => mapRow2(row, columnMap)),
     total: count ?? 0
   };
 }
@@ -684,23 +1028,23 @@ async function fetchViaRpc(reportDef, query, getClient, resolveTenantId, columnM
   };
   for (const [key, value] of Object.entries(query.filters)) {
     if (value == null || value === "") continue;
-    params[`p_${camelToSnake(key)}`] = value;
+    params[`p_${camelToSnake2(key)}`] = value;
   }
   if (query.sortBy) {
-    params.p_sort_by = camelToSnake(query.sortBy);
+    params.p_sort_by = camelToSnake2(query.sortBy);
     params.p_sort_dir = query.sortDir ?? "desc";
   }
   const { data, error } = await getClient().rpc(dataSource.name, params);
   if (error) throw error;
   if (data && typeof data === "object" && "data" in data) {
     return {
-      data: (data.data ?? []).map((row) => mapRow(row, columnMap)),
+      data: (data.data ?? []).map((row) => mapRow2(row, columnMap)),
       total: data.total ?? 0
     };
   }
   const rows = Array.isArray(data) ? data : [];
   return {
-    data: rows.map((row) => mapRow(row, columnMap)),
+    data: rows.map((row) => mapRow2(row, columnMap)),
     total: rows.length
   };
 }
@@ -714,164 +1058,142 @@ function createMockReportProvider() {
   };
 }
 
-// src/lib/tenant.ts
-var t;
-function getReportsTenantId() {
-  return t;
-}
-
-// src/locales/en.ts
-var en = {
-  "reports.pageTitle": "Reports",
-  "reports.pageSubtitle": "Access complete reports for analysis and decision making",
-  "reports.allReports": "All Reports",
-  "reports.dateRange": "Date Range",
-  "reports.from": "From",
-  "reports.to": "To",
-  "reports.export": "Export",
-  "reports.exportCsv": "Export CSV",
-  "reports.exportExcel": "Export Excel",
-  "reports.exportPdf": "Export PDF",
-  "reports.noResults": "No results found.",
-  "reports.backToReports": "Back",
-  "reports.reports": "reports",
-  "reports.search": "Search reports...",
-  "reports.today": "Today",
-  "reports.yesterday": "Yesterday",
-  "reports.last7Days": "Last 7 days",
-  "reports.thisMonth": "This month",
-  "reports.lastMonth": "Last month",
-  "reports.thisQuarter": "This quarter",
-  "reports.custom": "Custom",
-  "reports.generate": "Generate",
-  "reports.emptyStateTitle": "Ready to generate",
-  "reports.emptyStateDescription": "Select a date range and filters, then click Generate to view the report.",
-  "reports.unavailableTitle": "Coming soon",
-  "reports.unavailableDescription": "This report is not available yet. It will be enabled in a future update."
-};
-
-// src/locales/pt-BR.ts
-var ptBR = {
-  "reports.pageTitle": "Relat\xF3rios",
-  "reports.pageSubtitle": "Acesse relat\xF3rios completos para an\xE1lise e tomada de decis\xE3o",
-  "reports.allReports": "Todos os Relat\xF3rios",
-  "reports.dateRange": "Per\xEDodo",
-  "reports.from": "De",
-  "reports.to": "At\xE9",
-  "reports.export": "Exportar",
-  "reports.exportCsv": "Exportar CSV",
-  "reports.exportExcel": "Exportar Excel",
-  "reports.exportPdf": "Exportar PDF",
-  "reports.noResults": "Nenhum resultado encontrado.",
-  "reports.backToReports": "Voltar",
-  "reports.reports": "relat\xF3rios",
-  "reports.search": "Buscar relat\xF3rios...",
-  "reports.today": "Hoje",
-  "reports.yesterday": "Ontem",
-  "reports.last7Days": "\xDAltimos 7 dias",
-  "reports.thisMonth": "Este m\xEAs",
-  "reports.lastMonth": "M\xEAs passado",
-  "reports.thisQuarter": "Este trimestre",
-  "reports.custom": "Personalizado",
-  "reports.generate": "Gerar",
-  "reports.emptyStateTitle": "Pronto para gerar",
-  "reports.emptyStateDescription": "Selecione o per\xEDodo e os filtros desejados, depois clique em Gerar para visualizar o relat\xF3rio.",
-  "reports.unavailableTitle": "Em breve",
-  "reports.unavailableDescription": "Este relat\xF3rio ainda n\xE3o est\xE1 dispon\xEDvel. Ser\xE1 habilitado em uma atualiza\xE7\xE3o futura."
-};
-
-// src/locales/index.ts
-var reportsLocales = {
-  en,
-  "pt-BR": ptBR
-};
-
 // src/index.ts
 var DEFAULT_LABELS = {
-  pageTitle: "Reports",
-  pageSubtitle: "Access complete reports for analysis and decision making",
-  allReports: "All Reports",
-  dateRange: "Date Range",
-  from: "From",
-  to: "To",
-  export: "Export",
-  exportCsv: "Export CSV",
-  exportExcel: "Export Excel",
-  exportPdf: "Export PDF",
+  analytics: "Analytics",
+  reports: "Reports",
+  liveView: "Live View",
+  overviewSubtitle: "Key metrics for your business",
+  reportsSubtitle: "Every report available to you",
+  searchReports: "Search reports",
+  category: "Category",
+  createdBy: "Created by",
+  allCategories: "All categories",
+  allCreatedBy: "All authors",
+  lastViewed: "Last viewed",
+  name: "Name",
   noResults: "No results found.",
-  backToReports: "Back",
-  reports: "reports",
-  search: "Search reports...",
-  today: "Today",
-  yesterday: "Yesterday",
-  last7Days: "Last 7 days",
-  thisMonth: "This month",
-  lastMonth: "Last month",
-  thisQuarter: "This quarter",
-  custom: "Custom",
-  generate: "Generate",
+  never: "\u2014",
+  back: "Back",
+  export: "Export",
   print: "Print",
-  filterFrom: "From",
-  filterTo: "To",
-  filterResults: "Results",
-  emptyStateTitle: "Ready to generate",
-  emptyStateDescription: "Select a date range and filters, then click Generate to view the report.",
   unavailableTitle: "Coming soon",
-  unavailableDescription: "This report is not available yet. It will be enabled in a future update."
+  unavailableDescription: "This report is not connected to data yet. It will be enabled in a future update.",
+  emptyOverviewTitle: "No metrics yet",
+  emptyOverviewDescription: "Enable a plugin that contributes analytics cards, or add them to this app\u2019s pack.",
+  liveViewSoon: "Real-time visitor and checkout activity will appear here once storefront events are being collected.",
+  results: "reports"
 };
 var DEFAULT_CURRENCY = { code: "BRL", locale: "pt-BR", symbol: "R$" };
 function resolveConfig(options) {
+  const labels = { ...DEFAULT_LABELS, ...options.labels };
+  const createdBy = options.createdBy ?? "Fayz";
   return {
-    labels: { ...DEFAULT_LABELS, ...options.labels },
+    labels,
     currency: { ...DEFAULT_CURRENCY, ...options.currency },
-    reports: options.reports,
+    createdBy,
+    cards: [
+      ...options.cards ?? [],
+      ...reportDefsToCards(options.reports ?? [], createdBy)
+    ],
     defaultPageSize: options.defaultPageSize ?? 50,
-    showHeader: options.showHeader !== false
+    showHeader: options.showHeader === true,
+    defaultRange: options.defaultRange ?? "last_30_days",
+    defaultCompare: options.defaultCompare ?? "previous_period"
   };
 }
-function createReportsPlugin(options) {
+function createAnalyticsPlugin(options = {}) {
   const config = resolveConfig(options);
   registerTranslations(reportsLocales);
   const provider = options.dataProvider ?? createSafeDataProvider(
-    () => createSupabaseReportProvider({ tenantId: () => getReportsTenantId() }),
-    () => createMockReportProvider()
+    () => createSupabaseAnalyticsProvider({ tenantId: () => getReportsTenantId() }),
+    () => createMockAnalyticsProvider()
+  );
+  const page2 = (Body) => (props) => React4__default.createElement(
+    AnalyticsSurface,
+    { config, provider },
+    React4__default.createElement(Body, props)
   );
-  const PageComponent = () => React7.createElement(ReportsPage, { config, provider });
+  const READ = { feature: "reports", action: "read" };
+  const position = options.navPosition ?? 9;
+  const section = options.navSection ?? "main";
+  const nav = [
+    {
+      section,
+      position,
+      label: config.labels.analytics,
+      route: ANALYTICS_BASE,
+      icon: "BarChart3",
+      permission: READ
+    },
+    {
+      section,
+      position: position + 0.1,
+      label: config.labels.reports,
+      route: REPORTS_BASE,
+      icon: "FileText",
+      permission: READ
+    },
+    ...options.showLiveView ? [{
+      section,
+      position: position + 0.2,
+      label: config.labels.liveView,
+      route: `${ANALYTICS_BASE}/live`,
+      icon: "Radio",
+      permission: READ
+    }] : []
+  ];
   return {
     id: "reports",
-    name: config.labels.pageTitle,
+    name: config.labels.analytics,
     icon: "BarChart3",
-    version: "1.0.0",
+    version: "2.0.0",
     scope: options.scope ?? "universal",
     verticalId: options.verticalId,
     defaultEnabled: true,
     dependencies: [],
     declaredFeatures: [
-      { id: "reports", label: config.labels.pageTitle, group: config.labels.pageTitle }
-    ],
-    navigation: [
-      {
-        section: options.navSection ?? "main",
-        position: options.navPosition ?? 9,
-        label: config.labels.pageTitle,
-        route: "/reports",
-        icon: "BarChart3",
-        permission: { feature: "reports", action: "read" }
-      }
+      { id: "reports", label: config.labels.analytics, group: config.labels.analytics }
     ],
+    navigation: nav,
     routes: [
-      {
-        path: "/reports",
-        component: PageComponent,
-        permission: { feature: "reports", action: "read" }
-      }
+      { path: ANALYTICS_BASE, component: page2(AnalyticsOverview), permission: READ },
+      { path: REPORTS_BASE, component: page2(ReportsListPage), permission: READ },
+      // Registered before the list would ever shadow it: matchRoute scores
+      // static segments above params, so /analytics/reports still wins its own
+      // exact path and only /analytics/reports/<id> lands here.
+      // No `parentRoute` here on purpose: the viewer's title depends on DATA
+      // (the card's name), so it claims the shell bar itself via PageHeader.
+      // Declaring both gave the page two stacked back-crumbs saying the same
+      // thing, one of them generic.
+      { path: `${REPORTS_BASE}/:cardId`, component: page2(AnalyticsReportViewer), permission: READ },
+      { path: `${ANALYTICS_BASE}/live`, component: page2(LiveViewPage), permission: READ },
+      // The old top-level route kept as a redirect target: bookmarks, saved
+      // links and the five apps still pointing at /reports must not 404.
+      { path: "/reports", component: page2(ReportsListPage), permission: READ }
     ],
     widgets: [],
     registries: [],
     locales: reportsLocales
   };
 }
+function createReportsPlugin(options) {
+  return createAnalyticsPlugin({
+    reports: options.reports,
+    labels: {
+      ...options.labels?.pageTitle ? { analytics: options.labels.pageTitle } : {},
+      ...options.labels?.pageSubtitle ? { overviewSubtitle: options.labels.pageSubtitle } : {}
+    },
+    currency: options.currency,
+    navPosition: options.navPosition,
+    navSection: options.navSection,
+    scope: options.scope,
+    verticalId: options.verticalId,
+    defaultPageSize: options.defaultPageSize,
+    showHeader: options.showHeader
+  });
+}
 
-export { createMockReportProvider, createReportsPlugin, createSupabaseReportProvider };
+export { ANALYTICS_BASE, AnalyticsOverview, AnalyticsReportViewer, AnalyticsSurface, REPORTS_BASE, ReportsListPage, aggregateRows, cardColumns, createAnalyticsPlugin, createMockAnalyticsProvider, createMockReportProvider, createReportsPlugin, createSupabaseAnalyticsProvider, createSupabaseReportProvider, markViewed, reportDefToCard, reportDefsToCards, useAnalyticsCards, useAnalyticsConfig, useLastViewed, useOverviewCards };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map