adonisjs-server-stats 1.8.0 → 1.10.0

package/dist/react/{index-DDzo1bZk.js → index-Cflz9Ebj.js}

@@ -1,119 +1,119 @@
-import { jsx as e, jsxs as d, Fragment as H } from "react/jsx-runtime";
-import K, { useState as N, useRef as j, useEffect as R, useCallback as B, useMemo as O, Suspense as F, 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 oe, METRIC_DEFINITIONS as ie, TAB_ICONS as L, DashboardDataController as re, subscribeToChannel as ae, DebugDataController as le, compactPreview as ce } from "adonisjs-server-stats/core";
-import { createPortal as de } from "react-dom";
+import { jsx as e, jsxs as l, Fragment as H } from "react/jsx-runtime";
+import V, { useState as y, useRef as j, useEffect as R, useCallback as B, useMemo as O, Suspense as F, lazy as T } from "react";
+import { DEFAULT_FEATURES as K, detectFeatures as G, ServerStatsController as Q, getTheme as X, onThemeChange as Y, toggleTheme as Z, buildSparklineData as ee, computeStats as se, formatStatNum as U, detectMetricGroupsFromStats as te, getVisibleMetricGroups as ne, METRIC_DEFINITIONS as oe, TAB_ICONS as L, DashboardDataController as re, subscribeToChannel as ie, DebugDataController as ae, compactPreview as le } from "adonisjs-server-stats/core";
+import { createPortal as ce } from "react-dom";
 function z(s = {}) {
-  const { baseUrl: i = "", debugEndpoint: t = "/admin/api/debug", authToken: n } = s, [a, h] = N(G), [c, r] = N(!0), [g, p] = N(null), m = j(!1);
+  const { baseUrl: i = "", debugEndpoint: t = "/admin/api/debug", authToken: o } = s, [a, d] = y(K), [g, n] = y(!0), [v, p] = y(null), h = j(!1);
   return R(() => {
-    if (m.current) return;
-    m.current = !0;
-    let l = !1;
+    if (h.current) return;
+    h.current = !0;
+    let u = !1;
     return (async () => {
       try {
-        const f = await Q({ baseUrl: i, debugEndpoint: t, authToken: n });
-        l || (h(f), r(!1));
+        const f = await G({ baseUrl: i, debugEndpoint: t, authToken: o });
+        u || (d(f), n(!1));
       } catch (f) {
-        l || (p(f instanceof Error ? f : new Error(String(f))), r(!1));
+        u || (p(f instanceof Error ? f : new Error(String(f))), n(!1));
       }
     })(), () => {
-      l = !0;
+      u = !0;
     };
-  }, [i, t, n]), { features: a, isLoading: c, error: g };
+  }, [i, t, o]), { features: a, isLoading: g, error: v };
 }
-function ue(s = {}) {
+function de(s = {}) {
   const {
     baseUrl: i = "",
     endpoint: t = "/admin/api/server-stats",
-    channelName: n = "admin/server-stats",
+    channelName: o = "admin/server-stats",
     authToken: a,
-    pollInterval: h = 3e3
-  } = s, [c, r] = N(null), [g, p] = N(!1), [m, l] = N(!1), [y, f] = N(null), [b, w] = N(!1), E = j(null);
+    pollInterval: d = 3e3
+  } = s, [g, n] = y(null), [v, p] = y(!1), [h, u] = y(!1), [w, f] = y(null), [b, k] = y(!1), E = j(null);
   R(() => {
     if (b) return;
-    const I = new X({
+    const I = new Q({
       baseUrl: i,
       endpoint: t,
-      channelName: n,
+      channelName: o,
       authToken: a,
-      pollInterval: h,
-      onStatsUpdate: (C) => r(C),
+      pollInterval: d,
+      onStatsUpdate: (C) => n(C),
       onConnectionChange: (C) => p(C),
-      onStaleChange: (C) => l(C),
+      onStaleChange: (C) => u(C),
       onError: (C) => f(C),
-      onUnauthorizedChange: (C) => w(C)
+      onUnauthorizedChange: (C) => k(C)
     });
     return E.current = I, I.start(), () => {
       I.stop(), E.current = null;
     };
-  }, [i, n, a, h, b]);
+  }, [i, o, a, d, b]);
   const _ = B((I) => E.current?.getHistory(I) ?? [], []);
   return {
-    stats: c,
+    stats: g,
     history: E.current?.getAllHistory() ?? {},
     getHistory: _,
-    isConnected: g,
-    isStale: m,
-    error: y,
+    isConnected: v,
+    isStale: h,
+    error: w,
     unauthorized: b
   };
 }
 function A() {
-  const [s, i] = N(() => Y());
-  R(() => Z((a) => {
+  const [s, i] = y(() => X());
+  R(() => Y((a) => {
     i(a);
   }), []);
   const t = B(() => {
-    const n = ee();
-    return i(n), n;
+    const o = Z();
+    return i(o), o;
   }, []);
   return { theme: s, toggleTheme: t };
 }
-function he({
+function ue({
   data: s,
   color: i = "#34d399",
   width: t = 120,
-  height: n = 32,
+  height: o = 32,
   className: a = ""
 }) {
-  const h = O(
-    () => se(s, { width: t, height: n }),
-    [s, t, n]
-  ), c = O(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), r = { "--ss-accent": i };
-  if (!h)
-    return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: r, children: /* @__PURE__ */ e(
+  const d = O(
+    () => ee(s, { width: t, height: o }),
+    [s, t, o]
+  ), g = O(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), n = { "--ss-accent": i };
+  if (!d)
+    return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: n, children: /* @__PURE__ */ e(
       "svg",
       {
         width: t,
-        height: n,
-        viewBox: `0 0 ${t} ${n}`,
+        height: o,
+        viewBox: `0 0 ${t} ${o}`,
         style: { display: "block" },
-        children: /* @__PURE__ */ d("text", { x: t / 2, y: n / 2 + 3, textAnchor: "middle", fill: "#737373", fontSize: "9", children: [
+        children: /* @__PURE__ */ l("text", { x: t / 2, y: o / 2 + 3, textAnchor: "middle", fill: "#737373", fontSize: "9", children: [
           "collecting",
           "…"
         ] })
       }
     ) });
-  const g = i || "var(--ss-accent)";
-  return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: r, children: /* @__PURE__ */ d(
+  const v = i || "var(--ss-accent)";
+  return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: n, children: /* @__PURE__ */ l(
     "svg",
     {
       width: t,
-      height: n,
-      viewBox: `0 0 ${t} ${n}`,
+      height: o,
+      viewBox: `0 0 ${t} ${o}`,
       style: { display: "block" },
       children: [
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ d("linearGradient", { id: c, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: g, stopOpacity: "0.25" }),
-          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: g, stopOpacity: "0.02" })
+        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: v, stopOpacity: "0.25" }),
+          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: v, stopOpacity: "0.02" })
         ] }) }),
-        /* @__PURE__ */ e("path", { d: h.areaPath, fill: `url(#${c})` }),
+        /* @__PURE__ */ e("path", { d: d.areaPath, fill: `url(#${g})` }),
         /* @__PURE__ */ e(
           "path",
           {
             className: "ss-dash-sparkline-line",
-            d: "M" + h.points.replace(/ /g, " L"),
+            d: "M" + d.points.replace(/ /g, " L"),
             fill: "none",
-            stroke: g,
+            stroke: v,
             strokeWidth: "1.5",
             strokeLinejoin: "round",
             strokeLinecap: "round"
@@ -123,14 +123,14 @@ function he({
     }
   ) });
 }
