@fayz-ai/plugin-reports 0.16.28 → 0.16.30

package/dist/chunk-DTUN4WLI.js

@@ -0,0 +1,577 @@
+import { useAnalyticsConfig, useAnalyticsCatalogue, useAnalyticsCards, useAnalyticsPrefs, analyticsSources, saveCustomReport, setCardPref, navigateAnalytics, REPORTS_BASE, ANALYTICS_BASE, resetAnalyticsPrefs, deleteCustomReport, setOverviewOrder, clearCardPref } from './chunk-YVLQV4N7.js';
+import React from 'react';
+import { RotateCcw, ChevronUp, ChevronDown, EyeOff, Eye, Trash2, GripVertical, SlidersHorizontal } from 'lucide-react';
+import { useTranslation } from '@fayz-ai/core';
+import { SubpageHeader, PageHeaderActions, Button, Card, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Badge, getLucideIcon, Input, Checkbox } from '@fayz-ai/ui';
+import { askAI, useAgentSurface, QuickActionsButton, RightRailPage } from '@fayz-ai/admin';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var VIZ_TYPES = ["kpi", "line", "bar", "area", "donut", "breakdown", "table"];
+function vizOptionsFor(card) {
+  const hasDimension = (card.query.dimensions ?? []).some((d) => !d.hidden);
+  return hasDimension ? VIZ_TYPES : ["kpi", "table"];
+}
+function CardIcon({ name, className }) {
+  const Icon = getLucideIcon(name ?? "FileText") ?? getLucideIcon("FileText");
+  return Icon ? /* @__PURE__ */ jsx(Icon, { className }) : null;
+}
+function ReportRow({ card, custom, onEdit, children, drag }) {
+  const t = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      draggable: Boolean(drag),
+      onDragStart: drag?.onDragStart,
+      onDragOver: drag?.onDragOver,
+      onDragEnd: drag?.onDragEnd,
+      className: [
+        "flex items-center gap-2 border-b border-border/60 px-3 py-2 last:border-0",
+        drag ? "cursor-grab active:cursor-grabbing" : "",
+        drag?.dragging ? "opacity-40" : ""
+      ].join(" "),
+      children: [
+        drag ? /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4 shrink-0 text-muted-foreground/50", "aria-hidden": true }) : /* @__PURE__ */ jsx("span", { className: "w-4 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(CardIcon, { name: card.icon, className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: card.name }),
+            custom ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: t("reports.settings.custom") }) : null
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: card.category })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          children,
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onEdit, "aria-label": t("reports.settings.edit"), title: t("reports.settings.edit"), children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3.5 w-3.5" }) })
+        ] })
+      ]
+    }
+  );
+}
+function CardEditor({ card, onClose }) {
+  const t = useTranslation();
+  const prefs = useAnalyticsPrefs();
+  const pref = prefs.cards[card.id] ?? {};
+  const isCustom = prefs.custom.some((r) => r.id === card.id);
+  const [name, setName] = React.useState(card.name);
+  const measures = card.query.measures ?? [];
+  const dimensions = (card.query.dimensions ?? []).filter((d) => !d.hidden);
+  const keptMeasures = new Set(pref.measures ?? measures.map((m) => m.key));
+  const keptDimensions = new Set(pref.dimensions ?? dimensions.map((d) => d.key));
+  const toggle = (set, key, field, all) => {
+    const next = new Set(set);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    setCardPref(card.id, { [field]: next.size === all.length ? void 0 : [...next] });
+  };
+  return (
+    // A coluna da direita, não uma gaveta só desta tela: ajustar um relatório é
+    // olhar a lista enquanto se mexe nele, e uma gaveta cobre exatamente a
+    // lista. É a mesma coluna do assistente — RightRailPage cai numa Sheet
+    // sozinha quando a shell não tem coluna nenhuma.
+    /* @__PURE__ */ jsxs(RightRailPage, { title: card.name, open: true, onClose, width: "max-w-md", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+        card.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: card.description }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.name") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              onBlur: () => setCardPref(card.id, { name: name.trim() && name !== card.name ? name.trim() : void 0 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.viz") }),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: card.viz.type,
+              onValueChange: (value) => setCardPref(card.id, { viz: value }),
+              children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: vizOptionsFor(card).map((viz) => /* @__PURE__ */ jsx(SelectItem, { value: viz, children: t(`reports.viz.${viz}`) }, viz)) })
+              ]
+            }
+          )
+        ] }),
+        dimensions.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.dimensions") }),
+          dimensions.map((d) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: keptDimensions.has(d.key),
+                onChange: () => toggle(keptDimensions, d.key, "dimensions", dimensions.map((x) => x.key))
+              }
+            ),
+            d.label
+          ] }, d.key))
+        ] }) : null,
+        measures.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.measures") }),
+          measures.map((m) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: keptMeasures.has(m.key),
+                onChange: () => toggle(keptMeasures, m.key, "measures", measures.map((x) => x.key))
+              }
+            ),
+            m.label
+          ] }, m.key))
+        ] }) : null
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border p-3", children: [
+        isCustom ? /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => {
+          deleteCustomReport(card.id);
+          onClose();
+        }, children: [
+          /* @__PURE__ */ jsx(Trash2, { className: "mr-1.5 h-3.5 w-3.5" }),
+          t("reports.settings.delete")
+        ] }) : /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => {
+          clearCardPref(card.id);
+          onClose();
+        }, children: [
+          /* @__PURE__ */ jsx(RotateCcw, { className: "mr-1.5 h-3.5 w-3.5" }),
+          t("reports.settings.resetCard")
+        ] }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: onClose, children: t("reports.settings.done") })
+      ] })
+    ] })
+  );
+}
+function slugify(value) {
+  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "report";
+}
+function buildCustomReport(input) {
+  const dimensionKeys = new Set(input.source.dimensions.map((d) => d.key));
+  const measureKeys = new Set(input.source.measures.map((m) => m.key));
+  return {
+    id: `custom.${slugify(input.name)}-${Date.now().toString(36)}`,
+    name: input.name.trim(),
+    category: input.category.trim() || "Geral",
+    icon: "FileText",
+    createdBy: input.createdBy,
+    baseId: input.source.base.id,
+    // Filtered, not trusted: a field the source does not have would resolve to
+    // nothing and the report would open empty with no explanation.
+    dimensions: input.dimensions.filter((k) => dimensionKeys.has(k)),
+    measures: input.measures.filter((k) => measureKeys.has(k)),
+    viz: input.viz,
+    createdAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function NewReportPanel({
+  sources,
+  categories,
+  onClose
+}) {
+  const t = useTranslation();
+  const { createdBy } = useAnalyticsConfig();
+  const [name, setName] = React.useState("");
+  const [category, setCategory] = React.useState(categories[0] ?? "Geral");
+  const [sourceKeyState, setSourceKey] = React.useState(sources[0]?.key ?? "");
+  const [dimensions, setDimensions] = React.useState([]);
+  const [measures, setMeasures] = React.useState([]);
+  const [viz, setViz] = React.useState("table");
+  const source = sources.find((s) => s.key === sourceKeyState);
+  React.useEffect(() => {
+    setDimensions([]);
+    setMeasures([]);
+  }, [sourceKeyState]);
+  const toggle = (list, set, key) => {
+    set(list.includes(key) ? list.filter((k) => k !== key) : [...list, key]);
+  };
+  const error = !name.trim() ? t("reports.settings.needName") : measures.length === 0 ? t("reports.settings.needMeasure") : null;
+  const submit = () => {
+    if (error || !source) return;
+    saveCustomReport(buildCustomReport({
+      name,
+      category,
+      createdBy,
+      source,
+      dimensions,
+      measures,
+      viz
+    }));
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs(RightRailPage, { title: t("reports.settings.new"), open: true, onClose, width: "max-w-md", children: [
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.name") }),
+        /* @__PURE__ */ jsx(Input, { value: name, onChange: (e) => setName(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.category") }),
+        /* @__PURE__ */ jsx(Input, { value: category, onChange: (e) => setCategory(e.target.value), list: "fayz-analytics-categories" }),
+        /* @__PURE__ */ jsx("datalist", { id: "fayz-analytics-categories", children: categories.map((c) => /* @__PURE__ */ jsx("option", { value: c }, c)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.source") }),
+        /* @__PURE__ */ jsxs(Select, { value: sourceKeyState, onValueChange: setSourceKey, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: sources.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s.key, children: s.label }, s.key)) })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("reports.settings.sourceHint") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.dimensions") }),
+        (source?.dimensions ?? []).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "\u2014" }) : source.dimensions.map((d) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(Checkbox, { checked: dimensions.includes(d.key), onChange: () => toggle(dimensions, setDimensions, d.key) }),
+          d.label
+        ] }, d.key))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.measures") }),
+        (source?.measures ?? []).map((m) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx(Checkbox, { checked: measures.includes(m.key), onChange: () => toggle(measures, setMeasures, m.key) }),
+          m.label
+        ] }, m.key))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("reports.settings.viz") }),
+        /* @__PURE__ */ jsxs(Select, { value: viz, onValueChange: (value) => setViz(value), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: (dimensions.length > 0 ? VIZ_TYPES : ["kpi", "table"]).map((v) => /* @__PURE__ */ jsx(SelectItem, { value: v, children: t(`reports.viz.${v}`) }, v)) })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border p-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-destructive", children: error }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onClose, children: t("reports.settings.cancel") }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: submit, disabled: Boolean(error), children: t("reports.settings.save") })
+      ] })
+    ] })
+  ] });
+}
+var CREATE_REPORT_TOOL = {
+  id: "reports.createAnalyticsReport",
+  name: "createAnalyticsReport",
+  description: "Creates a custom analytics report for this user. Pick ONE source from the `sources` list in the surface state, then group_by and measures USING ONLY that source's field keys \u2014 a key from another source resolves to nothing and the report opens empty. Understand the intent and propose the whole report in one call instead of asking field by field. Rules of thumb: one time dimension + one measure reads best as a line; a category dimension with one measure as bar or breakdown; three or more measures as a table; no dimension at all as a kpi.",
+  icon: "FileText",
+  mode: "persist",
+  execution: { plane: "client" },
+  category: "Analytics",
+  suggestions: [
+    { label: "Um relat\xF3rio de receita por mesa" },
+    { label: "Quanto cada pra\xE7a produz por turno" }
+  ],
+  parameters: {
+    type: "object",
+    properties: {
+      name: { type: "string", description: "Report name, in the user's language." },
+      source: { type: "string", description: "A `key` from the surface state's `sources`." },
+      group_by: {
+        type: "array",
+        description: "Dimension keys from that source. Empty means a single headline number.",
+        items: { type: "string" }
+      },
+      measures: {
+        type: "array",
+        description: "Measure keys from that source. At least one.",
+        items: { type: "string" }
+      },
+      viz: {
+        type: "string",
+        enum: ["kpi", "line", "bar", "area", "donut", "breakdown", "table"],
+        description: "How to draw it. Defaults to table."
+      },
+      category: { type: "string", description: "Group it sits under in the rail. Reuse an existing one when it fits." },
+      pin: { type: "boolean", description: "Also place it on the overview grid." }
+    },
+    required: ["name", "source", "measures"]
+  }
+};
+var AGENT_INSTRUCTIONS = "The user is on the report configuration screen. `sources` in the surface state lists every data source with the exact dimension and measure keys askable of it \u2014 use those keys verbatim. When they describe a report, call createAnalyticsReport once with the full shape; do not interview them field by field. Name the report the way they said it. After creating, say in one line what it groups by and what it measures.";
+function AnalyticsSettingsPage() {
+  const t = useTranslation();
+  const { labels } = useAnalyticsConfig();
+  const catalogue = useAnalyticsCatalogue();
+  const cards = useAnalyticsCards();
+  const prefs = useAnalyticsPrefs();
+  const { createdBy } = useAnalyticsConfig();
+  const [editing, setEditing] = React.useState(null);
+  const [creating, setCreating] = React.useState(false);
+  const [dragId, setDragId] = React.useState(null);
+  const askIntro = React.useMemo(() => ({
+    role: "setup",
+    persona: t("reports.settings.askPersona"),
+    pitch: t("reports.settings.askPitch"),
+    description: t("reports.settings.askDescription"),
+    suggestions: [0, 1, 2].map((i) => ({ label: t(`reports.settings.askSuggestion.${i}`) }))
+  }), [t]);
+  const createActions = React.useMemo(() => [
+    {
+      id: "with-ai",
+      label: t("assistant.askAI"),
+      description: t("reports.settings.newWithAIHint"),
+      icon: "WandSparkles",
+      highlight: true,
+      action: () => askAI({ hint: t("reports.settings.askPlaceholder"), intro: askIntro })
+    },
+    {
+      id: "by-hand",
+      label: t("reports.settings.newByHand"),
+      description: t("reports.settings.newByHandHint"),
+      icon: "SlidersHorizontal",
+      action: () => setCreating(true)
+    }
+  ], [t, askIntro]);
+  const sources = React.useMemo(() => analyticsSources(cards), [cards]);
+  const categories = React.useMemo(
+    () => [...new Set(cards.map((c) => c.category))].sort((a, b) => a.localeCompare(b)),
+    [cards]
+  );
+  const pinned = React.useMemo(
+    () => cards.filter((c) => c.dashboard).sort((a, b) => (a.dashboard?.order ?? 0) - (b.dashboard?.order ?? 0)),
+    [cards]
+  );
+  const unpinned = React.useMemo(
+    () => cards.filter((c) => !c.dashboard).sort((a, b) => a.category.localeCompare(b.category) || a.name.localeCompare(b.name)),
+    [cards]
+  );
+  const removed = React.useMemo(
+    () => catalogue.filter((c) => prefs.cards[c.id]?.hidden),
+    [catalogue, prefs]
+  );
+  const [order, setOrder] = React.useState(null);
+  const pinnedIds = order ?? pinned.map((c) => c.id);
+  const pinnedInOrder = pinnedIds.map((id) => pinned.find((c) => c.id === id)).filter((c) => Boolean(c));
+  const move = (id, delta) => {
+    const ids = pinned.map((c) => c.id);
+    const from = ids.indexOf(id);
+    const to = from + delta;
+    if (from < 0 || to < 0 || to >= ids.length) return;
+    ids.splice(to, 0, ids.splice(from, 1)[0]);
+    setOverviewOrder(ids);
+  };
+  const onDragOver = (targetId) => (event) => {
+    event.preventDefault();
+    if (!dragId || dragId === targetId) return;
+    const ids = [...pinnedIds];
+    const from = ids.indexOf(dragId);
+    const to = ids.indexOf(targetId);
+    if (from < 0 || to < 0) return;
+    ids.splice(to, 0, ids.splice(from, 1)[0]);
+    setOrder(ids);
+  };
+  const commitDrag = () => {
+    if (order) setOverviewOrder(order);
+    setOrder(null);
+    setDragId(null);
+  };
+  const editingCard = cards.find((c) => c.id === editing);
+  const isCustom = (id) => prefs.custom.some((r) => r.id === id);
+  const surfaceRef = React.useRef({ sources, categories, cards, prefs, createdBy });
+  surfaceRef.current = { sources, categories, cards, prefs, createdBy };
+  const agentSurface = React.useMemo(() => ({
+    id: "analytics.reports",
+    pluginId: "reports",
+    instructions: AGENT_INSTRUCTIONS,
+    describe: () => {
+      const o = surfaceRef.current;
+      return {
+        title: "Configura\xE7\xE3o de relat\xF3rios",
+        state: {
+          sources: o.sources.map((source) => ({
+            key: source.key,
+            label: source.label,
+            grain: source.base.grain ?? null,
+            group_by: source.dimensions.map((d) => ({ key: d.key, label: d.label })),
+            measures: source.measures.map((m) => ({ key: m.key, label: m.label, format: m.format ?? "number" }))
+          })),
+          categories: o.categories,
+          onOverview: o.cards.filter((c) => c.dashboard).map((c) => c.name),
+          yourReports: o.prefs.custom.map((r) => r.name)
+        }
+      };
+    },
+    tools: [{
+      tool: CREATE_REPORT_TOOL,
+      execute: (args) => {
+        const o = surfaceRef.current;
+        const source = o.sources.find((s) => s.key === args.source) ?? o.sources.find((s) => s.label === args.source);
+        if (!source) {
+          return { ok: false, error: "unknown_source", sources: o.sources.map((s) => s.key) };
+        }
+        const report = buildCustomReport({
+          name: String(args.name ?? "").trim() || "Relat\xF3rio",
+          category: String(args.category ?? o.categories[0] ?? "Geral"),
+          createdBy: o.createdBy,
+          source,
+          dimensions: Array.isArray(args.group_by) ? args.group_by : [],
+          measures: Array.isArray(args.measures) ? args.measures : [],
+          viz: args.viz ?? "table"
+        });
+        if (report.measures.length === 0) {
+          return {
+            ok: false,
+            error: "no_valid_measure",
+            available: source.measures.map((m) => m.key)
+          };
+        }
+        saveCustomReport(report);
+        if (args.pin) setCardPref(report.id, { pinned: true, order: 999 });
+        navigateAnalytics(`${REPORTS_BASE}/${encodeURIComponent(report.id)}`);
+        return {
+          ok: true,
+          id: report.id,
+          name: report.name,
+          group_by: report.dimensions,
+          measures: report.measures,
+          viz: report.viz
+        };
+      }
+    }]
+  }), []);
+  useAgentSurface(agentSurface);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: t("reports.settings.title"),
+        parentLabel: labels.analytics,
+        onBack: () => navigateAnalytics(ANALYTICS_BASE)
+      }
+    ),
+    /* @__PURE__ */ jsxs(PageHeaderActions, { children: [
+      /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => resetAnalyticsPrefs(), children: [
+        /* @__PURE__ */ jsx(RotateCcw, { className: "mr-1.5 h-3.5 w-3.5" }),
+        t("reports.settings.reset")
+      ] }),
+      /* @__PURE__ */ jsx(QuickActionsButton, { label: t("reports.settings.new"), variant: "default", actions: createActions })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "max-w-2xl text-sm text-muted-foreground", children: t("reports.settings.subtitle") }),
+    /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("reports.settings.onOverview") }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("reports.settings.onOverviewHint") })
+      ] }),
+      pinnedInOrder.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: t("reports.settings.empty") }) : /* @__PURE__ */ jsx("ul", { children: pinnedInOrder.map((card, index) => /* @__PURE__ */ jsxs(
+        ReportRow,
+        {
+          card,
+          custom: isCustom(card.id),
+          onEdit: () => setEditing(card.id),
+          drag: {
+            dragging: dragId === card.id,
+            onDragStart: () => setDragId(card.id),
+            onDragOver: onDragOver(card.id),
+            onDragEnd: commitDrag
+          },
+          children: [
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: String(card.dashboard?.span ?? ""),
+                onValueChange: (value) => setCardPref(card.id, { span: Number(value) }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-[150px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("reports.settings.width") }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: [1, 2, 3, 4].map((span) => /* @__PURE__ */ jsx(SelectItem, { value: String(span), children: t(`reports.settings.width.${span}`) }, span)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                disabled: index === 0,
+                onClick: () => move(card.id, -1),
+                "aria-label": t("reports.settings.up"),
+                title: t("reports.settings.up"),
+                children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                disabled: index === pinnedInOrder.length - 1,
+                onClick: () => move(card.id, 1),
+                "aria-label": t("reports.settings.down"),
+                title: t("reports.settings.down"),
+                children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: () => setCardPref(card.id, { pinned: false }),
+                "aria-label": t("reports.settings.unpin"),
+                title: t("reports.settings.unpin"),
+                children: /* @__PURE__ */ jsx(EyeOff, { className: "h-3.5 w-3.5" })
+              }
+            )
+          ]
+        },
+        card.id
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("reports.settings.offOverview") }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("reports.settings.offOverviewHint") })
+      ] }),
+      /* @__PURE__ */ jsx("ul", { children: unpinned.map((card) => /* @__PURE__ */ jsxs(ReportRow, { card, custom: isCustom(card.id), onEdit: () => setEditing(card.id), children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setCardPref(card.id, { pinned: true, order: pinned.length }),
+            "aria-label": t("reports.settings.pin"),
+            title: t("reports.settings.pin"),
+            children: /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        isCustom(card.id) ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => deleteCustomReport(card.id),
+            "aria-label": t("reports.settings.delete"),
+            title: t("reports.settings.delete"),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setCardPref(card.id, { hidden: true }),
+            "aria-label": t("reports.settings.remove"),
+            title: t("reports.settings.remove"),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, card.id)) })
+    ] }),
+    removed.length > 0 ? /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("reports.settings.hidden") }) }),
+      /* @__PURE__ */ jsx("ul", { children: removed.map((card) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 border-b border-border/60 px-3 py-2 last:border-0", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-4 shrink-0", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(CardIcon, { name: card.icon, className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx("span", { className: "truncate text-sm text-muted-foreground", children: card.name }) }),
+        /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setCardPref(card.id, { hidden: void 0 }), children: [
+          /* @__PURE__ */ jsx(RotateCcw, { className: "mr-1.5 h-3.5 w-3.5" }),
+          t("reports.settings.restore")
+        ] })
+      ] }, card.id)) })
+    ] }) : null,
+    editingCard ? /* @__PURE__ */ jsx(CardEditor, { card: editingCard, onClose: () => setEditing(null) }) : null,
+    creating ? /* @__PURE__ */ jsx(NewReportPanel, { sources, categories, onClose: () => setCreating(false) }) : null
+  ] });
+}
+
+export { AnalyticsSettingsPage, buildCustomReport };
+//# sourceMappingURL=chunk-DTUN4WLI.js.map
+//# sourceMappingURL=chunk-DTUN4WLI.js.map