@nivaro/react 0.3.24 → 0.3.26

package/dist/shared/components/ReportView.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e, Fragment as Ge } from "react/jsx-runtime";
 import { saveReportFilterPreset as Ot, listReportFilterPresets as ma, deleteReportFilterPreset as ua, readReport as pa, executeCustomQuery as ha, readItems as fa, readReportFilterOptions as xa, aiReportFilters as ba, readReportWidgetData as yt, listReportAlerts as ga, createReportAlert as va, toggleReportAlert as ya, deleteReportAlert as ka, readReportAlertLog as Na, resolveReportAlert as wa } from "@nivaro/sdk";
 import { useQuery as ke, useQueryClient as Ct, useMutation as Me } from "@tanstack/react-query";
 import { X as Ae, Check as Qt, Plus as Ut, Camera as Nt, Bell as Yt, RefreshCw as Mt, ChevronsUpDown as Jt, Sparkles as Kt, Info as Sa, Table as _a, Sigma as Ca, StickyNote as $a, Download as qa, TrendingUp as Vt, TrendingDown as Gt, Trash2 as Ma } from "lucide-react";
-import { useState as _, useEffect as wt, useCallback as Ft, useRef as St, useMemo as dt, Suspense as $t, lazy as Rt, memo as Fa } from "react";
+import { useState as C, useEffect as wt, useCallback as Ft, useRef as St, useMemo as dt, Suspense as $t, lazy as Rt, memo as Fa } from "react";
 import { toast as Ht } from "sonner";
 import { useNivaroClient as Ke, useDrilldown as Xt, useOverlayState as Aa } from "../context.js";
 import { get as ot, post as ct, del as Ta, put as Ra } from "../lib/commands.js";
@@ -33,9 +33,9 @@ async function Va(t, s) {
       });
       const p = 2, L = document.createElement("canvas");
       L.width = Math.max(1, Math.round(o.width * p)), L.height = Math.max(1, Math.round(o.height * p) + 28 * p);