-const pe = {
+const he = {
   "ss-red": "#f87171",
   "ss-amber": "#fbbf24",
   "ss-green": "#34d399",
   "ss-muted": "#737373"
 };
-function me(s, i, t) {
-  const [n, a] = N({
+function pe(s, i, t) {
+  const [o, a] = y({
     position: "absolute",
     bottom: "100%",
     left: 0,
@@ -139,100 +139,100 @@ function me(s, i, t) {
   });
   return R(() => {
     if (!t) return;
-    const h = () => {
-      const r = s.current, g = i.current;
-      if (!r || !g) return;
-      const p = r.closest(".ss-bar");
+    const d = () => {
+      const n = s.current, v = i.current;
+      if (!n || !v) return;
+      const p = n.closest(".ss-bar");
       if (!p) return;
-      const m = r.getBoundingClientRect(), l = p.getBoundingClientRect(), y = m.left - l.left + m.width / 2;
+      const h = n.getBoundingClientRect(), u = p.getBoundingClientRect(), w = h.left - u.left + h.width / 2;
       a({
         position: "absolute",
         bottom: "100%",
-        left: `${y}px`,
+        left: `${w}px`,
         transform: "translateX(-50%)",
         marginBottom: "10px",
         zIndex: 180
       }), requestAnimationFrame(() => {
-        const f = g.getBoundingClientRect();
+        const f = v.getBoundingClientRect();
         let b = 0;
-        f.left < 8 ? b = 8 - f.left : f.right > window.innerWidth - 8 && (b = window.innerWidth - 8 - f.right), b && a((w) => ({
-          ...w,
+        f.left < 8 ? b = 8 - f.left : f.right > window.innerWidth - 8 && (b = window.innerWidth - 8 - f.right), b && a((k) => ({
+          ...k,
           transform: `translateX(calc(-50% + ${b}px))`
         }));
       });
     };
-    h();
-    const c = s.current?.closest(".ss-bar-scroll");
-    return c?.addEventListener("scroll", h), window.addEventListener("resize", h), () => {
-      c?.removeEventListener("scroll", h), window.removeEventListener("resize", h);
+    d();
+    const g = s.current?.closest(".ss-bar-scroll");
+    return g?.addEventListener("scroll", d), window.addEventListener("resize", d), () => {
+      g?.removeEventListener("scroll", d), window.removeEventListener("resize", d);
     };
-  }, [t, s, i]), n;
+  }, [t, s, i]), o;
 }
-function be({ metric: s, stats: i, history: t, className: n = "" }) {
-  const [a, h] = N(!1), [c, r] = N(!1), g = j(null), p = j(null);
+function be({ metric: s, stats: i, history: t, className: o = "" }) {
+  const [a, d] = y(!1), [g, n] = y(!1), v = j(null), p = j(null);
   if (s.show && !s.show(i))
     return null;
-  const m = s.value ? s.value(i) : s.format(i), l = s.color ? s.color(i) : "", y = l && pe[l] || "#34d399", f = typeof s.detail == "function" ? s.detail(i) : s.detail, b = O(() => te(t), [t]), w = a || c, E = me(g, p, w), _ = B(($) => {
-    $.stopPropagation(), h((o) => !o);
+  const h = s.value ? s.value(i) : s.format(i), u = s.color ? s.color(i) : "", w = u && he[u] || "#34d399", f = typeof s.detail == "function" ? s.detail(i) : s.detail, b = O(() => se(t), [t]), k = a || g, E = pe(v, p, k), _ = B(($) => {
+    $.stopPropagation(), d((r) => !r);
   }, []);
   R(() => {
     if (!a) return;
-    const $ = (v) => {
-      const x = v.target;
-      g.current && !g.current.contains(x) && p.current && !p.current.contains(x) && h(!1);
-    }, o = (v) => {
-      v.key === "Escape" && h(!1);
+    const $ = (m) => {
+      const x = m.target;
+      v.current && !v.current.contains(x) && p.current && !p.current.contains(x) && d(!1);
+    }, r = (m) => {
+      m.key === "Escape" && d(!1);
     };
-    return document.addEventListener("click", $), document.addEventListener("keydown", o), () => {
-      document.removeEventListener("click", $), document.removeEventListener("keydown", o);
+    return document.addEventListener("click", $), document.addEventListener("keydown", r), () => {
+      document.removeEventListener("click", $), document.removeEventListener("keydown", r);
     };
   }, [a]);
-  const I = g.current?.closest(".ss-bar"), C = w && I ? de(
-    /* @__PURE__ */ d(
+  const I = v.current?.closest(".ss-bar"), C = k && I ? ce(
+    /* @__PURE__ */ l(
       "div",
       {
         ref: p,
         className: `ss-tooltip ${a ? "ss-pinned" : ""}`,
         style: E,
         children: [
-          /* @__PURE__ */ d("div", { className: "ss-tooltip-inner", style: { position: "relative" }, children: [
+          /* @__PURE__ */ l("div", { className: "ss-tooltip-inner", style: { position: "relative" }, children: [
             a && /* @__PURE__ */ e(
               "button",
               {
                 className: "ss-tooltip-close",
                 onClick: ($) => {
-                  $.stopPropagation(), h(!1);
+                  $.stopPropagation(), d(!1);
                 },
                 type: "button",
                 children: "×"
               }
             ),
-            /* @__PURE__ */ d("div", { className: "ss-tooltip-header", children: [
+            /* @__PURE__ */ l("div", { className: "ss-tooltip-header", children: [
               /* @__PURE__ */ e("span", { className: "ss-tooltip-title", children: s.title }),
               s.unit && /* @__PURE__ */ e("span", { className: "ss-tooltip-unit", children: s.unit })
             ] }),
-            /* @__PURE__ */ d("div", { className: "ss-tooltip-current", children: [
+            /* @__PURE__ */ l("div", { className: "ss-tooltip-current", children: [
               /* @__PURE__ */ e("span", { className: "ss-tooltip-current-label", children: "Current: " }),
-              /* @__PURE__ */ e("span", { className: "ss-tooltip-current-value", children: m })
+              /* @__PURE__ */ e("span", { className: "ss-tooltip-current-value", children: h })
             ] }),
-            b && /* @__PURE__ */ d("div", { className: "ss-tooltip-stats", children: [
-              /* @__PURE__ */ d("span", { children: [
+            b && /* @__PURE__ */ l("div", { className: "ss-tooltip-stats", children: [
+              /* @__PURE__ */ l("span", { children: [
                 "Min: ",
                 U(b.min, s.unit)
               ] }),
-              /* @__PURE__ */ d("span", { children: [
+              /* @__PURE__ */ l("span", { children: [
                 "Max: ",
                 U(b.max, s.unit)
               ] }),
-              /* @__PURE__ */ d("span", { children: [
+              /* @__PURE__ */ l("span", { children: [
                 "Avg: ",
                 U(b.avg, s.unit)
               ] })
             ] }),
             f && /* @__PURE__ */ e("div", { className: "ss-tooltip-details", children: f }),
-            t.length > 0 && /* @__PURE__ */ d(H, { children: [
-              /* @__PURE__ */ e("div", { className: "ss-tooltip-sparkline", children: /* @__PURE__ */ e(he, { data: t, color: y }) }),
-              /* @__PURE__ */ d("div", { className: "ss-tooltip-samples", children: [
+            t.length > 0 && /* @__PURE__ */ l(H, { children: [
+              /* @__PURE__ */ e("div", { className: "ss-tooltip-sparkline", children: /* @__PURE__ */ e(ue, { data: t, color: w }) }),
+              /* @__PURE__ */ l("div", { className: "ss-tooltip-samples", children: [
                 "Last ",
                 Math.min(t.length, 60),
                 " samples (~",
@@ -247,71 +247,71 @@ function be({ metric: s, stats: i, history: t, className: n = "" }) {
     ),
     I
   ) : null;
-  return /* @__PURE__ */ d(H, { children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(H, { children: [
+    /* @__PURE__ */ l(
       "div",
       {
-        ref: g,
-        className: `ss-badge ${a ? "ss-pinned" : ""} ${n}`,
+        ref: v,
+        className: `ss-badge ${a ? "ss-pinned" : ""} ${o}`,
         onClick: _,
-        onMouseEnter: () => !a && r(!0),
-        onMouseLeave: () => r(!1),
+        onMouseEnter: () => !a && n(!0),
+        onMouseLeave: () => n(!1),
         role: "button",
         tabIndex: 0,
         onKeyDown: ($) => $.key === "Enter" && _($),
         children: [
           /* @__PURE__ */ e("span", { className: "ss-label", children: s.label }),
-          /* @__PURE__ */ e("span", { className: `ss-value ${l}`, children: m })
+          /* @__PURE__ */ e("span", { className: `ss-value ${u}`, children: h })
         ]
       }
     ),
     C
   ] });
 }
-function We(s) {
+function ze(s) {
   const {
     featureOptions: i,
     autoHideOnUnauthorized: t = !0,
-    onOpenDebugPanel: n,
+    onOpenDebugPanel: o,
     debugPanelOpen: a = !1,
-    onConnectionChange: h,
-    ...c
-  } = s, { stats: r, getHistory: g, isConnected: p, isStale: m, unauthorized: l } = ue(c);
+    onConnectionChange: d,
+    ...g
+  } = s, { stats: n, getHistory: v, isConnected: p, isStale: h, unauthorized: u } = de(g);
   R(() => {
-    h?.(p);
-  }, [p, h]);
-  const { features: y } = z(i), { theme: f } = A(), [b, w] = N(() => typeof window > "u" ? !0 : localStorage.getItem("admin:stats-bar") !== "hidden"), E = j(null), _ = j(null);
+    d?.(p);
+  }, [p, d]);
+  const { features: w } = z(i), { theme: f } = A(), [b, k] = y(() => typeof window > "u" ? !0 : localStorage.getItem("admin:stats-bar") !== "hidden"), E = j(null), _ = j(null);
   R(() => {
-    t && l && w(!1);
-  }, [t, l]);
+    t && u && k(!1);
+  }, [t, u]);
   const I = B(() => {
-    w((v) => {
-      const x = !v;
+    k((m) => {
+      const x = !m;
       return localStorage.setItem("admin:stats-bar", x ? "visible" : "hidden"), x;
     });
   }, []);
   R(() => {
-    const v = _.current;
-    if (!v) return;
-    const x = (k) => {
-      Math.abs(k.deltaX) > Math.abs(k.deltaY) || (k.preventDefault(), v.scrollLeft += k.deltaY);
+    const m = _.current;
+    if (!m) return;
+    const x = (N) => {
+      Math.abs(N.deltaX) > Math.abs(N.deltaY) || (N.preventDefault(), m.scrollLeft += N.deltaY);
     };
-    return v.addEventListener("wheel", x, { passive: !1 }), () => v.removeEventListener("wheel", x);
+    return m.addEventListener("wheel", x, { passive: !1 }), () => m.removeEventListener("wheel", x);
   }, []);
-  const C = O(() => r ? ne(r) : oe(y), [r, y]), $ = O(
-    () => ie.filter((v) => C.has(v.group || "core")),
+  const C = O(() => n ? te(n) : ne(w), [n, w]), $ = O(
+    () => oe.filter((m) => C.has(m.group || "core")),
     [C]
-  ), o = O(() => {
-    const v = [];
+  ), r = O(() => {
+    const m = [];
     let x = "";
-    for (const k of $) {
-      const D = k.group || "core";
-      D !== x && (x = D, v.push({ group: x, metrics: [] })), v[v.length - 1].metrics.push(k);
+    for (const N of $) {
+      const D = N.group || "core";
+      D !== x && (x = D, m.push({ group: x, metrics: [] })), m[m.length - 1].metrics.push(N);
     }
-    return v;
+    return m;
   }, [$]);
-  return t && l ? null : /* @__PURE__ */ d(H, { children: [
-    /* @__PURE__ */ d(
+  return t && u ? null : /* @__PURE__ */ l(H, { children: [
+    /* @__PURE__ */ l(
       "button",
       {
         type: "button",
@@ -320,35 +320,35 @@ function We(s) {
         title: b ? "Hide stats bar" : "Show stats bar",
         "data-ss-theme": f,
         children: [
-          !b && r && /* @__PURE__ */ d("span", { className: "ss-toggle-summary", style: { display: "flex" }, children: [
-            C.has("process") && /* @__PURE__ */ d(H, { children: [
-              /* @__PURE__ */ d(
+          !b && n && /* @__PURE__ */ l("span", { className: "ss-toggle-summary", style: { display: "flex" }, children: [
+            C.has("process") && /* @__PURE__ */ l(H, { children: [
+              /* @__PURE__ */ l(
                 "span",
                 {
-                  className: `ss-value ${r.cpuPercent > 80 ? "ss-red" : r.cpuPercent > 50 ? "ss-amber" : "ss-green"}`,
+                  className: `ss-value ${n.cpuPercent > 80 ? "ss-red" : n.cpuPercent > 50 ? "ss-amber" : "ss-green"}`,
                   children: [
-                    r.cpuPercent.toFixed(0),
+                    n.cpuPercent.toFixed(0),
                     "%"
                   ]
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "ss-value ss-green", children: r.memHeapUsed !== void 0 ? Math.round(r.memHeapUsed / (1024 * 1024)) + "M" : "-" })
+              /* @__PURE__ */ e("span", { className: "ss-value ss-green", children: n.memHeapUsed !== void 0 ? Math.round(n.memHeapUsed / (1024 * 1024)) + "M" : "-" })
             ] }),
-            C.has("redis") && r.redisOk !== void 0 && /* @__PURE__ */ e("span", { className: `ss-value ${r.redisOk ? "ss-green" : "ss-red"}`, children: r.redisOk ? "✓" : "✗" })
+            C.has("redis") && n.redisOk !== void 0 && /* @__PURE__ */ e("span", { className: `ss-value ${n.redisOk ? "ss-green" : "ss-red"}`, children: n.redisOk ? "✓" : "✗" })
           ] }),
           b && /* @__PURE__ */ e("span", { className: "ss-toggle-label", style: { color: "#737373" }, children: "hide stats" }),
           /* @__PURE__ */ e("span", { className: "ss-toggle-arrow", children: b ? "▼" : "▲" })
         ]
       }
     ),
-    /* @__PURE__ */ d("div", { ref: E, className: b ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": f, children: [
-      /* @__PURE__ */ d("div", { className: "ss-bar-left", children: [
-        n && /* @__PURE__ */ e(
+    /* @__PURE__ */ l("div", { ref: E, className: b ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": f, children: [
+      /* @__PURE__ */ l("div", { className: "ss-bar-left", children: [
+        o && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: `ss-dbg-btn ${a ? "ss-dbg-active" : ""}`,
-            onClick: n,
+            onClick: o,
             title: "Toggle debug panel",
             id: "ss-dbg-wrench",
             children: /* @__PURE__ */ e(
@@ -367,35 +367,35 @@ function We(s) {
             )
           }
         ),
-        /* @__PURE__ */ e("div", { className: m ? "ss-dot ss-stale" : "ss-dot" })
+        /* @__PURE__ */ e("div", { className: h ? "ss-dot ss-stale" : "ss-dot" })
       ] }),
-      /* @__PURE__ */ e("div", { ref: _, className: "ss-bar-scroll", id: "ss-bar-scroll", children: r && o.map((v, x) => /* @__PURE__ */ d(K.Fragment, { children: [
+      /* @__PURE__ */ e("div", { ref: _, className: "ss-bar-scroll", id: "ss-bar-scroll", children: n && r.map((m, x) => /* @__PURE__ */ l(V.Fragment, { children: [
         x > 0 && /* @__PURE__ */ e("div", { className: "ss-group-sep" }),
-        /* @__PURE__ */ e("div", { className: "ss-group", children: v.metrics.map((k) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ss-group", children: m.metrics.map((N) => /* @__PURE__ */ e(
           be,
           {
-            metric: k,
-            stats: r,
-            history: g(k.historyKey || "")
+            metric: N,
+            stats: n,
+            history: v(N.historyKey || "")
           },
-          k.id
+          N.id
         )) })
-      ] }, v.group)) })
+      ] }, m.group)) })
     ] })
   ] });
 }
-function J({
+function W({
   theme: s,
   onToggle: i,
   className: t = "",
-  classPrefix: n = "ss-dash"
+  classPrefix: o = "ss-dash"
 }) {
   const a = s === "dark";
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
-      className: `${n === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"} ${t}`,
+      className: `${o === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"} ${t}`,
       onClick: i,
       title: a ? "Switch to light theme" : "Switch to dark theme",
       "aria-label": a ? "Switch to light theme" : "Switch to dark theme",
@@ -435,23 +435,23 @@ function J({
     }
   );
 }
-const ge = T(() => import("./QueriesTab-GrHRAREt.js")), ve = T(() => import("./EventsTab-CCzWEKrk.js")), fe = T(() => import("./EmailsTab-DVPHRx0L.js")), we = T(() => import("./RoutesTab-rugjhCPH.js")), ke = T(() => import("./LogsTab-QouH4NPQ.js")), Ne = T(() => import("./TimelineTab-Dvpf-I5C.js")), ye = T(() => import("./CacheTab-F1MkWSZl.js")), Ce = T(() => import("./JobsTab-CATUyb9V.js")), Se = T(() => import("./ConfigTab-Bsj7v9JW.js")), Le = T(() => import("./InternalsTab-Oij0A2fN.js")), Te = T(() => import("./CustomPaneTab-gzdtDEvz.js"));
-function Je(s) {
+const me = T(() => import("./QueriesTab-osLUWd4L.js")), ge = T(() => import("./EventsTab-CMfY98Rl.js")), ve = T(() => import("./EmailsTab-BDhEiomM.js")), fe = T(() => import("./RoutesTab-DgVzd2PZ.js")), we = T(() => import("./LogsTab-CicucmVk.js")), ke = T(() => import("./TimelineTab-Covg5weo.js")), Ne = T(() => import("./CacheTab-CA8LB1J5.js")), ye = T(() => import("./JobsTab-BbrBWIOb.js")), Ce = T(() => import("./ConfigTab-Bdg8YMer.js")), Se = T(() => import("./InternalsTab-Oij0A2fN.js")), Le = T(() => import("./CustomPaneTab-Bxtv_8Rw.js"));
+function Ae(s) {
   const {
     defaultOpen: i = !1,
     dashboardPath: t,
-    isOpen: n,
+    isOpen: o,
     onOpenChange: a,
-    isLive: h = !1,
-    ...c
-  } = s, [r, g] = N(i), p = n !== void 0 ? n : r, m = (o) => {
-    a ? a(o) : g(o);
-  }, [l, y] = N("queries"), { features: f } = z(c), { theme: b, toggleTheme: w } = A(), E = f.customPanes || [];
+    isLive: d = !1,
+    ...g
+  } = s, [n, v] = y(i), p = o !== void 0 ? o : n, h = (r) => {
+    a ? a(r) : v(r);
+  }, [u, w] = y("queries"), { features: f } = z(g), { theme: b, toggleTheme: k } = A(), E = f.customPanes || [];
   R(() => {
-    const o = (v) => {
-      v.key === "Escape" && p && m(!1);
+    const r = (m) => {
+      m.key === "Escape" && p && h(!1);
     };
-    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, [p]);
   const _ = O(
     () => [
@@ -460,49 +460,49 @@ function Je(s) {
       { id: "emails", label: "Emails", visible: !0 },
       { id: "routes", label: "Routes", visible: !0 },
       { id: "logs", label: "Logs", visible: !0 },
-      { id: "timeline", label: "Timeline", visible: f.tracing },
+      { id: "timeline", label: "Requests", visible: f.tracing },
       { id: "cache", label: "Cache", visible: f.cache },
       { id: "jobs", label: "Jobs", visible: f.queues },
       { id: "config", label: "Config", visible: !0 },
       { id: "internals", label: "Internals", visible: !0 }
     ],
     [f]
-  ), I = O(() => _.filter((o) => o.visible), [_]);
+  ), I = O(() => _.filter((r) => r.visible), [_]);
   R(() => {
-    const o = [
-      ...I.map((v) => v.id),
-      ...E.map((v) => v.id)
+    const r = [
+      ...I.map((m) => m.id),
+      ...E.map((m) => m.id)
     ];
-    !o.includes(l) && o.length > 0 && y(o[0]);
-  }, [I, E, l]);
+    !r.includes(u) && r.length > 0 && w(r[0]);
+  }, [I, E, u]);
   const C = B(() => {
-    m(!p);
+    h(!p);
   }, [p]), $ = B(() => {
-    const o = { options: c }, v = E.find((k) => k.id === l);
-    if (v)
-      return /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: /* @__PURE__ */ e(Te, { pane: v, options: c }) });
+    const r = { options: g }, m = E.find((N) => N.id === u);
+    if (m)
+      return /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: /* @__PURE__ */ e(Le, { pane: m, options: g }) });
     const x = {
-      queries: /* @__PURE__ */ e(ge, { ...o }),
-      events: /* @__PURE__ */ e(ve, { ...o }),
-      emails: /* @__PURE__ */ e(fe, { ...o }),
+      queries: /* @__PURE__ */ e(me, { ...r }),
+      events: /* @__PURE__ */ e(ge, { ...r }),
+      emails: /* @__PURE__ */ e(ve, { ...r }),
       routes: /* @__PURE__ */ e(
-        we,
+        fe,
         {
-          ...o,
+          ...r,
           currentPath: typeof window < "u" ? window.location.pathname : ""
         }
       ),
-      logs: /* @__PURE__ */ e(ke, { ...o }),
-      timeline: /* @__PURE__ */ e(Ne, { ...o }),
-      cache: /* @__PURE__ */ e(ye, { ...o, dashboardPath: t }),
-      jobs: /* @__PURE__ */ e(Ce, { ...o, dashboardPath: t }),
-      config: /* @__PURE__ */ e(Se, { ...o, dashboardPath: t }),
-      internals: /* @__PURE__ */ e(Le, { ...o })
+      logs: /* @__PURE__ */ e(we, { ...r }),
+      timeline: /* @__PURE__ */ e(ke, { ...r }),
+      cache: /* @__PURE__ */ e(Ne, { ...r, dashboardPath: t }),
+      jobs: /* @__PURE__ */ e(ye, { ...r, dashboardPath: t }),
+      config: /* @__PURE__ */ e(Ce, { ...r, dashboardPath: t }),
+      internals: /* @__PURE__ */ e(Se, { ...r })
     };
-    return /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: x[l] || /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Unknown tab" }) });
-  }, [l, c, E]);
-  return /* @__PURE__ */ d(H, { children: [
-    n === void 0 && /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: x[u] || /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Unknown tab" }) });
+  }, [u, g, E]);
+  return /* @__PURE__ */ l(H, { children: [
+    o === void 0 && /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -526,56 +526,56 @@ function Je(s) {
         )
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ l(
       "div",
       {
         className: `ss-dbg-panel ${p ? "ss-dbg-open" : ""}`,
         "data-ss-theme": b,
         id: "ss-dbg-panel",
         children: [
-          /* @__PURE__ */ d("div", { className: "ss-dbg-tabs", children: [
-            /* @__PURE__ */ d("div", { className: "ss-dbg-tabs-scroll", children: [
-              I.map((o) => /* @__PURE__ */ d(
+          /* @__PURE__ */ l("div", { className: "ss-dbg-tabs", children: [
+            /* @__PURE__ */ l("div", { className: "ss-dbg-tabs-scroll", children: [
+              I.map((r) => /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  className: `ss-dbg-tab ${l === o.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => y(o.id),
+                  className: `ss-dbg-tab ${u === r.id ? "ss-dbg-active" : ""}`,
+                  onClick: () => w(r.id),
                   children: [
-                    L[o.id] ? /* @__PURE__ */ e(
+                    L[r.id] ? /* @__PURE__ */ e(
                       "svg",
                       {
                         className: "ss-dbg-tab-icon",
-                        viewBox: L[o.id].viewBox,
-                        dangerouslySetInnerHTML: { __html: L[o.id].elements.join("") }
+                        viewBox: L[r.id].viewBox,
+                        dangerouslySetInnerHTML: { __html: L[r.id].elements.join("") }
                       }
                     ) : null,
-                    o.label
+                    r.label
                   ]
                 },
-                o.id
+                r.id
               )),
-              E.map((o) => /* @__PURE__ */ e(
+              E.map((r) => /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  className: `ss-dbg-tab ${l === o.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => y(o.id),
-                  children: o.label
+                  className: `ss-dbg-tab ${u === r.id ? "ss-dbg-active" : ""}`,
+                  onClick: () => w(r.id),
+                  children: r.label
                 },
-                o.id
+                r.id
               ))
             ] }),
-            /* @__PURE__ */ d("div", { className: "ss-dbg-tabs-right", children: [
+            /* @__PURE__ */ l("div", { className: "ss-dbg-tabs-right", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `ss-dbg-conn-mode ${h ? "ss-dbg-conn-live" : "ss-dbg-conn-polling"}`,
-                  title: h ? "Connected via Transmit (SSE) — real-time updates" : "Polling every 3s",
-                  children: h ? "live" : "polling"
+                  className: `ss-dbg-conn-mode ${d ? "ss-dbg-conn-live" : "ss-dbg-conn-polling"}`,
+                  title: d ? "Connected via Transmit (SSE) — real-time updates" : "Polling every 3s",
+                  children: d ? "live" : "polling"
                 }
               ),
-              /* @__PURE__ */ e(J, { theme: b, onToggle: w, classPrefix: "ss-dbg" }),
+              /* @__PURE__ */ e(W, { theme: b, onToggle: k, classPrefix: "ss-dbg" }),
               t && /* @__PURE__ */ e(
                 "a",
                 {
@@ -605,7 +605,7 @@ function Je(s) {
                 {
                   type: "button",
                   className: "ss-dbg-close",
-                  onClick: () => m(!1),
+                  onClick: () => h(!1),
                   title: "Close panel",
                   children: "×"
                 }
@@ -618,26 +618,26 @@ function Je(s) {
     )
   ] });
 }
-function Ee(s, i = {}) {
+function Te(s, i = {}) {
   const {
     baseUrl: t = "",
-    dashboardEndpoint: n = "/__stats/api",
+    dashboardEndpoint: o = "/__stats/api",
     authToken: a,
-    page: h = 1,
-    perPage: c = 50,
-    search: r,
-    sort: g,
+    page: d = 1,
+    perPage: g = 50,
+    search: n,
+    sort: v,
     sortDir: p,
-    filters: m,
-    timeRange: l,
-    refreshKey: y
-  } = i, [f, b] = N(null), [w, E] = N(null), [_, I] = N(!0), [C, $] = N(null), o = j(null), v = j(s), x = j(!1);
-  o.current || (o.current = new re({
+    filters: h,
+    timeRange: u,
+    refreshKey: w
+  } = i, [f, b] = y(null), [k, E] = y(null), [_, I] = y(!0), [C, $] = y(null), r = j(null), m = j(s), x = j(!1);
+  r.current || (r.current = new re({
     baseUrl: t,
-    endpoint: n,
+    endpoint: o,
     authToken: a,
     section: s,
-    perPage: c,
+    perPage: g,
     callbacks: {
       onData: (M) => b(M),
       onPagination: (M) => E(M),
@@ -647,20 +647,20 @@ function Ee(s, i = {}) {
       }
     }
   })), R(() => {
-    const M = o.current, u = v.current !== s;
-    return v.current = s, M.configure({ page: h, perPage: c, search: r, sort: g, sortDir: p, filters: m, timeRange: l }), u || !x.current ? (u ? M.setSection(s) : M.start(), x.current = !0) : M.fetch(!0), () => {
+    const M = r.current, c = m.current !== s;
+    return m.current = s, M.configure({ page: d, perPage: g, search: n, sort: v, sortDir: p, filters: h, timeRange: u }), c || !x.current ? (c ? M.setSection(s) : M.start(), x.current = !0) : M.fetch(!0), () => {
       M.stop();
     };
-  }, [s, h, c, r, g, p, m, l, y]);
-  const k = B(() => {
-    o.current?.fetch(!0);
+  }, [s, d, g, n, v, p, h, u, w]);
+  const N = B(() => {
+    r.current?.fetch(!0);
   }, []), D = B(
-    async (M, u = "post", S) => o.current.mutate(M, u, S),
+    async (M, c = "post", S) => r.current.mutate(M, c, S),
     []
-  ), P = B(() => o.current.getApi(), []);
-  return { data: f, meta: w, isLoading: _, error: C, refresh: k, mutate: D, getApi: P };
+  ), q = B(() => r.current.getApi(), []);
+  return { data: f, meta: k, isLoading: _, error: C, refresh: N, mutate: D, getApi: q };
 }
-const $e = [
+const Ee = [
   "overview",
   "requests",
   "queries",
@@ -668,65 +668,61 @@ const $e = [
   "routes",
   "logs",
   "emails",
-  "timeline",
   "cache",
   "jobs",
   "config",
   "internals"
-], xe = T(() => import("./OverviewSection-ae5AO2RG.js")), Ie = T(() => import("./RequestsSection-DtwnJOnM.js")), Be = T(() => import("./QueriesSection-DFFr9Tbb.js")), Me = T(() => import("./EventsSection-ClIByDSk.js")), Re = T(() => import("./RoutesSection-F7nANhF0.js")), Oe = T(() => import("./LogsSection-hAsLaKOC.js")), _e = T(() => import("./EmailsSection-ndH3cvJk.js")), De = T(() => import("./TimelineSection-F5ThmTdy.js")), je = T(() => import("./CacheSection-D5J5moz7.js")), He = T(() => import("./JobsSection-CVMyAs7O.js")), Pe = T(() => import("./ConfigSection-DerLBu4o.js")), qe = T(() => import("./InternalsSection-t7ihcWO-.js"));
-function W(s) {
-  return s === "timeline" ? "dashboard-timeline" : s;
-}
-function Ve(s) {
+], $e = T(() => import("./OverviewSection-C4T1ur51.js")), xe = T(() => import("./RequestsSection-Nag30rEA.js")), Ie = T(() => import("./QueriesSection-PswteoF9.js")), Be = T(() => import("./EventsSection-ByQ-9blq.js")), Me = T(() => import("./RoutesSection-BUSkM6PY.js")), Re = T(() => import("./LogsSection-DcFTZY7b.js")), Oe = T(() => import("./EmailsSection-CM7stSyh.js")), _e = T(() => import("./CacheSection-UCMptWyn.js")), De = T(() => import("./JobsSection-DF3qEv9O.js")), je = T(() => import("./ConfigSection-DfFd-WRq.js")), He = T(() => import("./InternalsSection-t7ihcWO-.js"));
+function We(s) {
   const {
     baseUrl: i = "",
     dashboardEndpoint: t = "/__stats/api",
-    debugEndpoint: n,
+    debugEndpoint: o,
     authToken: a,
-    backUrl: h = "/",
-    channelName: c = "server-stats/dashboard"
-  } = s, { features: r } = z({ baseUrl: i, debugEndpoint: n, authToken: a }), { theme: g, toggleTheme: p } = A(), [m, l] = N("overview"), [y, f] = N(() => typeof window > "u" ? !1 : localStorage.getItem("ss-dash-sidebar") === "collapsed"), [b, w] = N(!1), [E, _] = N(0), I = j(0);
+    backUrl: d = "/",
+    channelName: g = "server-stats/dashboard"
+  } = s, { features: n } = z({ baseUrl: i, debugEndpoint: o, authToken: a }), { theme: v, toggleTheme: p } = A(), [h, u] = y("overview"), [w, f] = y(() => typeof window > "u" ? !1 : localStorage.getItem("ss-dash-sidebar") === "collapsed"), [b, k] = y(!1), [E, _] = y(0), I = j(0);
   R(() => {
-    if (!c) return;
-    const u = ae({
+    if (!g) return;
+    const c = ie({
       baseUrl: i,
-      channelName: c,
+      channelName: g,
       authToken: a,
       onMessage: () => {
         I.current += 1, _(I.current);
       },
-      onConnect: () => w(!0),
-      onDisconnect: () => w(!1),
-      onError: () => w(!1)
+      onConnect: () => k(!0),
+      onDisconnect: () => k(!1),
+      onError: () => k(!1)
     });
-    return () => u.unsubscribe();
-  }, [i, c, a]);
-  const C = r.customPanes || [], $ = B(
-    (u) => {
-      const S = u.replace("#", "").split("?")[0];
-      return S && [...$e, ...C.map((V) => V.id)].includes(S) ? S : "overview";
+    return () => c.unsubscribe();
+  }, [i, g, a]);
+  const C = n.customPanes || [], $ = B(
+    (c) => {
+      const S = c.replace("#", "").split("?")[0];
+      return S && [...Ee, ...C.map((J) => J.id)].includes(S) ? S : "overview";
     },
     [C]
   );
   R(() => {
     if (typeof window > "u") return;
-    const u = $(window.location.hash);
-    (u !== "overview" || window.location.hash) && l(u);
+    const c = $(window.location.hash);
+    (c !== "overview" || window.location.hash) && u(c);
   }, [$]), R(() => {
-    const u = () => {
+    const c = () => {
       const S = $(window.location.hash);
-      S !== m && l(S);
+      S !== h && u(S);
     };
-    return window.addEventListener("hashchange", u), () => window.removeEventListener("hashchange", u);
-  }, [m, $]), R(() => {
-    typeof window > "u" || (window.location.hash = m);
-  }, [m]);
-  const o = B(() => {
-    f((u) => {
-      const S = !u;
+    return window.addEventListener("hashchange", c), () => window.removeEventListener("hashchange", c);
+  }, [h, $]), R(() => {
+    typeof window > "u" || (window.location.hash = h);
+  }, [h]);
+  const r = B(() => {
+    f((c) => {
+      const S = !c;
       return localStorage.setItem("ss-dash-sidebar", S ? "collapsed" : "expanded"), S;
     });
-  }, []), v = O(
+  }, []), m = O(
     () => [
       { id: "overview", label: "Overview", visible: !0 },
       { id: "requests", label: "Requests", visible: !0 },
@@ -735,48 +731,46 @@ function Ve(s) {
       { id: "routes", label: "Routes", visible: !0 },
       { id: "logs", label: "Logs", visible: !0 },
       { id: "emails", label: "Emails", visible: !0 },
-      { id: "timeline", label: "Timeline", visible: r.tracing },
-      { id: "cache", label: "Cache", visible: r.cache },
-      { id: "jobs", label: "Jobs", visible: r.queues },
+      { id: "cache", label: "Cache", visible: n.cache },
+      { id: "jobs", label: "Jobs", visible: n.queues },
       { id: "config", label: "Config", visible: !0 },
       { id: "internals", label: "Internals", visible: !0 }
     ],
-    [r]
-  ), x = O(() => v.filter((u) => u.visible), [v]), k = O(
+    [n]
+  ), x = O(() => m.filter((c) => c.visible), [m]), N = O(
     () => ({ baseUrl: i, dashboardEndpoint: t, authToken: a, refreshKey: E }),
     [i, t, a, E]
-  ), { data: D } = Ee("overview", k), P = O(() => {
+  ), { data: D } = Te("overview", N), q = O(() => {
     if (!D) return {};
-    const u = {};
-    if (D.totalRequests > 0 && (u.requests = { count: D.totalRequests }), D.queryStats?.total > 0 && (u.queries = { count: D.queryStats.total }), D.logLevelBreakdown) {
-      const S = D.logLevelBreakdown, q = S.error + S.warn + S.info + S.debug;
-      q > 0 && (u.logs = { count: q });
+    const c = {};
+    if (D.totalRequests > 0 && (c.requests = { count: D.totalRequests }), D.queryStats?.total > 0 && (c.queries = { count: D.queryStats.total }), D.logLevelBreakdown) {
+      const S = D.logLevelBreakdown, P = S.error + S.warn + S.info + S.debug;
+      P > 0 && (c.logs = { count: P });
     }
-    return u;
+    return c;
   }, [D]), M = B(() => {
-    const u = {
-      overview: /* @__PURE__ */ e(xe, { options: k }),
-      requests: /* @__PURE__ */ e(Ie, { options: k }),
-      queries: /* @__PURE__ */ e(Be, { options: k }),
-      events: /* @__PURE__ */ e(Me, { options: k }),
-      routes: /* @__PURE__ */ e(Re, { options: k }),
-      logs: /* @__PURE__ */ e(Oe, { options: k }),
-      emails: /* @__PURE__ */ e(_e, { options: k }),
-      timeline: /* @__PURE__ */ e(De, { options: k }),
-      cache: /* @__PURE__ */ e(je, { options: k }),
-      jobs: /* @__PURE__ */ e(He, { options: k }),
-      config: /* @__PURE__ */ e(Pe, { options: k }),
-      internals: /* @__PURE__ */ e(qe, { options: k, debugEndpoint: n })
+    const c = {
+      overview: /* @__PURE__ */ e($e, { options: N }),
+      requests: /* @__PURE__ */ e(xe, { options: N }),
+      queries: /* @__PURE__ */ e(Ie, { options: N }),
+      events: /* @__PURE__ */ e(Be, { options: N }),
+      routes: /* @__PURE__ */ e(Me, { options: N }),
+      logs: /* @__PURE__ */ e(Re, { options: N }),
+      emails: /* @__PURE__ */ e(Oe, { options: N }),
+      cache: /* @__PURE__ */ e(_e, { options: N }),
+      jobs: /* @__PURE__ */ e(De, { options: N }),
+      config: /* @__PURE__ */ e(je, { options: N }),
+      internals: /* @__PURE__ */ e(He, { options: N, debugEndpoint: o })
     };
-    return /* @__PURE__ */ e("div", { className: "ss-dash-pane ss-dash-active", id: `ss-dash-pane-${m}`, children: /* @__PURE__ */ e("div", { className: "ss-dash-pane-inner", children: /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading..." }), children: u[m] || /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Unknown section" }) }) }) });
-  }, [m, k]);
-  return /* @__PURE__ */ d("div", { className: "ss-dash", "data-theme": g, id: "ss-dash", children: [
-    /* @__PURE__ */ d("div", { className: "ss-dash-header", children: [
-      /* @__PURE__ */ d("div", { className: "ss-dash-header-left", children: [
+    return /* @__PURE__ */ e("div", { className: "ss-dash-pane ss-dash-active", id: `ss-dash-pane-${h}`, children: /* @__PURE__ */ e("div", { className: "ss-dash-pane-inner", children: /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading..." }), children: c[h] || /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Unknown section" }) }) }) });
+  }, [h, N]);
+  return /* @__PURE__ */ l("div", { className: "ss-dash", "data-theme": v, id: "ss-dash", children: [
+    /* @__PURE__ */ l("div", { className: "ss-dash-header", children: [
+      /* @__PURE__ */ l("div", { className: "ss-dash-header-left", children: [
         /* @__PURE__ */ e("span", { className: "ss-dash-logo", children: "Server Stats" }),
         /* @__PURE__ */ e("span", { className: "ss-dash-logo-sub", children: "Dashboard" })
       ] }),
-      /* @__PURE__ */ d("div", { className: "ss-dash-header-center", children: [
+      /* @__PURE__ */ l("div", { className: "ss-dash-header-center", children: [
         /* @__PURE__ */ e(
           "span",
           {
@@ -793,49 +787,49 @@ function Ve(s) {
           }
         )
       ] }),
-      /* @__PURE__ */ d("div", { className: "ss-dash-header-right", children: [
-        /* @__PURE__ */ e(J, { theme: g, onToggle: p }),
-        h && /* @__PURE__ */ e("a", { href: h, className: "ss-dash-back-link", title: "Back to app", children: "← App" })
+      /* @__PURE__ */ l("div", { className: "ss-dash-header-right", children: [
+        /* @__PURE__ */ e(W, { theme: v, onToggle: p }),
+        d && /* @__PURE__ */ e("a", { href: d, className: "ss-dash-back-link", title: "Back to app", children: "← App" })
       ] })
     ] }),
-    /* @__PURE__ */ d("div", { className: "ss-dash-body", children: [
-      /* @__PURE__ */ d(
+    /* @__PURE__ */ l("div", { className: "ss-dash-body", children: [
+      /* @__PURE__ */ l(
         "div",
         {
-          className: `ss-dash-sidebar ${y ? "ss-dash-collapsed" : ""}`,
+          className: `ss-dash-sidebar ${w ? "ss-dash-collapsed" : ""}`,
           id: "ss-dash-sidebar",
           children: [
-            /* @__PURE__ */ d("nav", { className: "ss-dash-nav", children: [
-              x.map((u) => {
-                const S = P[u.id];
-                return /* @__PURE__ */ d(
+            /* @__PURE__ */ l("nav", { className: "ss-dash-nav", children: [
+              x.map((c) => {
+                const S = q[c.id];
+                return /* @__PURE__ */ l(
                   "button",
                   {
                     type: "button",
-                    className: `ss-dash-nav-item ${m === u.id ? "ss-dash-active" : ""}`,
-                    "data-ss-section": u.id,
+                    className: `ss-dash-nav-item ${h === c.id ? "ss-dash-active" : ""}`,
+                    "data-ss-section": c.id,
                     onClick: () => {
-                      u.id !== m && l(u.id);
+                      c.id !== h && u(c.id);
                     },
-                    title: y ? u.label : void 0,
+                    title: w ? c.label : void 0,
                     children: [
                       /* @__PURE__ */ e("span", { className: "ss-dash-nav-icon", children: /* @__PURE__ */ e(
                         "svg",
                         {
                           width: "20",
                           height: "20",
-                          viewBox: (L[W(u.id)] || L.config).viewBox,
+                          viewBox: (L[c.id] || L.config).viewBox,
                           fill: "none",
                           stroke: "currentColor",
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
                           dangerouslySetInnerHTML: {
-                            __html: (L[W(u.id)] || L.config).elements.join("")
+                            __html: (L[c.id] || L.config).elements.join("")
                           }
                         }
                       ) }),
-                      /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: u.label }),
+                      /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: c.label }),
                       S && S.count > 0 && /* @__PURE__ */ e(
                         "span",
                         {
@@ -845,17 +839,17 @@ function Ve(s) {
                       )
                     ]
                   },
-                  u.id
+                  c.id
                 );
               }),
               C.length > 0 && /* @__PURE__ */ e("div", { className: "ss-dash-nav-sep" }),
-              C.map((u) => /* @__PURE__ */ d(
+              C.map((c) => /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  className: `ss-dash-nav-item ${m === u.id ? "ss-dash-active" : ""}`,
-                  onClick: () => l(u.id),
-                  title: y ? u.label : void 0,
+                  className: `ss-dash-nav-item ${h === c.id ? "ss-dash-active" : ""}`,
+                  onClick: () => u(c.id),
+                  title: w ? c.label : void 0,
                   children: [
                     /* @__PURE__ */ e("span", { className: "ss-dash-nav-icon", children: /* @__PURE__ */ e(
                       "svg",
@@ -871,10 +865,10 @@ function Ve(s) {
                         dangerouslySetInnerHTML: { __html: L["custom-pane"].elements.join("") }
                       }
                     ) }),
-                    /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: u.label })
+                    /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: c.label })
                   ]
                 },
-                u.id
+                c.id
               ))
             ] }),
             /* @__PURE__ */ e(
@@ -883,9 +877,9 @@ function Ve(s) {
                 type: "button",
                 className: "ss-dash-sidebar-toggle",
                 id: "ss-dash-sidebar-toggle",
-                onClick: o,
-                title: y ? "Expand sidebar" : "Collapse sidebar",
-                children: y ? /* @__PURE__ */ e(
+                onClick: r,
+                title: w ? "Expand sidebar" : "Collapse sidebar",
+                children: w ? /* @__PURE__ */ e(
                   "svg",
                   {
                     width: "16",
@@ -917,38 +911,38 @@ function Ve(s) {
     ] })
   ] });
 }
-function Ke(s, i = {}) {
-  const { baseUrl: t = "", debugEndpoint: n = "/admin/api/debug", authToken: a } = i, [h, c] = N(null), [r, g] = N(!0), [p, m] = N(null), l = j(null);
-  l.current || (l.current = new le({
+function Je(s, i = {}) {
+  const { baseUrl: t = "", debugEndpoint: o = "/admin/api/debug", authToken: a } = i, [d, g] = y(null), [n, v] = y(!0), [p, h] = y(null), u = j(null);
+  u.current || (u.current = new ae({
     baseUrl: t,
-    endpoint: n,
+    endpoint: o,
     authToken: a,
-    onData: (w) => c(w),
-    onLoading: (w) => g(w),
-    onError: (w) => m(w),
-    onUnauthorized: (w) => m(w)
+    onData: (k) => g(k),
+    onLoading: (k) => v(k),
+    onError: (k) => h(k),
+    onUnauthorized: (k) => h(k)
   })), R(() => {
-    const w = l.current;
-    return w.start(s), () => w.stop();
+    const k = u.current;
+    return k.start(s), () => k.stop();
   }, [s]);
-  const y = B(() => {
-    l.current?.refresh();
+  const w = B(() => {
+    u.current?.refresh();
   }, []), f = B(() => {
-    c(null);
-  }, []), b = B((w, E) => {
-    l.current?.cacheForTab(w, E);
+    g(null);
+  }, []), b = B((k, E) => {
+    u.current?.cacheForTab(k, E);
   }, []);
-  return { data: h, isLoading: r, error: p, refresh: y, clearData: f, cacheForTab: b };
+  return { data: d, isLoading: n, error: p, refresh: w, clearData: f, cacheForTab: b };
 }
-function Ge({
+function Ve({
   color: s = "muted",
   children: i,
   className: t = "",
-  classPrefix: n = "ss-dash"
+  classPrefix: o = "ss-dash"
 }) {
-  return /* @__PURE__ */ e("span", { className: `${n}-badge ${n}-badge-${s} ${t}`, children: i });
+  return /* @__PURE__ */ e("span", { className: `${o}-badge ${o}-badge-${s} ${t}`, children: i });
 }
-function Qe({ method: s, className: i = "", classPrefix: t = "ss-dash" }) {
+function Ke({ method: s, className: i = "", classPrefix: t = "ss-dash" }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -957,17 +951,18 @@ function Qe({ method: s, className: i = "", classPrefix: t = "ss-dash" }) {
     }
   );
 }
-function Xe({ code: s, className: i = "", classPrefix: t = "ss-dash" }) {
-  let n = `${t}-status-2xx`;
-  return s >= 500 ? n = `${t}-status-5xx` : s >= 400 ? n = `${t}-status-4xx` : s >= 300 && (n = `${t}-status-3xx`), /* @__PURE__ */ e("span", { className: `${t}-status ${n} ${i}`, children: s });
+function Ge({ code: s, className: i = "", classPrefix: t = "ss-dash" }) {
+  let o = `${t}-status-2xx`;
+  return s >= 500 ? o = `${t}-status-5xx` : s >= 400 ? o = `${t}-status-4xx` : s >= 300 && (o = `${t}-status-3xx`), /* @__PURE__ */ e("span", { className: `${t}-status ${o} ${i}`, children: s });
 }
-function Ye({
+function Qe({
   data: s,
   maxPreviewLength: i = 100,
   className: t = "",
-  classPrefix: n = "ss-dash"
+  classPrefix: o = "ss-dash",
+  defaultExpanded: a = !1
 }) {
-  const [a, h] = N(!1), c = O(() => {
+  const [d, g] = y(a), n = O(() => {
     if (typeof s == "string")
       try {
         return JSON.parse(s);
@@ -975,73 +970,73 @@ function Ye({
         return s;
       }
     return s;
-  }, [s]), r = O(() => typeof c == "object" && c !== null ? ce(c, i) : String(c ?? "-"), [c, i]), g = O(() => typeof c == "object" && c !== null ? JSON.stringify(c, null, 2) : String(c), [c]), p = B(() => {
-    h((l) => !l);
-  }, []), m = B(async () => {
+  }, [s]), v = O(() => typeof n == "object" && n !== null ? le(n, i) : String(n ?? "-"), [n, i]), p = O(() => typeof n == "object" && n !== null ? JSON.stringify(n, null, 2) : String(n), [n]), h = B(() => {
+    g((w) => !w);
+  }, []), u = B(async () => {
     try {
-      await navigator.clipboard.writeText(g);
+      await navigator.clipboard.writeText(p);
     } catch {
     }
-  }, [g]);
-  return !s && s !== 0 && s !== !1 ? /* @__PURE__ */ e("span", { className: `ss-dim ${n}-c-dim`, children: "-" }) : /* @__PURE__ */ d("div", { className: `${n}-data-cell ${t}`, children: [
-    /* @__PURE__ */ e(
+  }, [p]);
+  return !s && s !== 0 && s !== !1 ? /* @__PURE__ */ e("span", { className: `ss-dim ${o}-c-dim`, children: "-" }) : /* @__PURE__ */ l("div", { className: `${o}-data-cell ${t}`, children: [
+    !d && /* @__PURE__ */ e(
       "span",
       {
-        className: `${n}-data-preview`,
-        onClick: p,
+        className: `${o}-data-preview`,
+        onClick: h,
         role: "button",
         tabIndex: 0,
-        onKeyDown: (l) => l.key === "Enter" && p(),
-        children: r
+        onKeyDown: (w) => w.key === "Enter" && h(),
+        children: v
       }
     ),
-    a && /* @__PURE__ */ d("div", { className: `${n}-data-full`, onClick: p, children: [
+    d && /* @__PURE__ */ l("div", { className: `${o}-data-full`, onClick: h, children: [
       /* @__PURE__ */ e(
         "button",
         {
-          className: `${n}-copy-btn`,
-          onClick: (l) => {
-            l.stopPropagation(), m();
+          className: `${o}-copy-btn`,
+          onClick: (w) => {
+            w.stopPropagation(), u();
           },
           title: "Copy to clipboard",
           type: "button",
           children: "Copy"
         }
       ),
-      /* @__PURE__ */ e("pre", { children: g })
+      /* @__PURE__ */ e("pre", { children: p })
     ] })
   ] });
 }
-function Ze({ content: s, children: i, position: t = "top", className: n = "" }) {
-  const [a, h] = N(!1), [c, r] = N({ left: 0, bottom: 0 }), g = j(null), p = j(null), m = B(() => {
-    h(!0);
-  }, []), l = B(() => {
-    h(!1);
+function Xe({ content: s, children: i, position: t = "top", className: o = "" }) {
+  const [a, d] = y(!1), [g, n] = y({ left: 0, bottom: 0 }), v = j(null), p = j(null), h = B(() => {
+    d(!0);
+  }, []), u = B(() => {
+    d(!1);
   }, []);
   return R(() => {
-    if (!a || !g.current || !p.current) return;
-    const y = g.current.getBoundingClientRect(), f = p.current.getBoundingClientRect();
-    let b = y.left + y.width / 2 - f.width / 2, w;
-    b < 8 && (b = 8), b + f.width > window.innerWidth - 8 && (b = window.innerWidth - 8 - f.width), t === "top" && (w = window.innerHeight - y.top + 8), r({ left: b, bottom: w ?? 0 });
-  }, [a, t]), /* @__PURE__ */ d(
+    if (!a || !v.current || !p.current) return;
+    const w = v.current.getBoundingClientRect(), f = p.current.getBoundingClientRect();
+    let b = w.left + w.width / 2 - f.width / 2, k;
+    b < 8 && (b = 8), b + f.width > window.innerWidth - 8 && (b = window.innerWidth - 8 - f.width), t === "top" && (k = window.innerHeight - w.top + 8), n({ left: b, bottom: k ?? 0 });
+  }, [a, t]), /* @__PURE__ */ l(
     "div",
     {
-      ref: g,
-      className: `ss-tooltip-trigger ${n}`,
-      onMouseEnter: m,
-      onMouseLeave: l,
+      ref: v,
+      className: `ss-tooltip-trigger ${o}`,
+      onMouseEnter: h,
+      onMouseLeave: u,
       style: { display: "inline-flex", position: "relative" },
       children: [
         i,
-        a && /* @__PURE__ */ d(
+        a && /* @__PURE__ */ l(
           "div",
           {
             ref: p,
             className: "ss-tooltip",
             style: {
               position: "fixed",
-              left: `${c.left}px`,
-              bottom: t === "top" ? `${c.bottom}px` : void 0,
+              left: `${g.left}px`,
+              bottom: t === "top" ? `${g.bottom}px` : void 0,
               zIndex: 200,
               pointerEvents: "none"
             },
@@ -1056,19 +1051,19 @@ function Ze({ content: s, children: i, position: t = "top", className: n = "" })
   );
 }
 export {
-  Ge as B,
-  Ve as D,
-  Ye as J,
-  Qe as M,
-  he as S,
-  J as T,
-  Ee as a,
-  Xe as b,
-  Je as c,
-  We as d,
-  Ze as e,
+  Ve as B,
+  We as D,
+  Qe as J,
+  Ke as M,
+  ue as S,
+  W as T,
+  Te as a,
+  Ge as b,
+  Ae as c,
+  ze as d,
+  Xe as e,
   z as f,
-  ue as g,
+  de as g,
   A as h,
-  Ke as u
+  Je as u
 };