@fayz-ai/ui 0.9.0-next.1 → 0.10.0

package/dist/index.js

@@ -1,17 +1,21 @@
-export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PhoneLink, Popover, PopoverContent, PopoverTrigger, SearchCombobox, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, normalizePhone, renderMarkdown, toast } from './chunk-S5KNM4D2.js';
-export { AppShell, BackStyleProvider, ContentSplit, ContentSplitTrigger, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeaderActions, PageTransition, Sidebar, SubpageHeader, Topbar, useBackStyle, useLayoutStore, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition } from './chunk-KV3MHB6N.js';
-export { SaveBar, SaveBarProvider, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, useBackHandler, useSaveBar } from './chunk-75EFDLST.js';
+import { Popover, PopoverTrigger, PopoverContent, Input, Hint } from './chunk-SEIY2F5F.js';
+export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, FilterChip, Hint, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PhoneLink, Popover, PopoverContent, PopoverTrigger, SearchCombobox, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, StatTiles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, normalizePhone, renderMarkdown, toast } from './chunk-SEIY2F5F.js';
+export { AppShell, BackStyleProvider, ContentSplit, ContentSplitTrigger, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeaderActions, PageTransition, Sidebar, SubpageHeader, Topbar, useBackStyle, useLayoutStore, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition } from './chunk-H63TOSQ7.js';
+export { HeaderTabs, PageHeader, PageHeaderCrumb, PageHeaderOutlet, SaveBar, SaveBarProvider, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, useBackHandler, useHasPageHeaderHost, useHasPageHeaderOutlet, usePageHeader, usePageHeaderHost, usePageHeaderSlot, useSaveBar } from './chunk-VAKWUUVC.js';
 export { ThemeProvider, createFayzTheme, createTheme, darkTheme, fayzThemePresets, lightTheme, useTheme, useThemeStore } from './chunk-VDAYIQX4.js';
-export { ChartWidget, DEFAULT_RANGE_OPTIONS, DashboardCanvas, DashboardCustomizeMenu, DashboardGrid, DashboardNavigateProvider, DashboardRangeControl, DashboardRangeProvider, GoldCard, KpiCard, OnboardingWidget, TableWidget, WidgetGrid, defineChartWidget, defineCustomWidget, defineKpiWidget, defineOnboardingWidget, defineTableWidget, formatKpiValue, renderIcon, resolveDashboardLayout, useDashboardNavigate, useDashboardPreferences, useDashboardRange } from './chunk-OUPJDGKE.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, DataTable, Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownLabel, DropdownPortal, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, SegmentedControl, Skeleton, TableSkeleton } from './chunk-G6OKZ7WL.js';
-import { cn } from './chunk-YRVE4FOD.js';
-export { Button, buttonVariants, cn } from './chunk-YRVE4FOD.js';
-export { ICON_MAP, getLucideIcon, registerIcons } from './chunk-PVIB724L.js';
-import * as React from 'react';
+import { ChartWidget, DashboardGrid } from './chunk-I6CPKAOD.js';
+export { ChartWidget, DEFAULT_RANGE_OPTIONS, DashboardCanvas, DashboardCustomizeMenu, DashboardGrid, DashboardNavigateProvider, DashboardRangeControl, DashboardRangeProvider, GoldCard, KpiCard, OnboardingWidget, SidebarOnboarding, TableWidget, WidgetGrid, defineChartWidget, defineCustomWidget, defineKpiWidget, defineOnboardingWidget, defineTableWidget, formatKpiValue, renderIcon, resolveDashboardLayout, useDashboardNavigate, useDashboardPreferences, useDashboardRange, useOnboardingProgress } from './chunk-I6CPKAOD.js';
+import { Skeleton, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, Card, CardContent } from './chunk-6V5MGYXH.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, DataTable, Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownLabel, DropdownPortal, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, SegmentedControl, Skeleton, TableSkeleton } from './chunk-6V5MGYXH.js';
+import { cn, Button } from './chunk-OKZ6WQB3.js';
+export { Button, buttonVariants, cn } from './chunk-OKZ6WQB3.js';
+export { ICON_MAP, getLucideIcon, registerIcons } from './chunk-22EVFMS3.js';
+import * as React2 from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Construction, DatabaseZap, AlertCircle, SlidersHorizontal, Search, ChevronRight, Calendar, GitCompareArrows, RefreshCw, X, TrendingUp, TrendingDown, Info, ArrowUpRight } from 'lucide-react';
 