-      const C = L.getContext("2d");
-      if (!C) return;
-      C.fillStyle = "#ffffff", C.fillRect(0, 0, L.width, L.height), C.fillStyle = "#172940", C.font = `${12 * p}px system-ui, sans-serif`, C.fillText(s || "Chart", 8 * p, 18 * p), C.drawImage(f, 0, 28 * p, o.width * p, o.height * p), URL.revokeObjectURL(h);
+      const $ = L.getContext("2d");
+      if (!$) return;
+      $.fillStyle = "#ffffff", $.fillRect(0, 0, L.width, L.height), $.fillStyle = "#172940", $.font = `${12 * p}px system-ui, sans-serif`, $.fillText(s || "Chart", 8 * p, 18 * p), $.drawImage(f, 0, 28 * p, o.width * p, o.height * p), URL.revokeObjectURL(h);
       const w = await new Promise((P) => L.toBlob(P, "image/png"));
       w && await navigator.clipboard.write([new ClipboardItem({ "image/png": w })]);
     } catch {
@@ -109,7 +109,7 @@ function ra({
   onChange: m,
   allowedValues: h
 }) {
-  const f = Ke(), [p, L] = _(!1), { data: C = [] } = ke({
+  const f = Ke(), [p, L] = C(!1), { data: $ = [] } = ke({
     queryKey: ["nivaro-report-filter-opts", t, s, o ?? null],
     queryFn: async () => {
       if (o) {
@@ -132,7 +132,7 @@ function ra({
     },
     enabled: p,
     staleTime: 12e4
-  }), w = h != null && h.length ? C.filter((c) => h.some((S) => String(S) === c.value)) : C, P = u.length > 0;
+  }), w = h != null && h.length ? $.filter((c) => h.some((S) => String(S) === c.value)) : $, P = u.length > 0;
   return /* @__PURE__ */ i(ta, { open: p, onOpenChange: L, children: [
     /* @__PURE__ */ e(aa, { asChild: !0, children: /* @__PURE__ */ i(
       "button",
@@ -162,7 +162,7 @@ function ra({
               onSelect: () => {
                 const J = S ? u.filter((G) => String(G) !== c.value) : [...u, c.value], O = (G) => {
                   var H;
-                  return ((H = C.find((me) => me.value === String(G))) == null ? void 0 : H.label) ?? String(G);
+                  return ((H = $.find((me) => me.value === String(G))) == null ? void 0 : H.label) ?? String(G);
                 };
                 m(J, J.map(O));
               },
@@ -240,7 +240,7 @@ function sa(t, s, a) {
     }
     const f = /^\$filters\.([\w.]+?)(:values)?$/.exec(h);
     if (f) {
-      const p = a.find((C) => C.field === f[1]), L = f[2] ? p == null ? void 0 : p.values : p != null && p.labels && p.labels.length > 0 ? p.labels : p == null ? void 0 : p.values;
+      const p = a.find(($) => $.field === f[1]), L = f[2] ? p == null ? void 0 : p.values : p != null && p.labels && p.labels.length > 0 ? p.labels : p == null ? void 0 : p.values;
       L && L.length > 0 && (o[m] = L.join(","));
       continue;
     }
@@ -269,7 +269,7 @@ function ll({
     ) : [],
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t, o]
-  ), [h, f] = _(() => /* @__PURE__ */ new Set()), [p, L] = _(!1);
+  ), [h, f] = C(() => /* @__PURE__ */ new Set()), [p, L] = C(!1);
   wt(() => {
     if (p || m.length === 0) return;
     const c = /* @__PURE__ */ new Set(), S = (J) => {
@@ -278,9 +278,9 @@ function ll({
     };
     S(m), f(c), L(!0);
   }, [m, p]);
-  const C = (o == null ? void 0 : o.thresholds) ?? al, w = (c) => {
+  const $ = (o == null ? void 0 : o.thresholds) ?? al, w = (c) => {
     var S;
-    return c == null ? void 0 : ((S = C.find((J) => c >= J.gte)) == null ? void 0 : S.color) ?? "#10b981";
+    return c == null ? void 0 : ((S = $.find((J) => c >= J.gte)) == null ? void 0 : S.color) ?? "#10b981";
   }, P = (c) => {
     const S = c.children.length === 0, J = h.has(c.key), O = w(c.pct), G = S && (o == null ? void 0 : o.drill) && c.drillId != null;
     return /* @__PURE__ */ i("div", { style: { paddingLeft: c.depth === 0 ? 0 : 14 }, children: [
@@ -424,7 +424,7 @@ function nl({
   onDrill: m
 }) {
   var ue, le;
-  const h = Ke(), f = rl(m), [p, L] = _(""), [C, w] = _(0), [P, c] = _(null), S = sa(t, s, a), { data: J, isLoading: O, error: G, isFetching: H, refetch: me } = ke({
+  const h = Ke(), f = rl(m), [p, L] = C(""), [$, w] = C(0), [P, c] = C(null), S = sa(t, s, a), { data: J, isLoading: O, error: G, isFetching: H, refetch: me } = ke({
     queryKey: ["nivaro-report-query", t.slug, S],
     queryFn: () => oa(h, t.slug, S),
     staleTime: 6e4,
@@ -465,11 +465,11 @@ function nl({
   const te = t.columns && t.columns.length > 0 ? t.columns : Object.keys(Z[0] ?? {}).map((v) => ({ field: v }));
   if (t.display === "kpis") {
     const v = t.x_field ? Z.map((A, X) => {
-      var K, ie, oe, pe, $;
+      var K, ie, oe, pe, M;
       return {
         label: String(A[t.x_field] ?? ""),
         value: A[((ie = (K = t.series) == null ? void 0 : K[0]) == null ? void 0 : ie.field) ?? ((oe = te.find((z) => z.field !== t.x_field)) == null ? void 0 : oe.field) ?? ""],
-        color: (($ = (pe = t.series) == null ? void 0 : pe[0]) == null ? void 0 : $.color) ?? ce[X % ce.length],
+        color: ((M = (pe = t.series) == null ? void 0 : pe[0]) == null ? void 0 : M.color) ?? ce[X % ce.length],
         format: t.value_format
       };
     }) : te.map((A, X) => {
@@ -504,19 +504,19 @@ function nl({
   if (t.display === "tree")
     return /* @__PURE__ */ e(ll, { rows: Z, cfg: t, onDrill: (v) => m == null ? void 0 : m(v) });
   if (t.display === "table") {
-    const v = te.filter(($) => je.has($.format ?? "")), A = p.trim().toLowerCase(), X = A ? Z.filter(
-      ($) => Object.values($).some(
+    const v = te.filter((M) => je.has(M.format ?? "")), A = p.trim().toLowerCase(), X = A ? Z.filter(
+      (M) => Object.values(M).some(
         (z) => String(z ?? "").toLowerCase().includes(A)
       )
-    ) : Z, K = 12, ie = Math.max(1, Math.ceil(X.length / K)), oe = Math.min(C, ie - 1), pe = X.length > K ? X.slice(oe * K, oe * K + K) : X;
+    ) : Z, K = 12, ie = Math.max(1, Math.ceil(X.length / K)), oe = Math.min($, ie - 1), pe = X.length > K ? X.slice(oe * K, oe * K + K) : X;
     return /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 flex-col", children: [
       Z.length > K && /* @__PURE__ */ i("div", { className: "mb-1 flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           "input",
           {
             value: p,
-            onChange: ($) => {
-              L($.target.value), w(0);
+            onChange: (M) => {
+              L(M.target.value), w(0);
             },
             placeholder: "Search rows…",
             className: "h-6 w-40 rounded border border-slate-200 bg-white px-1.5 text-[11px] dark:border-border dark:bg-card dark:text-slate-200"
@@ -549,22 +549,22 @@ function nl({
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ i("table", { className: "w-full text-[11.5px]", children: [
-        /* @__PURE__ */ e("thead", { className: "sticky top-0 z-[1] bg-white dark:bg-card", children: /* @__PURE__ */ e("tr", { children: te.map(($) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("thead", { className: "sticky top-0 z-[1] bg-white dark:bg-card", children: /* @__PURE__ */ e("tr", { children: te.map((M) => /* @__PURE__ */ e(
           "th",
           {
             className: Q(
               "whitespace-nowrap border-b border-slate-100 px-1.5 py-1 text-left font-medium text-slate-400 dark:border-border",
-              je.has($.format ?? "") && "text-right"
+              je.has(M.format ?? "") && "text-right"
             ),
-            children: $.label ?? $.field
+            children: M.label ?? M.field
           },
-          $.field
+          M.field
         )) }) }),
-        /* @__PURE__ */ e("tbody", { children: pe.map(($, z) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("tbody", { children: pe.map((M, z) => /* @__PURE__ */ e(
           "tr",
           {
             className: m ? "cursor-pointer hover:bg-slate-50 dark:hover:bg-muted/60" : void 0,
-            onClick: () => void f($),
+            onClick: () => void f(M),
             title: m ? "Open the record behind this row" : void 0,
             children: te.map((de) => /* @__PURE__ */ e(
               "td",
@@ -573,27 +573,27 @@ function nl({
                   "max-w-[220px] truncate border-b border-slate-50 px-1.5 py-1 text-slate-700 dark:border-border/40 dark:text-slate-300",
                   je.has(de.format ?? "") && "text-right tabular-nums"
                 ),
-                children: Ee($[de.field], de.format, de.decimals)
+                children: Ee(M[de.field], de.format, de.decimals)
               },
               de.field
             ))
           },
           z
         )) }),
-        t.totals && v.length > 0 && /* @__PURE__ */ e("tfoot", { className: "sticky bottom-0 bg-white dark:bg-card", children: /* @__PURE__ */ e("tr", { children: te.map(($, z) => /* @__PURE__ */ e(
+        t.totals && v.length > 0 && /* @__PURE__ */ e("tfoot", { className: "sticky bottom-0 bg-white dark:bg-card", children: /* @__PURE__ */ e("tr", { children: te.map((M, z) => /* @__PURE__ */ e(
           "td",
           {
             className: Q(
               "border-t border-slate-200 px-1.5 py-1 font-semibold text-slate-800 dark:border-border dark:text-slate-200",
-              je.has($.format ?? "") && "text-right tabular-nums"
+              je.has(M.format ?? "") && "text-right tabular-nums"
             ),
-            children: z === 0 && !je.has($.format ?? "") ? "Total" : je.has($.format ?? "") ? Ee(
-              Z.reduce((de, ge) => de + (Number(ge[$.field]) || 0), 0),
-              $.format,
-              $.decimals
+            children: z === 0 && !je.has(M.format ?? "") ? "Total" : je.has(M.format ?? "") ? Ee(
+              Z.reduce((de, ge) => de + (Number(ge[M.field]) || 0), 0),
+              M.format,
+              M.decimals
             ) : ""
           },
-          $.field
+          M.field
         )) }) })
       ] }) })
     ] });
@@ -673,7 +673,7 @@ function nl({
     const v = ((le = fe[0]) == null ? void 0 : le.field) ?? "", A = be.map((K) => ({ dim: String(K[se]), value: Number(K[v]) || 0 })), X = A.reduce((K, ie) => K + ie.value, 0);
     return /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 items-stretch gap-3", children: [
       /* @__PURE__ */ i("div", { className: "relative min-h-[110px] min-w-0 flex-1", children: [
-        /* @__PURE__ */ e(Le, { fallback: /* @__PURE__ */ e(Oe, { className: "h-full w-full", "aria-busy": "true" }), children: ({ Cell: K, Pie: ie, PieChart: oe, ResponsiveContainer: pe, Tooltip: $ }) => /* @__PURE__ */ e(pe, { width: "100%", height: "100%", children: /* @__PURE__ */ i(oe, { children: [
+        /* @__PURE__ */ e(Le, { fallback: /* @__PURE__ */ e(Oe, { className: "h-full w-full", "aria-busy": "true" }), children: ({ Cell: K, Pie: ie, PieChart: oe, ResponsiveContainer: pe, Tooltip: M }) => /* @__PURE__ */ e(pe, { width: "100%", height: "100%", children: /* @__PURE__ */ i(oe, { children: [
           /* @__PURE__ */ e(
             ie,
             {
@@ -694,7 +694,7 @@ function nl({
             }
           ),
           /* @__PURE__ */ e(
-            $,
+            M,
             {
               contentStyle: {
                 fontSize: 12,
@@ -753,30 +753,30 @@ function nl({
             },
             labelStyle: { color: "#f1f5f9" },
             itemStyle: { color: "#e2e8f0" },
-            formatter: ($) => _e($)
+            formatter: (M) => _e(M)
           }
         ),
         fe.length > 1 && /* @__PURE__ */ e(X, { wrapperStyle: { fontSize: 11 } }),
-        fe.map(($, z) => /* @__PURE__ */ e(
+        fe.map((M, z) => /* @__PURE__ */ e(
           v,
           {
             type: "monotone",
-            dataKey: $.field,
-            name: $.label ?? $.field,
-            stroke: $.color ?? ce[z % ce.length],
+            dataKey: M.field,
+            name: M.label ?? M.field,
+            stroke: M.color ?? ce[z % ce.length],
             strokeWidth: 2,
-            strokeDasharray: $.dash ? "4 3" : void 0,
-            fill: $.color ?? ce[z % ce.length],
-            fillOpacity: t.display === "area" && !$.dash ? 0.12 : 0
+            strokeDasharray: M.dash ? "4 3" : void 0,
+            fill: M.color ?? ce[z % ce.length],
+            fillOpacity: t.display === "area" && !M.dash ? 0.12 : 0
           },
-          $.field
+          M.field
         ))
       ] }) }) }),
       ae
     ] });
   const Y = t.display === "stacked_bar";
   return /* @__PURE__ */ i("div", { className: "min-h-[110px] min-w-0 flex-1", children: [
-    /* @__PURE__ */ e(Le, { fallback: /* @__PURE__ */ e(Oe, { className: "h-full w-full", "aria-busy": "true" }), children: ({ Bar: v, BarChart: A, Cell: X, Legend: K, ResponsiveContainer: ie, Tooltip: oe, XAxis: pe, YAxis: $ }) => /* @__PURE__ */ e(ie, { width: "100%", height: "100%", children: /* @__PURE__ */ i(
+    /* @__PURE__ */ e(Le, { fallback: /* @__PURE__ */ e(Oe, { className: "h-full w-full", "aria-busy": "true" }), children: ({ Bar: v, BarChart: A, Cell: X, Legend: K, ResponsiveContainer: ie, Tooltip: oe, XAxis: pe, YAxis: M }) => /* @__PURE__ */ e(ie, { width: "100%", height: "100%", children: /* @__PURE__ */ i(
       A,
       {
         data: be,
@@ -794,7 +794,7 @@ function nl({
               }
             ),
             /* @__PURE__ */ e(
-              $,
+              M,
               {
                 type: "category",
                 dataKey: se,
@@ -813,7 +813,7 @@ function nl({
                 ..._t(be.length)
               }
             ),
-            /* @__PURE__ */ e($, { tick: { fontSize: 10 }, stroke: "#94a3b8", tickFormatter: Se, width: 48 })
+            /* @__PURE__ */ e(M, { tick: { fontSize: 10 }, stroke: "#94a3b8", tickFormatter: Se, width: 48 })
           ] }),
           /* @__PURE__ */ e(
             oe,
@@ -931,9 +931,9 @@ function cl({
   widget: s,
   filterBar: a
 }) {
-  const o = Ke(), u = Ct(), [m, h] = _(!1), [f, p] = _(""), [L, C] = _([
+  const o = Ke(), u = Ct(), [m, h] = C(!1), [f, p] = C(""), [L, $] = C([
     { field: "value", agg: "sum", op: "gt", value: "" }
-  ]), [w, P] = _([]), [c, S] = _(!1), [J, O] = _(null), G = ol(s), { data: H = [] } = ke({
+  ]), [w, P] = C([]), [c, S] = C(!1), [J, O] = C(null), G = ol(s), { data: H = [] } = ke({
     queryKey: ["nivaro-report-alerts", t],
     queryFn: () => o.request(ga(t)).then((x) => x.data),
     enabled: m,
@@ -956,7 +956,7 @@ function cl({
       );
     },
     onSuccess: () => {
-      p(""), C([{ field: "value", agg: "sum", op: "gt", value: "" }]), P([]), Z();
+      p(""), $([{ field: "value", agg: "sum", op: "gt", value: "" }]), P([]), Z();
     }
   }), fe = Me({
     mutationFn: (x) => o.request(ya(t, x.id, !x.is_active)),
@@ -1057,7 +1057,7 @@ function cl({
               kt,
               {
                 value: x.field,
-                onChange: (Y) => C((ue) => ue.map((le, v) => v === I ? { ...le, field: Y } : le)),
+                onChange: (Y) => $((ue) => ue.map((le, v) => v === I ? { ...le, field: Y } : le)),
                 options: G.map((Y) => ({ value: Y.value, label: Y.label })),
                 ariaLabel: "Alert metric field",
                 className: "h-7 min-w-0 flex-1 rounded-md px-1.5 py-0 text-[11.5px] dark:border-border dark:bg-card"
@@ -1067,7 +1067,7 @@ function cl({
               kt,
               {
                 value: x.agg,
-                onChange: (Y) => C(
+                onChange: (Y) => $(
                   (ue) => ue.map((le, v) => v === I ? { ...le, agg: Y } : le)
                 ),
                 options: il.map((Y) => ({ value: Y, label: Y })),
@@ -1079,7 +1079,7 @@ function cl({
               kt,
               {
                 value: x.op,
-                onChange: (Y) => C(
+                onChange: (Y) => $(
                   (ue) => ue.map((le, v) => v === I ? { ...le, op: Y } : le)
                 ),
                 options: sl.map((Y) => ({ value: Y, label: da[Y] })),
@@ -1091,7 +1091,7 @@ function cl({
               "input",
               {
                 value: x.value,
-                onChange: (Y) => C(
+                onChange: (Y) => $(
                   (ue) => ue.map((le, v) => v === I ? { ...le, value: Y.target.value } : le)
                 ),
                 placeholder: "0",
@@ -1104,7 +1104,7 @@ function cl({
               {
                 type: "button",
                 className: "text-slate-300 hover:text-red-500",
-                onClick: () => C((Y) => Y.filter((ue, le) => le !== I)),
+                onClick: () => $((Y) => Y.filter((ue, le) => le !== I)),
                 children: /* @__PURE__ */ e(Ae, { className: "h-3 w-3" })
               }
             )
@@ -1115,7 +1115,7 @@ function cl({
           {
             type: "button",
             className: "text-[10.5px] text-slate-400 hover:text-nvr-navy dark:hover:text-nvr-cyan",
-            onClick: () => C((x) => [...x, { field: "value", agg: "sum", op: "gt", value: "" }]),
+            onClick: () => $((x) => [...x, { field: "value", agg: "sum", op: "gt", value: "" }]),
             children: "+ condition (all must match)"
           }
         ),
@@ -1185,7 +1185,7 @@ const ml = {
   nnull: "_nnull"
 };
 function qt(t, s, a, o) {
-  var L, C;
+  var L, $;
   const u = t.config ?? {}, m = [];
   for (const w of u.filters ?? []) {
     const P = ml[w.op];
@@ -1195,7 +1195,7 @@ function qt(t, s, a, o) {
   }
   for (const w of s)
     (L = w.values) != null && L.length && m.push({ path: [w.field], op: "_in", value: w.values });
-  const h = u.date_field || ((C = u.dimension) != null && C.bucket ? u.dimension.field : null), f = na(a);
+  const h = u.date_field || (($ = u.dimension) != null && $.bucket ? u.dimension.field : null), f = na(a);
   f && h && (m.push({ path: [h], op: "_gte", value: f.start }), m.push({ path: [h], op: "_lte", value: `${f.end}T23:59:59` }));
   const p = u.dimension;
   if (o !== void 0 && (p != null && p.field))
@@ -1236,9 +1236,9 @@ function ul(t) {
   return t ? t.value != null ? Number(t.value) : t.series ? t.series.reduce((o, u) => o + (Number(u.value) || 0), 0) : (s = t.tiles) != null && s.length ? Number(((a = t.tiles[0]) == null ? void 0 : a.value) ?? 0) : t.row_count != null ? Number(t.row_count) : null : null;
 }
 function Et(t, s, a) {
-  var C, w, P;
+  var $, w, P;
   const o = a ? [...a] : [];
-  if (o.length === 0 && ((C = s == null ? void 0 : s.rows) != null && C.length) && o.push(...s.rows), o.length === 0 && ((w = s == null ? void 0 : s.series) != null && w.length))
+  if (o.length === 0 && (($ = s == null ? void 0 : s.rows) != null && $.length) && o.push(...s.rows), o.length === 0 && ((w = s == null ? void 0 : s.series) != null && w.length))
     for (const c of s.series)
       o.push({
         dim: c.dim,
@@ -1280,7 +1280,7 @@ function pl({
     ),
     staleTime: 3e4,
     retry: !1
-  }), L = (f == null ? void 0 : f.data) ?? [], C = (w) => {
+  }), L = (f == null ? void 0 : f.data) ?? [], $ = (w) => {
     for (const c of [
       "title",
       "name",
@@ -1341,7 +1341,7 @@ function pl({
                   type: "button",
                   onClick: () => u({ collection: t, itemId: String(w.id) }),
                   className: "block w-full truncate rounded-md px-2.5 py-1.5 text-left text-[12.5px] text-slate-700 hover:bg-slate-50 dark:text-slate-200 dark:hover:bg-muted",
-                  children: C(w)
+                  children: $(w)
                 },
                 String(w.id)
               ))
@@ -1384,7 +1384,7 @@ const Tt = Fa(function({
   onDrill: f,
   snapshot: p,
   asOf: L,
-  annotations: C,
+  annotations: $,
   onAddAnnotation: w,
   onDeleteAnnotation: P,
   onCrossFilter: c,
@@ -1392,7 +1392,7 @@ const Tt = Fa(function({
   currentFilters: J
 }) {
   var Be, ht, Qe, ft, Ue, xt, bt, Ie, gt, Ye, et, Je, tt, at, lt, re, vt, rt, nt, st;
-  const O = Ke(), [G, H] = _(""), [me, Z] = _(0), [te, se] = _(null), [fe, be] = _(!1), [Se, _e] = _(""), [x, I] = _(""), [ae, Y] = _(!1), [ue, le] = _(!1), [v, A] = _([]), X = St(null), [K, ie] = _(!1), [oe, pe] = _(null), [$, z] = _(!1), [de, ge] = _(null), ve = ["bar", "line", "donut", "pareto", "area"].includes(a.type) || a.type === "kpi" && !!((Be = a.config) != null && Be.compare || (ht = a.config) != null && ht.sparkline), Te = Ct(), [He, mt] = _(!1), Ne = async () => {
+  const O = Ke(), [G, H] = C(""), [me, Z] = C(0), [te, se] = C(null), [fe, be] = C(!1), [Se, _e] = C(""), [x, I] = C(""), [ae, Y] = C(!1), [ue, le] = C(!1), [v, A] = C([]), X = St(null), [K, ie] = C(!1), [oe, pe] = C(null), [M, z] = C(!1), [de, ge] = C(null), ve = ["bar", "line", "donut", "pareto", "area"].includes(a.type) || a.type === "kpi" && !!((Be = a.config) != null && Be.compare || (ht = a.config) != null && ht.sparkline), Te = Ct(), [He, mt] = C(!1), Ne = async () => {
     mt(!0);
     try {
       const l = await O.request(
@@ -1518,7 +1518,7 @@ const Tt = Fa(function({
     );
   else if (j)
     if (a.type === "queue") {
-      const l = j.series ?? [], n = Math.max(...l.map((R) => R.value), 1), g = Math.min(...l.map((R) => R.value), 0), q = Math.max(n - g, 1), M = l.map(
+      const l = j.series ?? [], n = Math.max(...l.map((R) => R.value), 1), g = Math.min(...l.map((R) => R.value), 0), q = Math.max(n - g, 1), _ = l.map(
         (R, ne) => `${ne / Math.max(1, l.length - 1) * 100},${28 - (R.value - g) / q * 26}`
       ).join(" ");
       V = /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 flex-col justify-center", children: [
@@ -1526,7 +1526,7 @@ const Tt = Fa(function({
         l.length >= 3 && /* @__PURE__ */ e("svg", { viewBox: "0 0 100 30", preserveAspectRatio: "none", className: "mt-1.5 h-7 w-full", children: /* @__PURE__ */ e(
           "polyline",
           {
-            points: M,
+            points: _,
             fill: "none",
             stroke: Ve,
             strokeWidth: "2",
@@ -1551,7 +1551,7 @@ const Tt = Fa(function({
                 var g;
                 const l = (g = a.config) == null ? void 0 : g.thresholds;
                 if (!(l != null && l.length) || j.value == null) return null;
-                const n = [...l].filter((q) => Number.isFinite(q.gte)).sort((q, M) => M.gte - q.gte).find((q) => j.value >= q.gte);
+                const n = [...l].filter((q) => Number.isFinite(q.gte)).sort((q, _) => _.gte - q.gte).find((q) => j.value >= q.gte);
                 return (n == null ? void 0 : n.color) === "red" ? "!text-red-600 dark:!text-red-400" : (n == null ? void 0 : n.color) === "amber" ? "!text-amber-600 dark:!text-amber-400" : (n == null ? void 0 : n.color) === "green" ? "!text-emerald-600 dark:!text-emerald-400" : null;
               })()
             ),
@@ -1567,13 +1567,13 @@ const Tt = Fa(function({
         ),
         /* @__PURE__ */ e(Pt, { pct: j.change_pct })
       ] }), j.spark && j.spark.length >= 3) {
-        const l = j.spark, n = Math.max(...l.map((R) => R.value), 1), g = Math.min(...l.map((R) => R.value), 0), q = Math.max(n - g, 1), M = l.map((R, ne) => `${ne / (l.length - 1) * 100},${28 - (R.value - g) / q * 26}`).join(" ");
+        const l = j.spark, n = Math.max(...l.map((R) => R.value), 1), g = Math.min(...l.map((R) => R.value), 0), q = Math.max(n - g, 1), _ = l.map((R, ne) => `${ne / (l.length - 1) * 100},${28 - (R.value - g) / q * 26}`).join(" ");
         V = /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 flex-col justify-center", children: [
           V,
           /* @__PURE__ */ e("svg", { viewBox: "0 0 100 30", preserveAspectRatio: "none", className: "mt-1.5 h-7 w-full", children: /* @__PURE__ */ e(
             "polyline",
             {
-              points: M,
+              points: _,
               fill: "none",
               stroke: Ve,
               strokeWidth: "2",
@@ -1614,7 +1614,7 @@ const Tt = Fa(function({
         (l, n) => l.startsWith("**") && l.endsWith("**") ? /* @__PURE__ */ e("strong", { className: "font-semibold text-slate-900 dark:text-foreground", children: l.slice(2, -2) }, n) : /* @__PURE__ */ e("span", { children: l }, n)
       ) });
     else if (a.type === "heatmap") {
-      const l = j.cells ?? [], n = [...new Set(l.map((R) => R.dim))], g = [...new Set(l.map((R) => R.dim2))], q = Math.max(1, ...l.map((R) => R.value)), M = (R, ne) => l.find((ee) => ee.dim === R && ee.dim2 === ne);
+      const l = j.cells ?? [], n = [...new Set(l.map((R) => R.dim))], g = [...new Set(l.map((R) => R.dim2))], q = Math.max(1, ...l.map((R) => R.value)), _ = (R, ne) => l.find((ee) => ee.dim === R && ee.dim2 === ne);
       V = l.length === 0 ? /* @__PURE__ */ e("p", { className: "px-1 text-[12px] text-slate-400", children: "No data." }) : /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ i("table", { className: "w-full text-[10.5px]", children: [
         /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
           /* @__PURE__ */ e("th", {}),
@@ -1630,7 +1630,7 @@ const Tt = Fa(function({
         /* @__PURE__ */ e("tbody", { children: n.map((R) => /* @__PURE__ */ i("tr", { children: [
           /* @__PURE__ */ e("td", { className: "max-w-[110px] truncate pr-1.5 text-slate-500 dark:text-slate-400", children: R }),
           g.map((ne) => {
-            const ee = M(R, ne), F = ee ? ee.value / q : 0;
+            const ee = _(R, ne), F = ee ? ee.value / q : 0;
             return /* @__PURE__ */ e("td", { className: "p-0.5", children: /* @__PURE__ */ e(
               "div",
               {
@@ -1686,8 +1686,8 @@ const Tt = Fa(function({
           /* @__PURE__ */ e("tbody", { children: l.rows.map((n) => /* @__PURE__ */ i("tr", { className: "hover:bg-muted", children: [
             /* @__PURE__ */ e("td", { className: "sticky left-0 z-[1] max-w-[150px] truncate bg-white pr-1.5 text-slate-500 dark:bg-card dark:text-slate-400", children: n }),
             l.cols.map((g) => {
-              var M;
-              const q = (M = l.cells[n]) == null ? void 0 : M[g];
+              var _;
+              const q = (_ = l.cells[n]) == null ? void 0 : _[g];
               return /* @__PURE__ */ e(
                 "td",
                 {
@@ -1733,17 +1733,17 @@ const Tt = Fa(function({
         const n = [];
         n.push({ label: "Previous", from: 0, to: l.start, kind: "total" });
         let g = l.start;
-        for (const M of l.steps)
+        for (const _ of l.steps)
           n.push({
-            label: M.dim,
+            label: _.dim,
             from: g,
-            to: g + M.delta,
-            kind: M.delta >= 0 ? "up" : "down"
-          }), g += M.delta;
+            to: g + _.delta,
+            kind: _.delta >= 0 ? "up" : "down"
+          }), g += _.delta;
         n.push({ label: "Current", from: 0, to: l.end, kind: "total" });
-        const q = Math.max(1, ...n.map((M) => Math.max(M.from, M.to)));
-        return /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 items-end gap-1 overflow-x-auto px-1 pb-4", children: n.map((M, R) => {
-          const ne = Math.max(M.from, M.to) / q * 100, ee = Math.abs(M.to - M.from) / q * 100;
+        const q = Math.max(1, ...n.map((_) => Math.max(_.from, _.to)));
+        return /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 items-end gap-1 overflow-x-auto px-1 pb-4", children: n.map((_, R) => {
+          const ne = Math.max(_.from, _.to) / q * 100, ee = Math.abs(_.to - _.from) / q * 100;
           return /* @__PURE__ */ i(
             "div",
             {
@@ -1752,15 +1752,15 @@ const Tt = Fa(function({
                 /* @__PURE__ */ e("div", { style: { height: `${Math.max(ne, 0.5)}%` }, className: "relative w-full", children: /* @__PURE__ */ e(
                   "div",
                   {
-                    "data-tip": `${M.label}: ${(M.to - M.from).toLocaleString()}`,
+                    "data-tip": `${_.label}: ${(_.to - _.from).toLocaleString()}`,
                     className: "absolute inset-x-0 top-0 rounded-sm",
                     style: {
                       height: `${Math.max(ee / Math.max(ne, 1e-3) * 100, 2)}%`,
-                      backgroundColor: M.kind === "total" ? "#172940" : M.kind === "up" ? "#10b981" : "#ef4444"
+                      backgroundColor: _.kind === "total" ? "#172940" : _.kind === "up" ? "#10b981" : "#ef4444"
                     }
                   }
                 ) }),
-                /* @__PURE__ */ e("p", { className: "absolute -bottom-4 left-0 right-0 truncate text-center text-[9px] text-slate-400", children: M.label })
+                /* @__PURE__ */ e("p", { className: "absolute -bottom-4 left-0 right-0 truncate text-center text-[9px] text-slate-400", children: _.label })
               ]
             },
             R
@@ -1805,7 +1805,7 @@ const Tt = Fa(function({
     } else if (a.type === "scatter") {
       const l = j.rows ?? [];
       V = l.length === 0 ? /* @__PURE__ */ e("p", { className: "px-1 text-[12px] text-slate-400", children: "No data." }) : (() => {
-        const n = l.length, g = l.reduce((b, y) => b + y.x, 0), q = l.reduce((b, y) => b + y.y, 0), M = l.reduce((b, y) => b + y.x * y.x, 0), R = l.reduce((b, y) => b + y.x * y.y, 0), ne = n * M - g * g, ee = ne !== 0 ? (n * R - g * q) / ne : 0, F = n > 0 ? (q - ee * g) / n : 0, U = l.map((b) => b.x), W = Math.min(...U), D = Math.max(...U), r = [
+        const n = l.length, g = l.reduce((b, y) => b + y.x, 0), q = l.reduce((b, y) => b + y.y, 0), _ = l.reduce((b, y) => b + y.x * y.x, 0), R = l.reduce((b, y) => b + y.x * y.y, 0), ne = n * _ - g * g, ee = ne !== 0 ? (n * R - g * q) / ne : 0, F = n > 0 ? (q - ee * g) / n : 0, U = l.map((b) => b.x), W = Math.min(...U), D = Math.max(...U), r = [
           { x: W, y: F + ee * W },
           { x: D, y: F + ee * D }
         ];
@@ -1857,7 +1857,7 @@ const Tt = Fa(function({
       })();
     } else if (a.type === "pareto") {
       const l = j.series ?? [];
-      V = l.length === 0 ? /* @__PURE__ */ e("p", { className: "px-1 text-[12px] text-slate-400", children: "No data." }) : /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ e(Le, { fallback: /* @__PURE__ */ e(Oe, { className: "h-full w-full", "aria-busy": "true" }), children: ({ Bar: n, ComposedChart: g, Line: q, ResponsiveContainer: M, Tooltip: R, XAxis: ne, YAxis: ee }) => /* @__PURE__ */ e(M, { width: "100%", height: "100%", children: /* @__PURE__ */ i(g, { data: l, margin: { top: 6, right: 4, left: -10, bottom: 0 }, children: [
+      V = l.length === 0 ? /* @__PURE__ */ e("p", { className: "px-1 text-[12px] text-slate-400", children: "No data." }) : /* @__PURE__ */ e("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ e(Le, { fallback: /* @__PURE__ */ e(Oe, { className: "h-full w-full", "aria-busy": "true" }), children: ({ Bar: n, ComposedChart: g, Line: q, ResponsiveContainer: _, Tooltip: R, XAxis: ne, YAxis: ee }) => /* @__PURE__ */ e(_, { width: "100%", height: "100%", children: /* @__PURE__ */ i(g, { data: l, margin: { top: 6, right: 4, left: -10, bottom: 0 }, children: [
         /* @__PURE__ */ e(
           ne,
           {
@@ -1948,15 +1948,15 @@ const Tt = Fa(function({
         )
       ] }, n.dim)) });
     } else if (a.type === "table") {
-      const l = j.rows ?? [], n = (gt = a.config) != null && gt.columns && a.config.columns.length > 0 ? a.config.columns.map((d) => typeof d == "string" ? { field: d } : d) : l[0] ? Object.keys(l[0]).filter((d) => d !== "id").map((d) => ({ field: d })) : [], g = n.map((d) => d.field), q = (d) => n.find((k) => k.field === d), M = ((Ye = a.config) == null ? void 0 : Ye.format_rules) ?? [], R = (d) => {
+      const l = j.rows ?? [], n = (gt = a.config) != null && gt.columns && a.config.columns.length > 0 ? a.config.columns.map((d) => typeof d == "string" ? { field: d } : d) : l[0] ? Object.keys(l[0]).filter((d) => d !== "id").map((d) => ({ field: d })) : [], g = n.map((d) => d.field), q = (d) => n.find((k) => k.field === d), _ = ((Ye = a.config) == null ? void 0 : Ye.format_rules) ?? [], R = (d) => {
         var k;
-        for (const N of M)
+        for (const N of _)
           if ((N.scope ?? "cell") === "row" && Bt(N, d[N.field]))
             return ((k = Wt[N.color]) == null ? void 0 : k.row) ?? null;
         return null;
       }, ne = (d, k) => {
         var N;
-        for (const E of M)
+        for (const E of _)
           if ((E.scope ?? "cell") === "cell" && E.field === k && Bt(E, d[k]))
             return ((N = Wt[E.color]) == null ? void 0 : N.cell) ?? null;
         return null;
@@ -2082,13 +2082,13 @@ const Tt = Fa(function({
           ...D.value2 != null ? { value2: W } : {}
         }));
       }
-      const q = l.some((F) => F.value2 != null), M = ((lt = (at = a.config) == null ? void 0 : at.metric2) == null ? void 0 : lt.label) ?? "secondary", R = l.some((F) => F.band != null), ne = (() => {
+      const q = l.some((F) => F.value2 != null), _ = ((lt = (at = a.config) == null ? void 0 : at.metric2) == null ? void 0 : lt.label) ?? "secondary", R = l.some((F) => F.band != null), ne = (() => {
         if (!n || ae || l.length < 8) return /* @__PURE__ */ new Set();
         const F = l.map((D) => D.value), U = F.reduce((D, r) => D + r, 0) / F.length, W = Math.sqrt(F.reduce((D, r) => D + (r - U) ** 2, 0) / F.length);
         return W === 0 ? /* @__PURE__ */ new Set() : new Set(
           l.filter((D) => Math.abs(D.value - U) > 2 * W).map((D) => D.dim)
         );
-      })(), ee = (C ?? []).filter(
+      })(), ee = ($ ?? []).filter(
         (F) => F.anchor_date && l.some((U) => U.dim === F.anchor_date)
       );
       if (l.length === 0) V = /* @__PURE__ */ e("p", { className: "px-1 text-[12px] text-slate-400", children: "No data." });
@@ -2306,7 +2306,7 @@ const Tt = Fa(function({
                     stroke: "#8b5cf6",
                     strokeWidth: 1.5,
                     dot: !1,
-                    name: M
+                    name: _
                   }
                 ),
                 g >= 2 && /* @__PURE__ */ e(
@@ -2453,7 +2453,7 @@ const Tt = Fa(function({
                     stroke: "#8b5cf6",
                     strokeWidth: 1.5,
                     dot: !1,
-                    name: M
+                    name: _
                   }
                 )
               ]
@@ -2547,7 +2547,7 @@ const Tt = Fa(function({
                     ie(!1);
                     return;
                   }
-                  if (ie(!0), oe || $) return;
+                  if (ie(!0), oe || M) return;
                   if (z(!0), ve) {
                     O.request(
                       ct(`/report-studio/${s}/widgets/${a.id}/explain-trend`, {
@@ -2580,16 +2580,19 @@ const Tt = Fa(function({
                       series: ((n == null ? void 0 : n.series) ?? []).slice(0, 15),
                       rows: ((n == null ? void 0 : n.rows) ?? []).slice(0, 10),
                       tiles: (n == null ? void 0 : n.tiles) ?? null
-                    };
+                    }, q = (n == null ? void 0 : n.prev_value) != null || ((n == null ? void 0 : n.series) ?? []).some((_) => _.prev != null);
                     return O.request(
                       ct("/ai/brief", {
                         context: JSON.stringify(g),
-                        instructions: (n == null ? void 0 : n.prev_value) != null || ((n == null ? void 0 : n.series) ?? []).some((q) => q.prev != null) ? "Compare the current period against the previous one in 2-4 plain sentences: overall direction, the biggest movers up and down, and anything anomalous. No preamble." : "In 2-3 plain sentences, explain what this report metric shows and what stands out (biggest contributor, direction of change). No preamble."
+                        // `template` picks the server's prompt; `instructions` (the same
+                        // text) keeps an older API answering the same way.
+                        template: q ? "report-compare" : "report-explain",
+                        instructions: q ? "Compare the current period against the previous one in 2-4 plain sentences: overall direction, the biggest movers up and down, and anything anomalous. No preamble." : "In 2-3 plain sentences, explain what this report metric shows and what stands out (biggest contributor, direction of change). No preamble."
                       })
                     );
                   }).then((n) => {
-                    var q, M;
-                    const g = ((q = n.data) == null ? void 0 : q.brief) ?? ((M = n.data) == null ? void 0 : M.text) ?? null;
+                    var q, _;
+                    const g = ((q = n.data) == null ? void 0 : q.brief) ?? ((_ = n.data) == null ? void 0 : _.text) ?? null;
                     pe(g || "No explanation available.");
                   }).catch(() => pe("AI is not configured or unavailable.")).finally(() => z(!1));
                 },
@@ -2616,7 +2619,7 @@ const Tt = Fa(function({
                 title: "Notes on this widget",
                 className: Q(
                   "relative rounded p-0.5",
-                  ((C == null ? void 0 : C.length) ?? 0) > 0 ? "text-amber-500" : "text-slate-300 hover:text-slate-500"
+                  (($ == null ? void 0 : $.length) ?? 0) > 0 ? "text-amber-500" : "text-slate-300 hover:text-slate-500"
                 ),
                 onClick: () => be((l) => !l),
                 children: /* @__PURE__ */ e($a, { className: "h-3 w-3" })
@@ -2657,7 +2660,7 @@ const Tt = Fa(function({
           ] })
         ] }),
         fe && /* @__PURE__ */ i("div", { className: "mb-1.5 space-y-1 rounded-md border border-amber-200 bg-amber-50/60 p-2 dark:border-amber-500/30 dark:bg-amber-500/10", children: [
-          (C ?? []).map((l) => /* @__PURE__ */ i(
+          ($ ?? []).map((l) => /* @__PURE__ */ i(
             "div",
             {
               className: "group/note flex items-start gap-1.5 text-[11px] text-slate-600 dark:text-slate-300",
@@ -2684,7 +2687,7 @@ const Tt = Fa(function({
             },
             l.id
           )),
-          (C ?? []).length === 0 && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No notes yet — record why a number moved." }),
+          ($ ?? []).length === 0 && /* @__PURE__ */ e("p", { className: "text-[11px] text-slate-400", children: "No notes yet — record why a number moved." }),
           w && /* @__PURE__ */ i("div", { className: "flex items-center gap-1 pt-0.5", children: [
             /* @__PURE__ */ e(
               "input",
@@ -2750,8 +2753,8 @@ const Tt = Fa(function({
             className: "mb-1.5 rounded-md border border-nvr-cyan/25 bg-nvr-cyan/5 px-2.5 py-1.5 text-[11.5px] leading-snug text-slate-600 dark:text-slate-300",
             "data-explain-panel": ve ? "trend" : "number",
             children: [
-              $ ? "Thinking…" : oe,
-              !$ && de && de.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1.5 flex flex-wrap gap-1", "data-explain-movers": !0, children: de.slice(0, 4).map((l) => /* @__PURE__ */ i(
+              M ? "Thinking…" : oe,
+              !M && de && de.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1.5 flex flex-wrap gap-1", "data-explain-movers": !0, children: de.slice(0, 4).map((l) => /* @__PURE__ */ i(
                 "span",
                 {
                   className: Q(
@@ -2866,10 +2869,10 @@ function Pl({
   reportUrl: f
 }) {
   var W, D;
-  const p = Ke(), L = Xt(), C = Aa("drill.report"), w = C.value, P = Ft(
-    (r) => L ? L.open(r) : C.push([r]),
-    [L, C.push]
-  ), [c, S] = _(void 0), [J, O] = _(o), [G, H] = _(void 0), [me, Z] = _(o), { scopes: te, ready: se } = Pa(), [fe, be] = _(!1), [Se, _e] = _({}), x = Ct(), { data: I = [] } = ke({
+  const p = Ke(), L = Xt(), $ = Aa("drill.report"), w = $.value, P = Ft(
+    (r) => L ? L.open(r) : $.push([r]),
+    [L, $.push]
+  ), [c, S] = C(void 0), [J, O] = C(o), [G, H] = C(void 0), [me, Z] = C(o), { scopes: te, ready: se } = Pa(), [fe, be] = C(!1), [Se, _e] = C({}), x = Ct(), { data: I = [] } = ke({
     queryKey: ["nivaro-report-presets", t],
     queryFn: async () => {
       try {
@@ -2903,7 +2906,7 @@ function Pl({
   }), ue = Me({
     mutationFn: (r) => p.request(ua(t, r)),
     onSuccess: ae
-  }), [le, v] = _(""), [A, X] = _(!1), [K, ie] = _(null), [oe, pe] = _(!1), { data: $ = [] } = ke({
+  }), [le, v] = C(""), [A, X] = C(!1), [K, ie] = C(null), [oe, pe] = C(!1), { data: M = [] } = ke({
     queryKey: ["nvr-report-snaps", t],
     queryFn: () => p.request(
       ot(`/report-studio/${t}/snapshots`)
@@ -2939,7 +2942,7 @@ function Pl({
       labels: [y]
     };
     O((k) => [...k.filter((N) => N.field !== r), d]), Z((k) => [...k.filter((N) => N.field !== r), d]);
-  }, []), [Ne, Xe] = _(!1), [ye, Fe] = _(null), [Ze, Re] = _(null), De = Me({
+  }, []), [Ne, Xe] = C(!1), [ye, Fe] = C(null), [Ze, Re] = C(null), De = Me({
     mutationFn: (r) => p.request(
       Ra(`/report-studio/${t}/widgets`, {
         widgets: r.map((b, y) => ({ ...b, sort: y }))
@@ -2948,7 +2951,7 @@ function Pl({
     onSuccess: () => {
       Xe(!1), Fe(null), Re(null), x.invalidateQueries({ queryKey: ["nivaro-report", t] }), x.invalidateQueries({ queryKey: ["nivaro-report-widget"] });
     }
-  }), ut = (r) => [...r].sort((b, y) => (b.y ?? 0) - (y.y ?? 0) || (b.x ?? 0) - (y.x ?? 0)), [We, pt] = _(() => /* @__PURE__ */ new Date()), j = () => {
+  }), ut = (r) => [...r].sort((b, y) => (b.y ?? 0) - (y.y ?? 0) || (b.x ?? 0) - (y.x ?? 0)), [We, pt] = C(() => /* @__PURE__ */ new Date()), j = () => {
     x.invalidateQueries({ queryKey: ["nivaro-report-widget", t] }), x.invalidateQueries({ queryKey: ["nivaro-report-query"] }), pt(/* @__PURE__ */ new Date());
   }, { data: xe = [] } = ke({
     queryKey: ["nvr-report-firing", t],
@@ -2956,7 +2959,7 @@ function Pl({
     staleTime: 6e4,
     refetchInterval: 5 * 6e4,
     retry: !1
-  }), [he, Pe] = _(null), [$e, V] = _(!1), [Be, ht] = _(""), [Qe, ft] = _(""), [Ue, xt] = _("");
+  }), [he, Pe] = C(null), [$e, V] = C(!1), [Be, ht] = C(""), [Qe, ft] = C(""), [Ue, xt] = C("");
   wt(() => {
     try {
       const r = sessionStorage.getItem(`nvr-report-xf:${t}`);
@@ -2975,7 +2978,7 @@ function Pl({
     if (k < 0 || N < 0 || N >= d.length) return d;
     const E = d[k], B = d[N];
     return d[k] = { ...B, x: E.x, y: E.y }, d[N] = { ...E, x: B.x, y: B.y }, d;
-  }), [Ye, et] = _(""), [Je, tt] = _(!1), [at, lt] = _(null), { data: re, isLoading: vt } = ke({
+  }), [Ye, et] = C(""), [Je, tt] = C(!1), [at, lt] = C(null), { data: re, isLoading: vt } = ke({
     queryKey: ["nivaro-report", t],
     queryFn: () => p.request(pa(t)).then((r) => r.data),
     staleTime: 3e4
@@ -3030,7 +3033,7 @@ function Pl({
       })();
     }
   }, [fe, se, re, te, n]);
-  const g = (re == null ? void 0 : re.widgets) ?? [], q = G !== void 0 ? G : l, M = J.filter((r) => r.values.length > 0).length + (l ? 1 : 0), R = JSON.stringify(me) !== JSON.stringify(J) || G !== void 0, ne = () => {
+  const g = (re == null ? void 0 : re.widgets) ?? [], q = G !== void 0 ? G : l, _ = J.filter((r) => r.values.length > 0).length + (l ? 1 : 0), R = JSON.stringify(me) !== JSON.stringify(J) || G !== void 0, ne = () => {
     O(me), G !== void 0 && (S(G), H(void 0));
   }, ee = () => {
     Z([]), O([]), S(null), H(void 0);
@@ -3067,9 +3070,9 @@ function Pl({
       /* @__PURE__ */ i("div", { className: "flex flex-wrap items-center gap-1.5", children: [
         /* @__PURE__ */ i("span", { className: "flex items-center gap-1.5 text-[11.5px] font-semibold text-slate-500 dark:text-slate-300", children: [
           "Filters",
-          M > 0 && /* @__PURE__ */ i("span", { className: "rounded-full bg-emerald-50 px-1.5 py-px text-[10px] font-semibold text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400", children: [
+          _ > 0 && /* @__PURE__ */ i("span", { className: "rounded-full bg-emerald-50 px-1.5 py-px text-[10px] font-semibold text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400", children: [
             "Active · ",
-            M
+            _
           ] })
         ] }),
         /* @__PURE__ */ e(
@@ -3117,7 +3120,7 @@ function Pl({
             ]
           }
         ),
-        (M > 0 || R) && /* @__PURE__ */ i(
+        (_ > 0 || R) && /* @__PURE__ */ i(
           "button",
           {
             type: "button",
@@ -3191,7 +3194,7 @@ function Pl({
             ]
           }
         ),
-        $.map((r) => /* @__PURE__ */ i(
+        M.map((r) => /* @__PURE__ */ i(
           "button",
           {
             type: "button",
@@ -3504,9 +3507,9 @@ function Pl({
         title: w[0].title,
         width: "72%",
         stack: w,
-        onPush: (r) => C.push([...w, r]),
-        onPop: () => C.back(),
-        onClose: () => C.back(w.length)
+        onPush: (r) => $.push([...w, r]),
+        onPop: () => $.back(),
+        onClose: () => $.back(w.length)
       }
     ) : null
   ] }) : /* @__PURE__ */ e("div", { className: Q("p-6 text-[13px] text-slate-400", m), children: "Report not found." });