adonisjs-server-stats 1.16.0 → 1.17.0

package/dist/react/{index-DOSlCpZ9.js → index-LlFvooUN.js}

@@ -1,16 +1,16 @@
 import { jsx as s, jsxs as c, Fragment as P } from "react/jsx-runtime";
-import V, { useState as w, useRef as O, useEffect as B, useCallback as x, useMemo as D, Suspense as z, lazy as T } from "react";
-import { DEFAULT_FEATURES as G, detectFeatures as Q, ServerStatsController as X, getTheme as Y, onThemeChange as Z, toggleTheme as ee, buildSparklineData as se, computeStats as te, formatStatNum as U, detectMetricGroupsFromStats as ne, getVisibleMetricGroups as re, METRIC_DEFINITIONS as oe, TAB_ICONS as C, DashboardDataController as ae, subscribeToChannel as ie, DebugDataController as le, compactPreview as ce } from "adonisjs-server-stats/core";
-import { createPortal as de } from "react-dom";
+import Q, { useState as w, useRef as R, useEffect as D, useCallback as x, useMemo as B, Suspense as W, lazy as T, createContext as X } from "react";
+import { DEFAULT_FEATURES as Y, detectFeatures as Z, ServerStatsController as ee, getTheme as se, onThemeChange as te, toggleTheme as ne, buildSparklineData as re, computeStats as oe, formatStatNum as U, detectMetricGroupsFromStats as ae, getVisibleMetricGroups as ie, METRIC_DEFINITIONS as le, TAB_ICONS as C, DashboardDataController as ce, subscribeToChannel as de, DebugDataController as ue, compactPreview as he } from "adonisjs-server-stats/core";
+import { createPortal as pe } from "react-dom";
 function q(e = {}) {
-  const { baseUrl: r = "", debugEndpoint: t = "/admin/api/debug", authToken: n } = e, [o, l] = w(G), [b, a] = w(!0), [v, m] = w(null), u = O(!1);
-  return B(() => {
+  const { baseUrl: r = "", debugEndpoint: t = "/admin/api/debug", authToken: n } = e, [o, l] = w(Y), [b, a] = w(!0), [v, m] = w(null), u = R(!1);
+  return D(() => {
     if (u.current) return;
     u.current = !0;
     let d = !1;
     return (async () => {
       try {
-        const g = await Q({ baseUrl: r, debugEndpoint: t, authToken: n });
+        const g = await Z({ baseUrl: r, debugEndpoint: t, authToken: n });
         d || (l(g), a(!1));
       } catch (g) {
         d || (m(g instanceof Error ? g : new Error(String(g))), a(!1));
@@ -20,19 +20,19 @@ function q(e = {}) {
     };
   }, [r, t, n]), { features: o, isLoading: b, error: v };
 }
-function ue(e = {}) {
+function be(e = {}) {
   const {
     baseUrl: r = "",
     endpoint: t = "/admin/api/server-stats",
     channelName: n = "admin/server-stats",
     authToken: o,
     pollInterval: l = 3e3
-  } = e, [b, a] = w(null), [v, m] = w(!1), [u, d] = w(!1), [f, g] = w(null), [p, S] = w(!1), R = O(null);
-  B(() => {
+  } = e, [b, a] = w(null), [v, m] = w(!1), [u, d] = w(!1), [f, g] = w(null), [p, S] = w(!1), O = R(null);
+  D(() => {
     S(!1);
-  }, [r, o]), B(() => {
+  }, [r, o]), D(() => {
     if (p) return;
-    const k = new X({
+    const k = new ee({
       baseUrl: r,
       endpoint: t,
       channelName: n,
@@ -44,14 +44,14 @@ function ue(e = {}) {
       onError: (y) => g(y),
       onUnauthorizedChange: (y) => S(y)
     });
-    return R.current = k, k.start(), () => {
-      k.stop(), R.current = null;
+    return O.current = k, k.start(), () => {
+      k.stop(), O.current = null;
     };
   }, [r, n, o, l, p]);
-  const I = x((k) => R.current?.getHistory(k) ?? [], []);
+  const I = x((k) => O.current?.getHistory(k) ?? [], []);
   return {
     stats: b,
-    history: R.current?.getAllHistory() ?? {},
+    history: O.current?.getAllHistory() ?? {},
     getHistory: I,
     isConnected: v,
     isStale: u,
@@ -60,27 +60,27 @@ function ue(e = {}) {
   };
 }
 function F() {
-  const [e, r] = w(() => Y());
-  B(() => Z((o) => {
+  const [e, r] = w(() => se());
+  D(() => te((o) => {
     r(o);
   }), []);
   const t = x(() => {
-    const n = ee();
+    const n = ne();
     return r(n), n;
   }, []);
   return { theme: e, toggleTheme: t };
 }
-function he({
+function ge({
   data: e,
   color: r = "#34d399",
   width: t = 120,
   height: n = 32,
   className: o = ""
 }) {
-  const l = D(
-    () => se(e, { width: t, height: n }),
+  const l = B(
+    () => re(e, { width: t, height: n }),
     [e, t, n]
-  ), b = D(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), a = { "--ss-accent": r };
+  ), b = B(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), a = { "--ss-accent": r };
   if (!l)
     return /* @__PURE__ */ s("div", { className: `ss-dash-sparkline ${o}`, style: a, children: /* @__PURE__ */ s(
       "svg",
@@ -125,13 +125,13 @@ function he({
     }
   ) });
 }
-const pe = {
+const me = {
   "ss-red": "#f87171",
   "ss-amber": "#fbbf24",
   "ss-green": "#34d399",
   "ss-muted": "#737373"
 };
-function be(e, r, t) {
+function ve(e, r, t) {
   const [n, o] = w({
     position: "absolute",
     bottom: "100%",
@@ -139,7 +139,7 @@ function be(e, r, t) {
     marginBottom: "10px",
     zIndex: 180
   });
-  return B(() => {
+  return D(() => {
     if (!t) return;
     const l = () => {
       const a = e.current, v = r.current;
@@ -170,14 +170,14 @@ function be(e, r, t) {
     };
   }, [t, e, r]), n;
 }
-function ge({ metric: e, stats: r, history: t, className: n = "" }) {
-  const [o, l] = w(!1), [b, a] = w(!1), v = O(null), m = O(null);
+function fe({ metric: e, stats: r, history: t, className: n = "" }) {
+  const [o, l] = w(!1), [b, a] = w(!1), v = R(null), m = R(null);
   if (e.show && !e.show(r))
     return null;
-  const u = e.value ? e.value(r) : e.format(r), d = e.color ? e.color(r) : "", f = d && pe[d] || "#34d399", g = typeof e.detail == "function" ? e.detail(r) : e.detail, p = D(() => te(t), [t]), S = o || b, R = be(v, m, S), I = x(($) => {
+  const u = e.value ? e.value(r) : e.format(r), d = e.color ? e.color(r) : "", f = d && me[d] || "#34d399", g = typeof e.detail == "function" ? e.detail(r) : e.detail, p = B(() => oe(t), [t]), S = o || b, O = ve(v, m, S), I = x(($) => {
     $.stopPropagation(), l((_) => !_);
   }, []);
-  B(() => {
+  D(() => {
     if (!o) return;
     const $ = (N) => {
       const i = N.target;
@@ -189,13 +189,13 @@ function ge({ metric: e, stats: r, history: t, className: n = "" }) {
       document.removeEventListener("click", $), document.removeEventListener("keydown", _);
     };
   }, [o]);
-  const k = v.current?.closest(".ss-bar"), y = S && k ? de(
+  const k = v.current?.closest(".ss-bar"), y = S && k ? pe(
     /* @__PURE__ */ c(
       "div",
       {
         ref: m,
         className: `ss-tooltip ${o ? "ss-pinned" : ""}`,
-        style: R,
+        style: O,
         children: [
           /* @__PURE__ */ c("div", { className: "ss-tooltip-inner", style: { position: "relative" }, children: [
             o && /* @__PURE__ */ s(
@@ -233,7 +233,7 @@ function ge({ metric: e, stats: r, history: t, className: n = "" }) {
             ] }),
             g && /* @__PURE__ */ s("div", { className: "ss-tooltip-details", children: g }),
             t.length > 0 && /* @__PURE__ */ c(P, { children: [
-              /* @__PURE__ */ s("div", { className: "ss-tooltip-sparkline", children: /* @__PURE__ */ s(he, { data: t, color: f }) }),
+              /* @__PURE__ */ s("div", { className: "ss-tooltip-sparkline", children: /* @__PURE__ */ s(ge, { data: t, color: f }) }),
               /* @__PURE__ */ c("div", { className: "ss-tooltip-samples", children: [
                 "Last ",
                 Math.min(t.length, 60),
@@ -270,7 +270,7 @@ function ge({ metric: e, stats: r, history: t, className: n = "" }) {
     y
   ] });
 }
-function Qe(e) {
+function es(e) {
   const {
     featureOptions: r,
     autoHideOnUnauthorized: t = !0,
@@ -278,12 +278,12 @@ function Qe(e) {
     debugPanelOpen: o = !1,
     onConnectionChange: l,
     ...b
-  } = e, { stats: a, getHistory: v, isConnected: m, isStale: u, unauthorized: d } = ue(b);
-  B(() => {
+  } = e, { stats: a, getHistory: v, isConnected: m, isStale: u, unauthorized: d } = be(b);
+  D(() => {
     l?.(m);
   }, [m, l]);
-  const { features: f } = q(r), { theme: g } = F(), [p, S] = w(() => typeof window > "u" ? !0 : localStorage.getItem("admin:stats-bar") !== "hidden"), R = O(null), I = O(null);
-  B(() => {
+  const { features: f } = q(r), { theme: g } = F(), [p, S] = w(() => typeof window > "u" ? !0 : localStorage.getItem("admin:stats-bar") !== "hidden"), O = R(null), I = R(null);
+  D(() => {
     t && d && S(!1);
   }, [t, d]);
   const k = x(() => {
@@ -292,7 +292,7 @@ function Qe(e) {
       return localStorage.setItem("admin:stats-bar", i ? "visible" : "hidden"), i;
     });
   }, []);
-  B(() => {
+  D(() => {
     const N = I.current;
     if (!N) return;
     const i = (L) => {
@@ -300,10 +300,10 @@ function Qe(e) {
     };
     return N.addEventListener("wheel", i, { passive: !1 }), () => N.removeEventListener("wheel", i);
   }, []);
-  const y = D(() => a ? ne(a) : re(f), [a, f]), $ = D(
-    () => oe.filter((N) => y.has(N.group || "core")),
+  const y = B(() => a ? ae(a) : ie(f), [a, f]), $ = B(
+    () => le.filter((N) => y.has(N.group || "core")),
     [y]
-  ), _ = D(() => {
+  ), _ = B(() => {
     const N = [];
     let i = "";
     for (const L of $) {
@@ -343,7 +343,7 @@ function Qe(e) {
         ]
       }
     ),
-    /* @__PURE__ */ c("div", { ref: R, className: p ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": g, children: [
+    /* @__PURE__ */ c("div", { ref: O, className: p ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": g, children: [
       /* @__PURE__ */ c("div", { className: "ss-bar-left", children: [
         n && /* @__PURE__ */ s(
           "button",
@@ -371,10 +371,10 @@ function Qe(e) {
         ),
         /* @__PURE__ */ s("div", { className: u ? "ss-dot ss-stale" : "ss-dot" })
       ] }),
-      /* @__PURE__ */ s("div", { ref: I, className: "ss-bar-scroll", id: "ss-bar-scroll", children: a && _.map((N, i) => /* @__PURE__ */ c(V.Fragment, { children: [
+      /* @__PURE__ */ s("div", { ref: I, className: "ss-bar-scroll", id: "ss-bar-scroll", children: a && _.map((N, i) => /* @__PURE__ */ c(Q.Fragment, { children: [
         i > 0 && /* @__PURE__ */ s("div", { className: "ss-group-sep" }),
         /* @__PURE__ */ s("div", { className: "ss-group", children: N.metrics.map((L) => /* @__PURE__ */ s(
-          ge,
+          fe,
           {
             metric: L,
             stats: a,
@@ -386,7 +386,7 @@ function Qe(e) {
     ] })
   ] });
 }
-function A({
+function K({
   theme: e,
   onToggle: r,
   className: t = "",
@@ -437,8 +437,8 @@ function A({
     }
   );
 }
-const me = T(() => import("./QueriesTab-CY9CG_7L.js")), ve = T(() => import("./EventsTab-BNVEySAm.js")), fe = T(() => import("./EmailsTab-DKDrRmRH.js")), we = T(() => import("./RoutesTab-Cnqy8UcK.js")), ke = T(() => import("./LogsTab-CJM47LPn.js")), ye = T(() => import("./TimelineTab-1YOERxe5.js")), Ne = T(() => import("./CacheTab-DWeXnEBI.js")), Ce = T(() => import("./JobsTab-DXQzXrDt.js")), Se = T(() => import("./ConfigTab-D4640WJZ.js")), Le = T(() => import("./InternalsTab-BygoSorC.js")), Te = T(() => import("./CustomPaneTab-DglmAVMC.js"));
-function Xe(e) {
+const we = T(() => import("./QueriesTab-smQQJvJa.js")), ke = T(() => import("./EventsTab-DgS2v1HX.js")), ye = T(() => import("./EmailsTab-CkHOhj2F.js")), Ne = T(() => import("./RoutesTab-CpXNO-Rx.js")), Ce = T(() => import("./LogsTab-ixusY4v7.js")), Se = T(() => import("./TimelineTab-LHQHHKkO.js")), Le = T(() => import("./CacheTab-D55mfmeE.js")), Te = T(() => import("./JobsTab-zdxX_as-.js")), Ee = T(() => import("./ConfigTab-CNnsOXBh.js")), $e = T(() => import("./InternalsTab-BygoSorC.js")), xe = T(() => import("./CustomPaneTab-D-267UVd.js"));
+function ss(e) {
   const {
     defaultOpen: r = !1,
     dashboardPath: t,
@@ -448,18 +448,18 @@ function Xe(e) {
     ...b
   } = e, [a, v] = w(r), m = n !== void 0 ? n : a, u = (i) => {
     o ? o(i) : v(i);
-  }, [d, f] = w("queries"), g = D(
+  }, [d, f] = w("queries"), g = B(
     () => b,
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [b.baseUrl, b.debugEndpoint, b.authToken]
-  ), { features: p } = q(g), { theme: S, toggleTheme: R } = F(), I = p.customPanes || [];
-  B(() => {
+  ), { features: p } = q(g), { theme: S, toggleTheme: O } = F(), I = p.customPanes || [];
+  D(() => {
     const i = (L) => {
       L.key === "Escape" && m && u(!1);
     };
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
   }, [m]);
-  const k = D(
+  const k = B(
     () => [
       { id: "queries", label: "Queries", visible: !0 },
       { id: "events", label: "Events", visible: !0 },
@@ -473,8 +473,8 @@ function Xe(e) {
       { id: "internals", label: "Internals", visible: !0 }
     ],
     [p]
-  ), y = D(() => k.filter((i) => i.visible), [k]);
-  B(() => {
+  ), y = B(() => k.filter((i) => i.visible), [k]);
+  D(() => {
     const i = [
       ...y.map((L) => L.id),
       ...I.map((L) => L.id)
@@ -483,42 +483,42 @@ function Xe(e) {
   }, [y, I, d]);
   const $ = x(() => {
     u(!m);
-  }, [m]), _ = D(() => {
+  }, [m]), _ = B(() => {
     const i = { options: g }, L = I.find((M) => M.id === d);
     if (L)
-      return /* @__PURE__ */ s(Te, { pane: L, options: g });
+      return /* @__PURE__ */ s(xe, { pane: L, options: g });
     switch (d) {
       case "queries":
-        return /* @__PURE__ */ s(me, { ...i });
+        return /* @__PURE__ */ s(we, { ...i });
       case "events":
-        return /* @__PURE__ */ s(ve, { ...i });
+        return /* @__PURE__ */ s(ke, { ...i });
       case "emails":
-        return /* @__PURE__ */ s(fe, { ...i });
+        return /* @__PURE__ */ s(ye, { ...i });
       case "routes":
         return /* @__PURE__ */ s(
-          we,
+          Ne,
           {
             ...i,
             currentPath: typeof window < "u" ? window.location.pathname : ""
           }
         );
       case "logs":
-        return /* @__PURE__ */ s(ke, { ...i });
+        return /* @__PURE__ */ s(Ce, { ...i });
       case "timeline":
-        return /* @__PURE__ */ s(ye, { ...i });
+        return /* @__PURE__ */ s(Se, { ...i });
       case "cache":
-        return /* @__PURE__ */ s(Ne, { ...i, dashboardPath: t });
+        return /* @__PURE__ */ s(Le, { ...i, dashboardPath: t });
       case "jobs":
-        return /* @__PURE__ */ s(Ce, { ...i, dashboardPath: t });
+        return /* @__PURE__ */ s(Te, { ...i, dashboardPath: t });
       case "config":
-        return /* @__PURE__ */ s(Se, { ...i, dashboardPath: t });
+        return /* @__PURE__ */ s(Ee, { ...i, dashboardPath: t });
       case "internals":
-        return /* @__PURE__ */ s(Le, { ...i });
+        return /* @__PURE__ */ s($e, { ...i });
       default:
         return /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Unknown tab" });
     }
   }, [d, g, I, t]), N = x(
-    () => /* @__PURE__ */ s(z, { fallback: /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading..." }), children: _ }),
+    () => /* @__PURE__ */ s(W, { fallback: /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading..." }), children: _ }),
     [_]
   );
   return /* @__PURE__ */ c(P, { children: [
@@ -599,7 +599,7 @@ function Xe(e) {
                   children: l ? "live" : "polling"
                 }
               ),
-              /* @__PURE__ */ s(A, { theme: S, onToggle: R, classPrefix: "ss-dbg" }),
+              /* @__PURE__ */ s(K, { theme: S, onToggle: O, classPrefix: "ss-dbg" }),
               t && /* @__PURE__ */ s(
                 "a",
                 {
@@ -642,8 +642,8 @@ function Xe(e) {
     )
   ] });
 }
-function Ee(e, r) {
-  return new ae({
+function Ie(e, r) {
+  return new ce({
     baseUrl: r.baseUrl,
     endpoint: r.dashboardEndpoint,
     authToken: r.authToken,
@@ -659,16 +659,16 @@ function Ee(e, r) {
     }
   });
 }
-function $e(e, r) {
+function Me(e, r) {
   e.ctrl.configure(r);
   const t = e.prevSection !== e.section;
   return t || !e.hasFetched ? (t ? e.ctrl.setSection(e.section) : e.ctrl.start(), !0) : (e.ctrl.start(), e.hasFetched);
 }
-function xe() {
+function Be() {
   const [e, r] = w(null), [t, n] = w(null), [o, l] = w(!0), [b, a] = w(null);
   return { data: e, setData: r, meta: t, setMeta: n, isLoading: o, setIsLoading: l, error: b, setError: a };
 }
-function Ie(e) {
+function De(e) {
   const r = x(() => {
     e.current?.fetch(!0);
   }, [e]), t = x(
@@ -685,8 +685,8 @@ function Ie(e) {
   }, [e]);
   return { refresh: r, mutate: t, getApi: n };
 }
-function Me(e, r, t, n) {
-  e.current || (e.current = Ee(r, {
+function Oe(e, r, t, n) {
+  e.current || (e.current = Ie(r, {
     ...t,
     setData: (o) => n.setData(o),
     setMeta: n.setMeta,
@@ -694,7 +694,7 @@ function Me(e, r, t, n) {
     setError: n.setError
   }));
 }
-function Be(e) {
+function Re(e) {
   return {
     baseUrl: e.baseUrl ?? "",
     dashboardEndpoint: e.dashboardEndpoint ?? "/__stats/api",
@@ -709,11 +709,11 @@ function Be(e) {
     refreshKey: e.refreshKey
   };
 }
-function De(e, r = {}) {
-  const t = Be(r), n = xe(), o = O(null), l = O(e), b = O(!1);
-  Me(o, e, t, n), B(() => {
+function _e(e, r = {}) {
+  const t = Re(r), n = Be(), o = R(null), l = R(e), b = R(!1);
+  Oe(o, e, t, n), D(() => {
     const v = l.current;
-    return l.current = e, b.current = $e(
+    return l.current = e, b.current = Me(
       {
         ctrl: o.current,
         section: e,
@@ -735,7 +735,7 @@ function De(e, r = {}) {
     t.timeRange,
     t.refreshKey
   ]);
-  const a = Ie(o);
+  const a = De(o);
   return {
     data: n.data,
     meta: n.meta,
@@ -744,7 +744,7 @@ function De(e, r = {}) {
     ...a
   };
 }
-const Re = [
+const je = X(void 0), Pe = [
   "overview",
   "requests",
   "queries",
@@ -756,8 +756,8 @@ const Re = [
   "jobs",
   "config",
   "internals"
-], Oe = T(() => import("./OverviewSection-DOMu2qvl.js")), _e = T(() => import("./RequestsSection-CC-eVHsl.js")), je = T(() => import("./QueriesSection-DFsaOSJI.js")), Pe = T(() => import("./EventsSection-CapH5xut.js")), He = T(() => import("./RoutesSection-p1DMq41y.js")), Ue = T(() => import("./LogsSection-ConXdBkL.js")), qe = T(() => import("./EmailsSection-vYx6ExTb.js")), Fe = T(() => import("./CacheSection-DkLtukWz.js")), ze = T(() => import("./JobsSection-ZIQsJWid.js")), Ae = T(() => import("./ConfigSection-DaVbFPDg.js")), We = T(() => import("./InternalsSection-lOv_UcSV.js"));
-function Ye(e) {
+], He = T(() => import("./OverviewSection-CvhObTLP.js")), Ue = T(() => import("./RequestsSection-DKuYpViv.js")), qe = T(() => import("./QueriesSection-BvledwBI.js")), Fe = T(() => import("./EventsSection-CMeyjzVC.js")), ze = T(() => import("./RoutesSection-5RNVurQ6.js")), Ae = T(() => import("./LogsSection-XmiI2MMs.js")), We = T(() => import("./EmailsSection-Bqw4DI4r.js")), Ke = T(() => import("./CacheSection-C-X2Tnca.js")), Ve = T(() => import("./JobsSection-oWH6pbrG.js")), Je = T(() => import("./ConfigSection-C-HGnZfd.js")), Ge = T(() => import("./InternalsSection-lOv_UcSV.js"));
+function ts(e) {
   const {
     baseUrl: r = "",
     dashboardEndpoint: t = "/__stats/api",
@@ -765,42 +765,42 @@ function Ye(e) {
     authToken: o,
     backUrl: l = "/",
     channelName: b = "server-stats/dashboard"
-  } = e, { features: a } = q({ baseUrl: r, debugEndpoint: n, authToken: o }), { theme: v, toggleTheme: m } = F(), [u, d] = w("overview"), f = O(u);
+  } = e, { features: a } = q({ baseUrl: r, debugEndpoint: n, authToken: o }), { theme: v, toggleTheme: m } = F(), [u, d] = w("overview"), f = R(u);
   f.current = u;
-  const [g, p] = w(() => typeof window > "u" ? !1 : localStorage.getItem("ss-dash-sidebar") === "collapsed"), [S, R] = w(!1), [I, k] = w(0), y = O(0);
-  B(() => {
+  const [g, p] = w(() => typeof window > "u" ? !1 : localStorage.getItem("ss-dash-sidebar") === "collapsed"), [S, O] = w(!1), [I, k] = w(0), y = R(0);
+  D(() => {
     if (!b) return;
-    const h = ie({
+    const h = de({
       baseUrl: r,
       channelName: b,
       authToken: o,
       onMessage: () => {
         y.current += 1, k(y.current);
       },
-      onConnect: () => R(!0),
-      onDisconnect: () => R(!1),
-      onError: () => R(!1)
+      onConnect: () => O(!0),
+      onDisconnect: () => O(!1),
+      onError: () => O(!1)
     });
     return () => h.unsubscribe();
   }, [r, b, o]);
   const $ = a.customPanes || [], _ = x(
     (h) => {
       const E = h.replace("#", "").split("?")[0];
-      return E && [...Re, ...$.map((J) => J.id)].includes(E) ? E : "overview";
+      return E && [...Pe, ...$.map((G) => G.id)].includes(E) ? E : "overview";
     },
     [$]
   );
-  B(() => {
+  D(() => {
     if (typeof window > "u") return;
     const h = _(window.location.hash);
     (h !== "overview" || window.location.hash) && d(h);
-  }, [_]), B(() => {
+  }, [_]), D(() => {
     const h = () => {
       const E = _(window.location.hash);
       E !== f.current && d(E);
     };
     return window.addEventListener("hashchange", h), () => window.removeEventListener("hashchange", h);
-  }, [_]), B(() => {
+  }, [_]), D(() => {
     typeof window > "u" || (window.location.hash = u);
   }, [u]);
   const N = x(() => {
@@ -808,7 +808,7 @@ function Ye(e) {
       const E = !h;
       return localStorage.setItem("ss-dash-sidebar", E ? "collapsed" : "expanded"), E;
     });
-  }, []), i = D(
+  }, []), i = B(
     () => [
       { id: "overview", label: "Overview", visible: !0 },
       { id: "requests", label: "Requests", visible: !0 },
@@ -823,10 +823,16 @@ function Ye(e) {
       { id: "internals", label: "Internals", visible: !0 }
     ],
     [a]
-  ), L = D(() => i.filter((h) => h.visible), [i]), M = D(
+  ), L = B(() => i.filter((h) => h.visible), [i]), M = B(
     () => ({ baseUrl: r, dashboardEndpoint: t, authToken: o, refreshKey: I }),
     [r, t, o, I]
-  ), { data: j } = De("overview", M), W = D(() => {
+  ), { data: j, isLoading: z } = _e(
+    "overview",
+    M
+  ), A = B(
+    () => ({ data: j, isLoading: z }),
+    [j, z]
+  ), V = B(() => {
     if (!j) return {};
     const h = {};
     if (j.totalRequests > 0 && (h.requests = { count: j.totalRequests }), j.queryStats?.total > 0 && (h.queries = { count: j.queryStats.total }), j.logLevelBreakdown) {
@@ -834,22 +840,22 @@ function Ye(e) {
       H > 0 && (h.logs = { count: H });
     }
     return h;
-  }, [j]), K = x(() => {
+  }, [j]), J = x(() => {
     const h = {
-      overview: /* @__PURE__ */ s(Oe, { options: M }),
-      requests: /* @__PURE__ */ s(_e, { options: M }),
-      queries: /* @__PURE__ */ s(je, { options: M }),
-      events: /* @__PURE__ */ s(Pe, { options: M }),
-      routes: /* @__PURE__ */ s(He, { options: M }),
-      logs: /* @__PURE__ */ s(Ue, { options: M }),
-      emails: /* @__PURE__ */ s(qe, { options: M }),
-      cache: /* @__PURE__ */ s(Fe, { options: M }),
-      jobs: /* @__PURE__ */ s(ze, { options: M }),
-      config: /* @__PURE__ */ s(Ae, { options: M }),
-      internals: /* @__PURE__ */ s(We, { options: M, debugEndpoint: n })
+      overview: /* @__PURE__ */ s(He, { options: M }),
+      requests: /* @__PURE__ */ s(Ue, { options: M }),
+      queries: /* @__PURE__ */ s(qe, { options: M }),
+      events: /* @__PURE__ */ s(Fe, { options: M }),
+      routes: /* @__PURE__ */ s(ze, { options: M }),
+      logs: /* @__PURE__ */ s(Ae, { options: M }),
+      emails: /* @__PURE__ */ s(We, { options: M }),
+      cache: /* @__PURE__ */ s(Ke, { options: M }),
+      jobs: /* @__PURE__ */ s(Ve, { options: M }),
+      config: /* @__PURE__ */ s(Je, { options: M }),
+      internals: /* @__PURE__ */ s(Ge, { options: M, debugEndpoint: n })
     };
-    return /* @__PURE__ */ s("div", { className: "ss-dash-pane ss-dash-active", id: `ss-dash-pane-${u}`, children: /* @__PURE__ */ s("div", { className: "ss-dash-pane-inner", children: /* @__PURE__ */ s(z, { fallback: /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading..." }), children: h[u] || /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Unknown section" }) }) }) });
-  }, [u, M]);
+    return /* @__PURE__ */ s("div", { className: "ss-dash-pane ss-dash-active", id: `ss-dash-pane-${u}`, children: /* @__PURE__ */ s("div", { className: "ss-dash-pane-inner", children: /* @__PURE__ */ s(W, { fallback: /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading..." }), children: /* @__PURE__ */ s(je.Provider, { value: A, children: h[u] || /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Unknown section" }) }) }) }) });
+  }, [u, M, A]);
   return /* @__PURE__ */ c("div", { className: "ss-dash", "data-theme": v, id: "ss-dash", children: [
     /* @__PURE__ */ c("div", { className: "ss-dash-header", children: [
       /* @__PURE__ */ c("div", { className: "ss-dash-header-left", children: [
@@ -874,7 +880,7 @@ function Ye(e) {
         )
       ] }),
       /* @__PURE__ */ c("div", { className: "ss-dash-header-right", children: [
-        /* @__PURE__ */ s(A, { theme: v, onToggle: m }),
+        /* @__PURE__ */ s(K, { theme: v, onToggle: m }),
         l && /* @__PURE__ */ s("a", { href: l, className: "ss-dash-back-link", title: "Back to app", children: "← App" })
       ] })
     ] }),
@@ -887,7 +893,7 @@ function Ye(e) {
           children: [
             /* @__PURE__ */ c("nav", { className: "ss-dash-nav", role: "tablist", children: [
               L.map((h) => {
-                const E = W[h.id];
+                const E = V[h.id];
                 return /* @__PURE__ */ c(
                   "button",
                   {
@@ -997,12 +1003,12 @@ function Ye(e) {
           ]
         }
       ),
-      /* @__PURE__ */ s("div", { className: "ss-dash-main", children: K() })
+      /* @__PURE__ */ s("div", { className: "ss-dash-main", children: J() })
     ] })
   ] });
 }
-function Ze(e, r = {}) {
-  const { baseUrl: t = "", debugEndpoint: n = "/admin/api/debug", authToken: o } = r, [l, b] = w(null), [a, v] = w(!0), [m, u] = w(null), d = O(null), f = O(null), g = () => new le({
+function ns(e, r = {}) {
+  const { baseUrl: t = "", debugEndpoint: n = "/admin/api/debug", authToken: o } = r, [l, b] = w(null), [a, v] = w(!0), [m, u] = w(null), d = R(null), f = R(null), g = () => new ue({
     baseUrl: t,
     endpoint: n,
     authToken: o,
@@ -1011,20 +1017,20 @@ function Ze(e, r = {}) {
     onError: (k) => u(k),
     onUnauthorized: (k) => u(k)
   }), p = `${t}\0${n}\0${o ?? ""}`;
-  (!d.current || f.current !== p) && (d.current?.stop(), d.current = g(), f.current = p), B(() => {
+  (!d.current || f.current !== p) && (d.current?.stop(), d.current = g(), f.current = p), D(() => {
     const k = d.current;
     return k.start(e), () => k.stop();
   }, [e, p]);
   const S = x(() => {
     d.current?.refresh();
-  }, []), R = x(() => {
+  }, []), O = x(() => {
     b(null);
   }, []), I = x((k, y) => {
     d.current?.cacheForTab(k, y);
   }, []);
-  return { data: l, isLoading: a, error: m, refresh: S, clearData: R, cacheForTab: I };
+  return { data: l, isLoading: a, error: m, refresh: S, clearData: O, cacheForTab: I };
 }
-function es({
+function rs({
   color: e = "muted",
   children: r,
   className: t = "",
@@ -1032,7 +1038,7 @@ function es({
 }) {
   return /* @__PURE__ */ s("span", { className: `${n}-badge ${n}-badge-${e} ${t}`, children: r });
 }
-function ss({ method: e, className: r = "", classPrefix: t = "ss-dash" }) {
+function os({ method: e, className: r = "", classPrefix: t = "ss-dash" }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -1041,18 +1047,18 @@ function ss({ method: e, className: r = "", classPrefix: t = "ss-dash" }) {
     }
   );
 }
-function ts({ code: e, className: r = "", classPrefix: t = "ss-dash" }) {
+function as({ code: e, className: r = "", classPrefix: t = "ss-dash" }) {
   let n = `${t}-status-2xx`;
   return e >= 500 ? n = `${t}-status-5xx` : e >= 400 ? n = `${t}-status-4xx` : e >= 300 && (n = `${t}-status-3xx`), /* @__PURE__ */ s("span", { className: `${t}-status ${n} ${r}`, children: e });
 }
-function ns({
+function is({
   data: e,
   maxPreviewLength: r = 100,
   className: t = "",
   classPrefix: n = "ss-dash",
   defaultExpanded: o = !1
 }) {
-  const [l, b] = w(o), a = D(() => {
+  const [l, b] = w(o), a = B(() => {
     if (typeof e == "string")
       try {
         return JSON.parse(e);
@@ -1060,7 +1066,7 @@ function ns({
         return e;
       }
     return e;
-  }, [e]), v = D(() => typeof a == "object" && a !== null ? ce(a, r) : String(a ?? "-"), [a, r]), m = D(() => typeof a == "object" && a !== null ? JSON.stringify(a, null, 2) : String(a), [a]), u = x(() => {
+  }, [e]), v = B(() => typeof a == "object" && a !== null ? he(a, r) : String(a ?? "-"), [a, r]), m = B(() => typeof a == "object" && a !== null ? JSON.stringify(a, null, 2) : String(a), [a]), u = x(() => {
     b((f) => !f);
   }, []), d = x(async () => {
     try {
@@ -1097,13 +1103,13 @@ function ns({
     ] })
   ] });
 }
-function rs({ content: e, children: r, position: t = "top", className: n = "" }) {
-  const [o, l] = w(!1), [b, a] = w({ left: 0, bottom: 0 }), v = O(null), m = O(null), u = x(() => {
+function ls({ content: e, children: r, position: t = "top", className: n = "" }) {
+  const [o, l] = w(!1), [b, a] = w({ left: 0, bottom: 0 }), v = R(null), m = R(null), u = x(() => {
     l(!0);
   }, []), d = x(() => {
     l(!1);
   }, []);
-  return B(() => {
+  return D(() => {
     if (!o || !v.current || !m.current) return;
     const f = v.current.getBoundingClientRect(), g = m.current.getBoundingClientRect();
     let p = f.left + f.width / 2 - g.width / 2, S;
@@ -1141,19 +1147,20 @@ function rs({ content: e, children: r, position: t = "top", className: n = "" })
   );
 }
 export {
-  es as B,
-  Ye as D,
-  ns as J,
-  ss as M,
-  ts as S,
-  A as T,
-  De as a,
-  he as b,
-  Xe as c,
-  Qe as d,
-  rs as e,
+  rs as B,
+  ts as D,
+  is as J,
+  os as M,
+  je as O,
+  as as S,
+  K as T,
+  _e as a,
+  ge as b,
+  ss as c,
+  es as d,
+  ls as e,
   q as f,
-  ue as g,
+  be as g,
   F as h,
-  Ze as u
+  ns as u
 };