-var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Avatar = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Root,
   {
     ref,
@@ -23,7 +27,7 @@ var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -32,7 +36,7 @@ var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -45,6 +49,948 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
-export { Avatar, AvatarFallback, AvatarImage };
+// src/analytics/range.ts
+function toDayString(d) {
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${y}-${m}-${day}`;
+}
+function parseDay(s) {
+  const [y, m, d] = s.split("-").map(Number);
+  return new Date(y ?? 1970, (m ?? 1) - 1, d ?? 1, 12, 0, 0, 0);
+}
+function shiftDays(d, days) {
+  const next = new Date(d);
+  next.setDate(next.getDate() + days);
+  return next;
+}
+function rangeLengthDays(range) {
+  const from = parseDay(range.from);
+  const to = parseDay(range.to);
+  return Math.max(1, Math.round((to.getTime() - from.getTime()) / 864e5) + 1);
+}
+function resolveRangePreset(preset, today = /* @__PURE__ */ new Date()) {
+  const base = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 12);
+  switch (preset) {
+    case "today":
+      return { from: toDayString(base), to: toDayString(base) };
+    case "yesterday": {
+      const y = shiftDays(base, -1);
+      return { from: toDayString(y), to: toDayString(y) };
+    }
+    // "Last 7 days" includes today, so it spans today minus six — not minus
+    // seven, which would be eight days of data under a seven-day label.
+    case "last_7_days":
+      return { from: toDayString(shiftDays(base, -6)), to: toDayString(base) };
+    case "last_30_days":
+      return { from: toDayString(shiftDays(base, -29)), to: toDayString(base) };
+    case "last_90_days":
+      return { from: toDayString(shiftDays(base, -89)), to: toDayString(base) };
+    case "this_month":
+      return {
+        from: toDayString(new Date(base.getFullYear(), base.getMonth(), 1, 12)),
+        to: toDayString(base)
+      };
+    case "last_month": {
+      const first = new Date(base.getFullYear(), base.getMonth() - 1, 1, 12);
+      const last = new Date(base.getFullYear(), base.getMonth(), 0, 12);
+      return { from: toDayString(first), to: toDayString(last) };
+    }
+    case "this_quarter": {
+      const q = Math.floor(base.getMonth() / 3);
+      return {
+        from: toDayString(new Date(base.getFullYear(), q * 3, 1, 12)),
+        to: toDayString(base)
+      };
+    }
+    case "this_year":
+      return { from: toDayString(new Date(base.getFullYear(), 0, 1, 12)), to: toDayString(base) };
+    default:
+      return { from: toDayString(shiftDays(base, -29)), to: toDayString(base) };
+  }
+}
+function comparisonRange(range, compare) {
+  if (!compare || compare === "none") return null;
+  if (compare === "previous_year") {
+    const from = parseDay(range.from);
+    const to = parseDay(range.to);
+    from.setFullYear(from.getFullYear() - 1);
+    to.setFullYear(to.getFullYear() - 1);
+    return { from: toDayString(from), to: toDayString(to) };
+  }
+  const days = rangeLengthDays(range);
+  const prevTo = shiftDays(parseDay(range.from), -1);
+  const prevFrom = shiftDays(prevTo, -(days - 1));
+  return { from: toDayString(prevFrom), to: toDayString(prevTo) };
+}
+function autoGrain(range) {
+  const days = rangeLengthDays(range);
+  if (days <= 2) return "hour";
+  if (days <= 62) return "day";
+  if (days <= 180) return "week";
+  return "month";
+}
+
+// src/analytics/derive.ts
+function errorMessage(err) {
+  if (err instanceof Error) return err.message;
+  if (typeof err === "string") return err;
+  if (err && typeof err === "object") {
+    const e = err;
+    const parts = [e.message, e.details, e.hint].filter((p) => typeof p === "string" && p.trim().length > 0);
+    if (parts.length > 0) return [...new Set(parts)].join(" \u2014 ");
+    try {
+      return JSON.stringify(err);
+    } catch {
+      return "Unknown error";
+    }
+  }
+  return String(err);
+}
+function isEngineMissing(err) {
+  if (!err || typeof err !== "object") return false;
+  const e = err;
+  const code = typeof e.code === "string" ? e.code : "";
+  if (["42883", "42P01", "PGRST202"].includes(code)) return true;
+  const message = typeof e.message === "string" ? e.message.toLowerCase() : "";
+  return message.includes("analytics_run") || message.includes("plg_shop_rep_");
+}
+function num(value) {
+  if (value == null) return 0;
+  const n = typeof value === "number" ? value : Number(value);
+  return Number.isFinite(n) ? n : 0;
+}
+function resolveRatios(summary, measures = []) {
+  const out = { ...summary ?? {} };
+  for (const m of measures) {
+    if (m.agg !== "ratio" || !m.ratioOf) continue;
+    const [numeratorKey, denominatorKey] = m.ratioOf;
+    const denominator = num(out[denominatorKey]);
+    out[m.key] = denominator === 0 ? 0 : num(out[numeratorKey]) / denominator * (m.scale ?? 1);
+  }
+  return out;
+}
+function resolveRowRatios(rows, measures = []) {
+  const ratios = measures.filter((m) => m.agg === "ratio" && m.ratioOf);
+  if (ratios.length === 0) return rows;
+  return rows.map((row) => ({ ...row, ...resolveRatios(row, ratios) }));
+}
+function deltaPercent(current, previous) {
+  if (previous == null || previous === 0) return null;
+  return (current - previous) / Math.abs(previous) * 100;
+}
+function trendOf(current, previous) {
+  if (previous == null) return void 0;
+  if (current > previous) return "up";
+  if (current < previous) return "down";
+  return "neutral";
+}
+function formatCompact(value, locale = "pt-BR") {
+  return new Intl.NumberFormat(locale, { notation: "compact", maximumFractionDigits: 1 }).format(value);
+}
+function formatAnalyticsValue(value, format, currency, opts) {
+  const locale = currency?.locale ?? "pt-BR";
+  if (format === "date") {
+    if (!value) return "\u2014";
+    const d = new Date(String(value));
+    return Number.isNaN(d.getTime()) ? String(value) : d.toLocaleDateString(locale);
+  }
+  if (format === "text" || typeof value === "string" && format == null) {
+    return value == null || value === "" ? "\u2014" : String(value);
+  }
+  const n = num(value);
+  switch (format) {
+    case "currency":
+      return opts?.compact && Math.abs(n) >= 1e4 ? `${currency?.symbol ?? "R$"}${formatCompact(n, locale)}` : new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency: currency?.code ?? "BRL",
+        maximumFractionDigits: 2
+      }).format(n);
+    case "percent":
+      return `${new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }).format(n)}%`;
+    case "duration":
+      return formatDuration(n);
+    default:
+      return opts?.compact && Math.abs(n) >= 1e4 ? formatCompact(n, locale) : new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }).format(n);
+  }
+}
+function formatDuration(hours) {
+  if (!Number.isFinite(hours) || hours <= 0) return "0s";
+  const totalMinutes = Math.round(hours * 60);
+  if (totalMinutes < 1) return `${Math.round(hours * 3600)}s`;
+  if (totalMinutes < 60) return `${totalMinutes}min`;
+  const h = Math.floor(totalMinutes / 60);
+  const m = totalMinutes % 60;
+  if (h < 24) return m ? `${h}h ${m}min` : `${h}h`;
+  const d = Math.floor(h / 24);
+  return `${d}d ${h % 24}h`;
+}
+function formatBucket(value, grain, locale = "pt-BR") {
+  if (value == null) return "\u2014";
+  const d = new Date(String(value));
+  if (Number.isNaN(d.getTime())) return String(value);
+  switch (grain) {
+    case "hour":
+      return d.toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit" });
+    case "month":
+      return d.toLocaleDateString(locale, { month: "short", year: "2-digit" });
+    case "quarter":
+      return `Q${Math.floor(d.getMonth() / 3) + 1} ${d.getFullYear()}`;
+    case "year":
+      return String(d.getFullYear());
+    default:
+      return d.toLocaleDateString(locale, { day: "2-digit", month: "short" });
+  }
+}
+function toBreakdown(rows, categoryKey, measureKey, format, currency, limit) {
+  const mapped = rows.map((row) => ({
+    label: row[categoryKey] == null || row[categoryKey] === "" ? "\u2014" : String(row[categoryKey]),
+    value: num(row[measureKey])
+  }));
+  const max = mapped.reduce((m, r) => Math.max(m, Math.abs(r.value)), 0);
+  const sliced = limit ? mapped.slice(0, limit) : mapped;
+  return sliced.map((r) => ({
+    ...r,
+    share: max === 0 ? 0 : Math.abs(r.value) / max,
+    formatted: formatAnalyticsValue(r.value, format, currency)
+  }));
+}
+function vizMeasures(card) {
+  const all = card.query.measures ?? [];
+  const wanted = card.viz.measures;
+  if (!wanted?.length) return all;
+  return wanted.map((key) => all.find((m) => m.key === key)).filter((m) => Boolean(m));
+}
+function vizCategory(card) {
+  const dims = card.query.dimensions ?? [];
+  if (card.viz.categoryKey) return dims.find((d) => d.key === card.viz.categoryKey) ?? dims[0];
+  return dims[0];
+}
+function toChartData(rows, categoryKey, grain, locale = "pt-BR") {
+  return rows.map((row) => {
+    const out = {};
+    for (const [k, v] of Object.entries(row)) {
+      if (k === categoryKey) continue;
+      out[k] = typeof v === "number" ? v : num(v);
+    }
+    out[categoryKey] = grain ? formatBucket(row[categoryKey], grain, locale) : row[categoryKey] == null || row[categoryKey] === "" ? "\u2014" : String(row[categoryKey]);
+    return out;
+  });
+}
+function toSpark(result, measureKey) {
+  if (!result?.rows?.length || result.rows.length < 2) return void 0;
+  return result.rows.map((row) => num(row[measureKey]));
+}
+var AnalyticsContext = React2.createContext(null);
+function useAnalyticsContext() {
+  const ctx = React2.useContext(AnalyticsContext);
+  if (!ctx) throw new Error("useAnalyticsContext must be used inside <AnalyticsContextProvider>");
+  return ctx;
+}
+function useAnalyticsContextOptional() {
+  return React2.useContext(AnalyticsContext);
+}
+function AnalyticsContextProvider({
+  provider,
+  currency,
+  defaultPreset = "last_30_days",
+  defaultCompare = "previous_period",
+  defaultPageSize = 50,
+  onOpenCard,
+  createdBy,
+  children
+}) {
+  const [preset, setPresetState] = React2.useState(defaultPreset);
+  const [refreshToken, setRefreshToken] = React2.useState(0);
+  const [state, setState] = React2.useState(() => ({
+    dateRange: resolveRangePreset(defaultPreset),
+    compare: defaultCompare,
+    filters: {},
+    page: 1,
+    pageSize: defaultPageSize
+  }));
+  const setPreset = React2.useCallback((next) => {
+    setPresetState(next);
+    if (next !== "custom") {
+      setState((s) => ({ ...s, dateRange: resolveRangePreset(next), page: 1 }));
+    }
+  }, []);
+  const setDateRange = React2.useCallback((dateRange) => {
+    setPresetState("custom");
+    setState((s) => ({ ...s, dateRange, page: 1 }));
+  }, []);
+  const setCompare = React2.useCallback((compare) => {
+    setState((s) => ({ ...s, compare }));
+  }, []);
+  const setFilter = React2.useCallback((key, value2) => {
+    setState((s) => {
+      const filters = { ...s.filters };
+      if (value2 == null || value2 === "" || Array.isArray(value2) && value2.length === 0) delete filters[key];
+      else filters[key] = value2;
+      return { ...s, filters, page: 1 };
+    });
+  }, []);
+  const setFilters = React2.useCallback((filters) => {
+    setState((s) => ({ ...s, filters, page: 1 }));
+  }, []);
+  const clearFilters = React2.useCallback(() => {
+    setState((s) => ({ ...s, filters: {}, page: 1 }));
+  }, []);
+  const setPage = React2.useCallback((page) => {
+    setState((s) => ({ ...s, page: Math.max(1, page) }));
+  }, []);
+  const setPageSize = React2.useCallback((pageSize) => {
+    setState((s) => ({ ...s, pageSize, page: 1 }));
+  }, []);
+  const setSort = React2.useCallback((sortBy, sortDir) => {
+    setState((s) => ({ ...s, sortBy, sortDir, page: 1 }));
+  }, []);
+  const setSearch = React2.useCallback((search) => {
+    setState((s) => ({ ...s, search, page: 1 }));
+  }, []);
+  const refresh = React2.useCallback(() => setRefreshToken((t) => t + 1), []);
+  const deduped = React2.useMemo(() => {
+    const inflight = /* @__PURE__ */ new Map();
+    return {
+      run(card, queryState) {
+        const key = JSON.stringify([card.id, queryState, refreshToken]);
+        const existing = inflight.get(key);
+        if (existing) return existing;
+        const promise = provider.run(card, queryState).finally(() => {
+          inflight.delete(key);
+        });
+        inflight.set(key, promise);
+        return promise;
+      }
+    };
+  }, [provider, refreshToken]);
+  const value = React2.useMemo(() => ({
+    provider: deduped,
+    currency: currency ?? { code: "BRL", locale: "pt-BR", symbol: "R$" },
+    state,
+    preset,
+    setPreset,
+    setDateRange,
+    setCompare,
+    setFilter,
+    setFilters,
+    clearFilters,
+    setPage,
+    setPageSize,
+    setSort,
+    setSearch,
+    refreshToken,
+    refresh,
+    onOpenCard,
+    createdBy
+  }), [
+    deduped,
+    currency,
+    state,
+    preset,
+    setPreset,
+    setDateRange,
+    setCompare,
+    setFilter,
+    setFilters,
+    clearFilters,
+    setPage,
+    setPageSize,
+    setSort,
+    setSearch,
+    refreshToken,
+    refresh,
+    onOpenCard,
+    createdBy
+  ]);
+  return /* @__PURE__ */ jsx(AnalyticsContext.Provider, { value, children });
+}
+function withResolvedGrain(card, range) {
+  const dims = card.query.dimensions;
+  if (!dims?.some((d) => d.grain === "auto")) return card;
+  const grain = autoGrain(range);
+  return {
+    ...card,
+    query: {
+      ...card.query,
+      dimensions: dims.map((d) => d.grain === "auto" ? { ...d, grain } : d)
+    }
+  };
+}
+function useAnalyticsCard(card, options) {
+  const { provider, state, refreshToken } = useAnalyticsContext();
+  const [result, setResult] = React2.useState(null);
+  const [loading, setLoading] = React2.useState(false);
+  const [error, setError] = React2.useState(null);
+  const [engineMissing, setEngineMissing] = React2.useState(false);
+  const enabled = (options?.enabled ?? true) && card.available !== false;
+  const merged = React2.useMemo(
+    () => ({ ...state, ...options?.stateOverride }),
+    [state, options?.stateOverride]
+  );
+  const resolved = React2.useMemo(() => withResolvedGrain(card, merged.dateRange), [card, merged.dateRange]);
+  const key = React2.useMemo(
+    () => JSON.stringify([resolved.id, merged, refreshToken]),
+    [resolved.id, merged, refreshToken]
+  );
+  React2.useEffect(() => {
+    if (!enabled) {
+      setResult(null);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    setEngineMissing(false);
+    const comparison = resolved.compare ? comparisonRange(merged.dateRange, merged.compare) : null;
+    Promise.all([
+      provider.run(resolved, merged),
+      comparison ? provider.run(resolved, { ...merged, dateRange: comparison }).catch(() => null) : Promise.resolve(null)
+    ]).then(([current, previous]) => {
+      if (cancelled) return;
+      setResult({
+        ...current,
+        rows: resolveRowRatios(current.rows, resolved.query.measures),
+        previous: previous ? { rows: previous.rows, summary: previous.summary } : void 0
+      });
+    }).catch((err) => {
+      if (cancelled) return;
+      setResult(null);
+      setError(errorMessage(err));
+      setEngineMissing(isEngineMissing(err));
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [key, enabled, provider]);
+  const refetch = React2.useCallback(() => {
+    setResult(null);
+    setLoading(true);
+  }, []);
+  const summary = React2.useMemo(
+    () => resolveRatios(result?.summary, resolved.query.measures),
+    [result?.summary, resolved.query.measures]
+  );
+  const previousSummary = React2.useMemo(
+    () => result?.previous ? resolveRatios(result.previous.summary, resolved.query.measures) : null,
+    [result?.previous, resolved.query.measures]
+  );
+  return { result, summary, previousSummary, loading, error, engineMissing, refetch };
+}
+var CHART_TYPES = { line: "line", bar: "bar", area: "area", donut: "pie" };
+function CardChrome({
+  card,
+  hideOpen,
+  children,
+  dense
+}) {
+  const { onOpenCard } = useAnalyticsContext();
+  const canOpen = Boolean(onOpenCard) && !hideOpen;
+  return /* @__PURE__ */ jsxs(Card, { className: "group flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between gap-2", dense ? "px-4 pt-3" : "px-5 pt-4"), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-muted-foreground", children: card.name }),
+        card.description ? /* @__PURE__ */ jsx(Hint, { label: card.description, side: "top", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            tabIndex: 0,
+            role: "note",
+            "aria-label": card.description,
+            className: "shrink-0 text-muted-foreground/60 hover:text-muted-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+            children: /* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5" })
+          }
+        ) }) : null
+      ] }),
+      canOpen ? /* @__PURE__ */ jsx(Hint, { label: "Open as report", side: "top", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpenCard?.(card),
+          "aria-label": `Open ${card.name} as a report`,
+          className: "shrink-0 rounded-md p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover:opacity-100",
+          children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-4 w-4" })
+        }
+      ) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: cn("flex-1", dense ? "p-4 pt-2" : "p-5 pt-2"), children })
+  ] });
+}
+function Spark({ data, color }) {
+  const gid = React2.useId();
+  if (data.length < 2) return null;
+  const W = 120, H = 28, P = 2;
+  const min = Math.min(...data);
+  const max = Math.max(...data);
+  const span = max - min || 1;
+  const step = (W - P * 2) / (data.length - 1);
+  const pts = data.map((d, i) => [P + i * step, P + (H - P * 2) * (1 - (d - min) / span)]);
+  const line = pts.map(([x, y], i) => `${i === 0 ? "M" : "L"}${x.toFixed(1)},${y.toFixed(1)}`).join(" ");
+  const area = `${line} L${pts[pts.length - 1][0].toFixed(1)},${H} L${pts[0][0].toFixed(1)},${H} Z`;
+  return /* @__PURE__ */ jsxs("svg", { viewBox: `0 0 ${W} ${H}`, className: "h-7 w-full", preserveAspectRatio: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gid, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: "0.22" }),
+      /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: color, stopOpacity: "0" })
+    ] }) }),
+    /* @__PURE__ */ jsx("path", { d: area, fill: `url(#${gid})` }),
+    /* @__PURE__ */ jsx("path", { d: line, fill: "none", stroke: color, strokeWidth: "1.5", vectorEffect: "non-scaling-stroke", strokeLinejoin: "round" })
+  ] });
+}
+function TrendChip({ current, previous }) {
+  const delta = deltaPercent(current, previous);
+  const trend = trendOf(current, previous);
+  if (!trend || trend === "neutral" || delta == null) {
+    return /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" });
+  }
+  const Icon = trend === "up" ? TrendingUp : TrendingDown;
+  return /* @__PURE__ */ jsxs("span", { className: cn(
+    "inline-flex items-center gap-0.5 text-xs font-medium",
+    trend === "up" ? "text-emerald-600" : "text-rose-600"
+  ), children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+    `${delta > 0 ? "+" : ""}${delta.toFixed(1)}%`
+  ] });
+}
+function BreakdownList({
+  rows,
+  categoryKey,
+  measure,
+  currency,
+  limit
+}) {
+  const items = toBreakdown(rows, categoryKey, measure.key, measure.format, currency, limit);
+  if (items.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-2.5", children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "w-2/5 truncate text-muted-foreground", title: item.label, children: item.label }),
+    /* @__PURE__ */ jsx("span", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-muted", role: "presentation", children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "block h-full rounded-full bg-[hsl(var(--info))]",
+        style: { width: `${Math.max(item.share * 100, item.value === 0 ? 0 : 2)}%` }
+      }
+    ) }),
+    /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums font-medium", children: item.formatted })
+  ] }, `${item.label}-${i}`)) });
+}
+function MiniTable({
+  rows,
+  card,
+  currency,
+  limit
+}) {
+  const dims = card.query.dimensions ?? [];
+  const measures = vizMeasures(card);
+  const cols = [
+    ...dims.map((d) => ({ key: d.key, label: d.label, format: d.format, align: "left" })),
+    ...measures.map((m) => ({ key: m.key, label: m.label, format: m.format, align: "right" }))
+  ];
+  const shown = limit ? rows.slice(0, limit) : rows;
+  if (shown.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
+  return /* @__PURE__ */ jsx("div", { className: "-mx-1 overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "border-b text-xs text-muted-foreground", children: cols.map((c) => /* @__PURE__ */ jsx("th", { className: cn("px-1 pb-2 font-medium", c.align === "right" ? "text-right" : "text-left"), children: c.label }, c.key)) }) }),
+    /* @__PURE__ */ jsx("tbody", { children: shown.map((row, i) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border/50 last:border-0", children: cols.map((c) => /* @__PURE__ */ jsx("td", { className: cn("px-1 py-2", c.align === "right" ? "text-right tabular-nums" : "truncate"), children: formatAnalyticsValue(row[c.key], c.format, currency) }, c.key)) }, i)) })
+  ] }) });
+}
+function EmptyState({ label = "No data for this date range" }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-[80px] items-center justify-center text-center text-sm text-muted-foreground", children: label });
+}
+function AnalyticsCard({ card, className, hideOpen }) {
+  const { currency } = useAnalyticsContext();
+  const { result, summary, previousSummary, loading, error, engineMissing } = useAnalyticsCard(card);
+  const measures = vizMeasures(card);
+  const category = vizCategory(card);
+  const rows = result?.rows ?? [];
+  const body = (() => {
+    if (card.available === false) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[80px] flex-col items-center justify-center gap-2 text-center", children: [
+        /* @__PURE__ */ jsx(Construction, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Not connected yet" })
+      ] });
+    }
+    if (loading && !result) {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
+      ] });
+    }
+    if (engineMissing) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[80px] flex-col items-center justify-center gap-1.5 text-center", children: [
+        /* @__PURE__ */ jsx(DatabaseZap, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Analytics engine not installed" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "Run migration 0039 on this project." })
+      ] });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[60px] items-start gap-1.5 text-xs text-destructive", children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "break-words", children: error })
+      ] });
+    }
+    switch (card.viz.type) {
+      case "kpi": {
+        const measure = measures[0];
+        if (!measure) return /* @__PURE__ */ jsx(EmptyState, {});
+        const value = num(summary[measure.key]);
+        const previous = previousSummary ? num(previousSummary[measure.key]) : null;
+        const spark = card.viz.spark ? toSpark(result, measure.key) : void 0;
+        return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl font-semibold tracking-tight tabular-nums", children: formatAnalyticsValue(value, measure.format, currency, { compact: true }) }),
+            /* @__PURE__ */ jsx(TrendChip, { current: value, previous })
+          ] }),
+          spark ? /* @__PURE__ */ jsx(Spark, { data: spark, color: "hsl(var(--info))" }) : null
+        ] });
+      }
+      case "breakdown": {
+        const measure = measures[0];
+        if (!measure || !category) return /* @__PURE__ */ jsx(EmptyState, {});
+        return /* @__PURE__ */ jsx(
+          BreakdownList,
+          {
+            rows,
+            categoryKey: category.key,
+            measure,
+            currency,
+            limit: card.viz.limit
+          }
+        );
+      }
+      case "table":
+        return /* @__PURE__ */ jsx(MiniTable, { rows, card, currency, limit: card.viz.limit ?? 5 });
+      case "funnel": {
+        const measure = measures[0];
+        if (!measure || !category) return /* @__PURE__ */ jsx(EmptyState, {});
+        const first = num(rows[0]?.[measure.key]) || 1;
+        return /* @__PURE__ */ jsx("ul", { className: "space-y-2.5", children: rows.map((row, i) => {
+          const value = num(row[measure.key]);
+          return /* @__PURE__ */ jsxs("li", { className: "text-sm", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-baseline justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: String(row[category.key] ?? "\u2014") }),
+              /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums font-medium", children: [
+                formatAnalyticsValue(value, measure.format, currency),
+                /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-xs text-muted-foreground", children: [
+                  (value / first * 100).toFixed(0),
+                  "%"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "block h-1.5 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx("span", { className: "block h-full rounded-full bg-[hsl(var(--info))]", style: { width: `${value / first * 100}%` } }) })
+          ] }, i);
+        }) });
+      }
+      default: {
+        if (rows.length === 0) return /* @__PURE__ */ jsx(EmptyState, {});
+        if (!category) return /* @__PURE__ */ jsx(EmptyState, {});
+        const chartType = CHART_TYPES[card.viz.type] ?? "line";
+        const data = toChartData(rows, category.key, category.grain, currency.locale);
+        const series = measures.map((m) => ({ dataKey: m.key, label: m.label }));
+        return /* @__PURE__ */ jsx(
+          ChartWidget,
+          {
+            type: chartType,
+            data,
+            series,
+            categoryKey: category.key,
+            height: card.viz.height ?? 200,
+            className: "border-0 bg-transparent shadow-none [&>div]:p-0"
+          }
+        );
+      }
+    }
+  })();
+  const dense = card.viz.type === "kpi";
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(CardChrome, { card, hideOpen, dense, children: body }) });
+}
+function defaultSpan(card) {
+  if (card.dashboard?.span) return card.dashboard.span;
+  switch (card.viz.type) {
+    case "kpi":
+      return 1;
+    case "table":
+      return 4;
+    default:
+      return 2;
+  }
+}
+function AnalyticsGrid({ cards, className }) {
+  const items = React2.useMemo(
+    () => cards.map((card) => ({
+      id: card.id,
+      span: defaultSpan(card),
+      node: /* @__PURE__ */ jsx(AnalyticsCard, { card })
+    })),
+    [cards]
+  );
+  return /* @__PURE__ */ jsx(DashboardGrid, { items, className });
+}
+function collectFilters(cards) {
+  const byKey = /* @__PURE__ */ new Map();
+  for (const card of cards) {
+    for (const filter of card.query.filters ?? []) {
+      if (!byKey.has(filter.key)) byKey.set(filter.key, filter);
+    }
+  }
+  return [...byKey.values()];
+}
+var PRESETS = [
+  { value: "today", label: "Today" },
+  { value: "yesterday", label: "Yesterday" },
+  { value: "last_7_days", label: "Last 7 days" },
+  { value: "last_30_days", label: "Last 30 days" },
+  { value: "last_90_days", label: "Last 90 days" },
+  { value: "this_month", label: "This month" },
+  { value: "last_month", label: "Last month" },
+  { value: "this_quarter", label: "This quarter" },
+  { value: "this_year", label: "This year" }
+];
+var COMPARE_OPTIONS = [
+  { value: "previous_period", label: "Previous period" },
+  { value: "previous_year", label: "Previous year" },
+  { value: "none", label: "No comparison" }
+];
+var UNGROUPED = "General";
+var ControlButton = React2.forwardRef(function ControlButton2({ icon: Icon, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(Button, { ref, variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs font-normal", ...props, children: [
+    Icon ? /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }) : null,
+    children
+  ] });
+});
+function useFilterOptions(filter) {
+  const [options, setOptions] = React2.useState(
+    Array.isArray(filter.options) ? filter.options : []
+  );
+  React2.useEffect(() => {
+    if (typeof filter.options !== "function") {
+      setOptions(Array.isArray(filter.options) ? filter.options : []);
+      return;
+    }
+    let cancelled = false;
+    void filter.options().then((next) => {
+      if (!cancelled) setOptions(next);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [filter.options]);
+  return options;
+}
+function FilterValues({
+  filter,
+  draft,
+  onChange
+}) {
+  const options = useFilterOptions(filter);
+  const current = draft[filter.key];
+  if (filter.type === "text" || filter.type === "number") {
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: filter.type === "number" ? "number" : "text",
+        value: current == null ? "" : String(current),
+        placeholder: filter.placeholder,
+        onChange: (e) => onChange(filter.key, e.target.value),
+        className: "h-8 text-sm"
+      }
+    );
+  }
+  if (filter.type === "boolean") {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: [{ label: "Yes", value: "true" }, { label: "No", value: "false" }].map((o) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "radio",
+          name: filter.key,
+          checked: String(current) === o.value,
+          onChange: () => onChange(filter.key, o.value),
+          className: "h-3.5 w-3.5"
+        }
+      ),
+      o.label
+    ] }, o.value)) });
+  }
+  const multi = filter.type === "multiselect";
+  const selected = new Set(Array.isArray(current) ? current.map(String) : current != null ? [String(current)] : []);
+  if (options.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: "No options available" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "max-h-56 space-y-0.5 overflow-y-auto", children: options.map((o) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-muted", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: multi ? "checkbox" : "radio",
+        name: filter.key,
+        checked: selected.has(o.value),
+        onChange: () => {
+          if (!multi) {
+            onChange(filter.key, selected.has(o.value) ? void 0 : o.value);
+            return;
+          }
+          const next = new Set(selected);
+          if (next.has(o.value)) next.delete(o.value);
+          else next.add(o.value);
+          onChange(filter.key, [...next]);
+        },
+        className: "h-3.5 w-3.5"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children: o.label })
+  ] }, o.value)) });
+}
+function AnalyticsFilterPicker({ filters }) {
+  const { state, setFilters, clearFilters } = useAnalyticsContext();
+  const [open, setOpen] = React2.useState(false);
+  const [search, setSearch] = React2.useState("");
+  const [openGroup, setOpenGroup] = React2.useState(null);
+  const [draft, setDraft] = React2.useState(state.filters);
+  React2.useEffect(() => {
+    if (open) setDraft(state.filters);
+  }, [open, state.filters]);
+  const groups = React2.useMemo(() => {
+    const q = search.trim().toLowerCase();
+    const matching = q ? filters.filter((f) => f.label.toLowerCase().includes(q)) : filters;
+    const map = /* @__PURE__ */ new Map();
+    for (const f of matching) {
+      const key = f.group ?? UNGROUPED;
+      map.set(key, [...map.get(key) ?? [], f]);
+    }
+    return [...map.entries()].sort(([a], [b]) => a.localeCompare(b));
+  }, [filters, search]);
+  const activeCount = Object.keys(state.filters).length;
+  if (filters.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs font-normal", children: [
+      /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }),
+      "Filters",
+      activeCount > 0 ? /* @__PURE__ */ jsx("span", { className: "ml-0.5 rounded-full bg-primary px-1.5 text-[10px] font-medium text-primary-foreground", children: activeCount }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-80 p-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b p-2", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: "Search filters",
+            className: "h-8 pl-8 text-sm"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto p-1", children: groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No filters match" }) : groups.map(([group, groupFilters]) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpenGroup((g) => g === group ? null : group),
+            "aria-expanded": openGroup === group,
+            className: "flex w-full items-center justify-between rounded-md px-2 py-2 text-sm hover:bg-muted",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: group }),
+              /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-3.5 w-3.5 text-muted-foreground transition-transform", openGroup === group && "rotate-90") })
+            ]
+          }
+        ),
+        openGroup === group ? /* @__PURE__ */ jsx("div", { className: "space-y-3 px-2 pb-3 pt-1", children: groupFilters.map((f) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-muted-foreground", children: f.label }),
+          /* @__PURE__ */ jsx(
+            FilterValues,
+            {
+              filter: f,
+              draft,
+              onChange: (key, value) => setDraft((d) => {
+                const next = { ...d };
+                if (value == null || value === "" || Array.isArray(value) && value.length === 0) delete next[key];
+                else next[key] = value;
+                return next;
+              })
+            }
+          )
+        ] }, f.key)) }) : null
+      ] }, group)) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t p-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-8 text-xs",
+            onClick: () => {
+              setDraft({});
+              clearFilters();
+              setOpen(false);
+            },
+            children: "Clear"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { size: "sm", className: "h-8 text-xs", onClick: () => {
+          setFilters(draft);
+          setOpen(false);
+        }, children: "Apply" })
+      ] })
+    ] })
+  ] });
+}
+function AnalyticsControls({ filters = [], showCompare = true, actions, className }) {
+  const { state, preset, setPreset, setCompare, refresh } = useAnalyticsContext();
+  const presetLabel = PRESETS.find((p) => p.value === preset)?.label ?? `${state.dateRange.from} \u2013 ${state.dateRange.to}`;
+  const compareLabel = COMPARE_OPTIONS.find((c) => c.value === (state.compare ?? "none"))?.label;
+  const activeFilters = Object.entries(state.filters);
+  const filterLabel = (key) => filters.find((f) => f.key === key)?.label ?? key;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxs(Dropdown, { children: [
+      /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(ControlButton, { icon: Calendar, children: presetLabel }) }),
+      /* @__PURE__ */ jsx(DropdownContent, { align: "start", className: "w-48", children: PRESETS.map((p) => /* @__PURE__ */ jsx(DropdownItem, { onSelect: () => setPreset(p.value), children: p.label }, p.value)) })
+    ] }),
+    showCompare ? /* @__PURE__ */ jsxs(Dropdown, { children: [
+      /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(ControlButton, { icon: GitCompareArrows, children: [
+        "Compare: ",
+        compareLabel
+      ] }) }),
+      /* @__PURE__ */ jsx(DropdownContent, { align: "start", className: "w-48", children: COMPARE_OPTIONS.map((c) => /* @__PURE__ */ jsx(DropdownItem, { onSelect: () => setCompare(c.value), children: c.label }, c.value)) })
+    ] }) : null,
+    /* @__PURE__ */ jsx(AnalyticsFilterPicker, { filters }),
+    activeFilters.map(([key, value]) => /* @__PURE__ */ jsx(ActiveFilterChip, { label: filterLabel(key), value, filterKey: key }, key)),
+    /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+      actions,
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: refresh,
+          "aria-label": "Refresh",
+          className: "h-8 w-8 p-0",
+          children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] })
+  ] });
+}
+function ActiveFilterChip({ label, value, filterKey }) {
+  const { setFilter } = useAnalyticsContext();
+  const text = Array.isArray(value) ? `${value.length} selected` : String(value);
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border bg-muted/50 py-1 pl-2.5 pr-1 text-xs", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium", children: text }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setFilter(filterKey, void 0),
+        "aria-label": `Remove ${label} filter`,
+        className: "rounded-full p-0.5 hover:bg-muted",
+        children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+      }
+    )
+  ] });
+}
+
+export { AnalyticsCard, AnalyticsContextProvider, AnalyticsControls, AnalyticsFilterPicker, AnalyticsGrid, Avatar, AvatarFallback, AvatarImage, autoGrain, collectFilters, comparisonRange, deltaPercent, errorMessage, formatAnalyticsValue, formatBucket, formatCompact, formatDuration, isEngineMissing, num, parseDay, rangeLengthDays, resolveRangePreset, resolveRatios, resolveRowRatios, toBreakdown, toChartData, toDayString, toSpark, trendOf, useAnalyticsCard, useAnalyticsContext, useAnalyticsContextOptional, vizCategory, vizMeasures };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map