adonisjs-server-stats 1.9.0 → 1.10.0

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

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as l, Fragment as H } from "react/jsx-runtime";
-import K, { 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 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 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: r = "", debugEndpoint: t = "/admin/api/debug", authToken: o } = s, [a, d] = y(G), [g, n] = y(!0), [v, p] = y(null), h = 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 (h.current) return;
     h.current = !0;
     let u = !1;
     return (async () => {
       try {
-        const f = await Q({ baseUrl: r, debugEndpoint: t, authToken: o });
+        const f = await G({ baseUrl: i, debugEndpoint: t, authToken: o });
         u || (d(f), n(!1));
       } catch (f) {
         u || (p(f instanceof Error ? f : new Error(String(f))), n(!1));
@@ -18,20 +18,20 @@ function z(s = {}) {
     })(), () => {
       u = !0;
     };
-  }, [r, t, o]), { features: a, isLoading: g, error: v };
+  }, [i, t, o]), { features: a, isLoading: g, error: v };
 }
-function ue(s = {}) {
+function de(s = {}) {
   const {
-    baseUrl: r = "",
+    baseUrl: i = "",
     endpoint: t = "/admin/api/server-stats",
     channelName: o = "admin/server-stats",
     authToken: a,
     pollInterval: d = 3e3
-  } = s, [g, n] = y(null), [v, p] = y(!1), [h, u] = y(!1), [w, f] = y(null), [m, k] = y(!1), E = j(null);
+  } = 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 (m) return;
-    const I = new X({
-      baseUrl: r,
+    if (b) return;
+    const I = new Q({
+      baseUrl: i,
       endpoint: t,
       channelName: o,
       authToken: a,
@@ -45,7 +45,7 @@ function ue(s = {}) {
     return E.current = I, I.start(), () => {
       I.stop(), E.current = null;
     };
-  }, [r, o, a, d, m]);
+  }, [i, o, a, d, b]);
   const _ = B((I) => E.current?.getHistory(I) ?? [], []);
   return {
     stats: g,
@@ -54,31 +54,31 @@ function ue(s = {}) {
     isConnected: v,
     isStale: h,
     error: w,
-    unauthorized: m
+    unauthorized: b
   };
 }
 function A() {
-  const [s, r] = y(() => Y());
-  R(() => Z((a) => {
-    r(a);
+  const [s, i] = y(() => X());
+  R(() => Y((a) => {
+    i(a);
   }), []);
   const t = B(() => {
-    const o = ee();
-    return r(o), o;
+    const o = Z();
+    return i(o), o;
   }, []);
   return { theme: s, toggleTheme: t };
 }
-function he({
+function ue({
   data: s,
-  color: r = "#34d399",
+  color: i = "#34d399",
   width: t = 120,
   height: o = 32,
   className: a = ""
 }) {
   const d = O(
-    () => se(s, { width: t, height: o }),
+    () => ee(s, { width: t, height: o }),
     [s, t, o]
-  ), g = O(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), n = { "--ss-accent": r };
+  ), 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",
@@ -93,7 +93,7 @@ function he({
         ] })
       }
     ) });
-  const v = r || "var(--ss-accent)";
+  const v = i || "var(--ss-accent)";
   return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: n, children: /* @__PURE__ */ l(
     "svg",
     {
@@ -123,13 +123,13 @@ function he({
     }
   ) });
 }
-const pe = {
+const he = {
   "ss-red": "#f87171",
   "ss-amber": "#fbbf24",
   "ss-green": "#34d399",
   "ss-muted": "#737373"
 };
-function me(s, r, t) {
+function pe(s, i, t) {
   const [o, a] = y({
     position: "absolute",
     bottom: "100%",
@@ -140,7 +140,7 @@ function me(s, r, t) {
   return R(() => {
     if (!t) return;
     const d = () => {
-      const n = s.current, v = r.current;
+      const n = s.current, v = i.current;
       if (!n || !v) return;
       const p = n.closest(".ss-bar");
       if (!p) return;
@@ -154,10 +154,10 @@ function me(s, r, t) {
         zIndex: 180
       }), requestAnimationFrame(() => {
         const f = v.getBoundingClientRect();
-        let m = 0;
-        f.left < 8 ? m = 8 - f.left : f.right > window.innerWidth - 8 && (m = window.innerWidth - 8 - f.right), m && a((k) => ({
+        let b = 0;
+        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% + ${m}px))`
+          transform: `translateX(calc(-50% + ${b}px))`
         }));
       });
     };
@@ -166,28 +166,28 @@ function me(s, r, t) {
     return g?.addEventListener("scroll", d), window.addEventListener("resize", d), () => {
       g?.removeEventListener("scroll", d), window.removeEventListener("resize", d);
     };
-  }, [t, s, r]), o;
+  }, [t, s, i]), o;
 }
-function be({ metric: s, stats: r, history: t, className: o = "" }) {
+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(r))
+  if (s.show && !s.show(i))
     return null;
-  const h = s.value ? s.value(r) : s.format(r), u = s.color ? s.color(r) : "", w = u && pe[u] || "#34d399", f = typeof s.detail == "function" ? s.detail(r) : s.detail, m = O(() => te(t), [t]), k = a || g, E = me(v, p, k), _ = B(($) => {
-    $.stopPropagation(), d((i) => !i);
+  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 $ = (b) => {
-      const x = b.target;
+    const $ = (m) => {
+      const x = m.target;
       v.current && !v.current.contains(x) && p.current && !p.current.contains(x) && d(!1);
-    }, i = (b) => {
-      b.key === "Escape" && d(!1);
+    }, r = (m) => {
+      m.key === "Escape" && d(!1);
     };
-    return document.addEventListener("click", $), document.addEventListener("keydown", i), () => {
-      document.removeEventListener("click", $), document.removeEventListener("keydown", i);
+    return document.addEventListener("click", $), document.addEventListener("keydown", r), () => {
+      document.removeEventListener("click", $), document.removeEventListener("keydown", r);
     };
   }, [a]);
-  const I = v.current?.closest(".ss-bar"), C = k && I ? de(
+  const I = v.current?.closest(".ss-bar"), C = k && I ? ce(
     /* @__PURE__ */ l(
       "div",
       {
@@ -215,23 +215,23 @@ function be({ metric: s, stats: r, history: t, className: o = "" }) {
               /* @__PURE__ */ e("span", { className: "ss-tooltip-current-label", children: "Current: " }),
               /* @__PURE__ */ e("span", { className: "ss-tooltip-current-value", children: h })
             ] }),
-            m && /* @__PURE__ */ l("div", { className: "ss-tooltip-stats", children: [
+            b && /* @__PURE__ */ l("div", { className: "ss-tooltip-stats", children: [
               /* @__PURE__ */ l("span", { children: [
                 "Min: ",
-                U(m.min, s.unit)
+                U(b.min, s.unit)
               ] }),
               /* @__PURE__ */ l("span", { children: [
                 "Max: ",
-                U(m.max, s.unit)
+                U(b.max, s.unit)
               ] }),
               /* @__PURE__ */ l("span", { children: [
                 "Avg: ",
-                U(m.avg, s.unit)
+                U(b.avg, s.unit)
               ] })
             ] }),
             f && /* @__PURE__ */ e("div", { className: "ss-tooltip-details", children: f }),
             t.length > 0 && /* @__PURE__ */ l(H, { children: [
-              /* @__PURE__ */ e("div", { className: "ss-tooltip-sparkline", children: /* @__PURE__ */ e(he, { data: t, color: w }) }),
+              /* @__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),
@@ -268,59 +268,59 @@ function be({ metric: s, stats: r, history: t, className: o = "" }) {
     C
   ] });
 }
-function We(s) {
+function ze(s) {
   const {
-    featureOptions: r,
+    featureOptions: i,
     autoHideOnUnauthorized: t = !0,
     onOpenDebugPanel: o,
     debugPanelOpen: a = !1,
     onConnectionChange: d,
     ...g
-  } = s, { stats: n, getHistory: v, isConnected: p, isStale: h, unauthorized: u } = ue(g);
+  } = s, { stats: n, getHistory: v, isConnected: p, isStale: h, unauthorized: u } = de(g);
   R(() => {
     d?.(p);
   }, [p, d]);
-  const { features: w } = z(r), { theme: f } = A(), [m, k] = y(() => typeof window > "u" ? !0 : localStorage.getItem("admin:stats-bar") !== "hidden"), E = j(null), _ = j(null);
+  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 && u && k(!1);
   }, [t, u]);
   const I = B(() => {
-    k((b) => {
-      const x = !b;
+    k((m) => {
+      const x = !m;
       return localStorage.setItem("admin:stats-bar", x ? "visible" : "hidden"), x;
     });
   }, []);
   R(() => {
-    const b = _.current;
-    if (!b) return;
+    const m = _.current;
+    if (!m) return;
     const x = (N) => {
-      Math.abs(N.deltaX) > Math.abs(N.deltaY) || (N.preventDefault(), b.scrollLeft += N.deltaY);
+      Math.abs(N.deltaX) > Math.abs(N.deltaY) || (N.preventDefault(), m.scrollLeft += N.deltaY);
     };
-    return b.addEventListener("wheel", x, { passive: !1 }), () => b.removeEventListener("wheel", x);
+    return m.addEventListener("wheel", x, { passive: !1 }), () => m.removeEventListener("wheel", x);
   }, []);
-  const C = O(() => n ? ne(n) : oe(w), [n, w]), $ = O(
-    () => ie.filter((b) => C.has(b.group || "core")),
+  const C = O(() => n ? te(n) : ne(w), [n, w]), $ = O(
+    () => oe.filter((m) => C.has(m.group || "core")),
     [C]
-  ), i = O(() => {
-    const b = [];
+  ), r = O(() => {
+    const m = [];
     let x = "";
     for (const N of $) {
       const D = N.group || "core";
-      D !== x && (x = D, b.push({ group: x, metrics: [] })), b[b.length - 1].metrics.push(N);
+      D !== x && (x = D, m.push({ group: x, metrics: [] })), m[m.length - 1].metrics.push(N);
     }
-    return b;
+    return m;
   }, [$]);
   return t && u ? null : /* @__PURE__ */ l(H, { children: [
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
-        className: `ss-toggle ${m ? "ss-visible" : "ss-collapsed"}`,
+        className: `ss-toggle ${b ? "ss-visible" : "ss-collapsed"}`,
         onClick: I,
-        title: m ? "Hide stats bar" : "Show stats bar",
+        title: b ? "Hide stats bar" : "Show stats bar",
         "data-ss-theme": f,
         children: [
-          !m && n && /* @__PURE__ */ l("span", { className: "ss-toggle-summary", style: { display: "flex" }, children: [
+          !b && n && /* @__PURE__ */ l("span", { className: "ss-toggle-summary", style: { display: "flex" }, children: [
             C.has("process") && /* @__PURE__ */ l(H, { children: [
               /* @__PURE__ */ l(
                 "span",
@@ -336,12 +336,12 @@ function We(s) {
             ] }),
             C.has("redis") && n.redisOk !== void 0 && /* @__PURE__ */ e("span", { className: `ss-value ${n.redisOk ? "ss-green" : "ss-red"}`, children: n.redisOk ? "✓" : "✗" })
           ] }),
-          m && /* @__PURE__ */ e("span", { className: "ss-toggle-label", style: { color: "#737373" }, children: "hide stats" }),
-          /* @__PURE__ */ e("span", { className: "ss-toggle-arrow", children: m ? "▼" : "▲" })
+          b && /* @__PURE__ */ e("span", { className: "ss-toggle-label", style: { color: "#737373" }, children: "hide stats" }),
+          /* @__PURE__ */ e("span", { className: "ss-toggle-arrow", children: b ? "▼" : "▲" })
         ]
       }
     ),
-    /* @__PURE__ */ l("div", { ref: E, className: m ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": f, children: [
+    /* @__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",
@@ -369,9 +369,9 @@ function We(s) {
         ),
         /* @__PURE__ */ e("div", { className: h ? "ss-dot ss-stale" : "ss-dot" })
       ] }),
-      /* @__PURE__ */ e("div", { ref: _, className: "ss-bar-scroll", id: "ss-bar-scroll", children: n && i.map((b, x) => /* @__PURE__ */ l(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: b.metrics.map((N) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "ss-group", children: m.metrics.map((N) => /* @__PURE__ */ e(
           be,
           {
             metric: N,
@@ -380,13 +380,13 @@ function We(s) {
           },
           N.id
         )) })
-      ] }, b.group)) })
+      ] }, m.group)) })
     ] })
   ] });
 }
-function J({
+function W({
   theme: s,
-  onToggle: r,
+  onToggle: i,
   className: t = "",
   classPrefix: o = "ss-dash"
 }) {
@@ -396,7 +396,7 @@ function J({
     {
       type: "button",
       className: `${o === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"} ${t}`,
-      onClick: r,
+      onClick: i,
       title: a ? "Switch to light theme" : "Switch to dark theme",
       "aria-label": a ? "Switch to light theme" : "Switch to dark theme",
       children: a ? (
@@ -435,23 +435,23 @@ function J({
     }
   );
 }
-const ge = T(() => import("./QueriesTab-DbBmAqzO.js")), ve = T(() => import("./EventsTab-CC6DQzEm.js")), fe = T(() => import("./EmailsTab-Uh2CQY3o.js")), we = T(() => import("./RoutesTab-Bwreij3e.js")), ke = T(() => import("./LogsTab-BbYK-iyh.js")), Ne = T(() => import("./TimelineTab-6hthfdBB.js")), ye = T(() => import("./CacheTab-DYmsZJJ1.js")), Ce = T(() => import("./JobsTab-B3Lfdqed.js")), Se = T(() => import("./ConfigTab-CcN-tfjv.js")), Le = T(() => import("./InternalsTab-Oij0A2fN.js")), Te = T(() => import("./CustomPaneTab-D7_o3Ec6.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: r = !1,
+    defaultOpen: i = !1,
     dashboardPath: t,
     isOpen: o,
     onOpenChange: a,
     isLive: d = !1,
     ...g
-  } = s, [n, v] = y(r), p = o !== void 0 ? o : n, h = (i) => {
-    a ? a(i) : v(i);
-  }, [u, w] = y("queries"), { features: f } = z(g), { theme: m, toggleTheme: k } = A(), E = f.customPanes || [];
+  } = 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 i = (b) => {
-      b.key === "Escape" && p && h(!1);
+    const r = (m) => {
+      m.key === "Escape" && p && h(!1);
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
   }, [p]);
   const _ = O(
     () => [
@@ -460,44 +460,44 @@ 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((i) => i.visible), [_]);
+  ), I = O(() => _.filter((r) => r.visible), [_]);
   R(() => {
-    const i = [
-      ...I.map((b) => b.id),
-      ...E.map((b) => b.id)
+    const r = [
+      ...I.map((m) => m.id),
+      ...E.map((m) => m.id)
     ];
-    !i.includes(u) && i.length > 0 && w(i[0]);
+    !r.includes(u) && r.length > 0 && w(r[0]);
   }, [I, E, u]);
   const C = B(() => {
     h(!p);
   }, [p]), $ = B(() => {
-    const i = { options: g }, b = E.find((N) => N.id === u);
-    if (b)
-      return /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: /* @__PURE__ */ e(Te, { pane: b, options: g }) });
+    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, { ...i }),
-      events: /* @__PURE__ */ e(ve, { ...i }),
-      emails: /* @__PURE__ */ e(fe, { ...i }),
+      queries: /* @__PURE__ */ e(me, { ...r }),
+      events: /* @__PURE__ */ e(ge, { ...r }),
+      emails: /* @__PURE__ */ e(ve, { ...r }),
       routes: /* @__PURE__ */ e(
-        we,
+        fe,
         {
-          ...i,
+          ...r,
           currentPath: typeof window < "u" ? window.location.pathname : ""
         }
       ),
-      logs: /* @__PURE__ */ e(ke, { ...i }),
-      timeline: /* @__PURE__ */ e(Ne, { ...i }),
-      cache: /* @__PURE__ */ e(ye, { ...i, dashboardPath: t }),
-      jobs: /* @__PURE__ */ e(Ce, { ...i, dashboardPath: t }),
-      config: /* @__PURE__ */ e(Se, { ...i, dashboardPath: t }),
-      internals: /* @__PURE__ */ e(Le, { ...i })
+      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[u] || /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Unknown tab" }) });
   }, [u, g, E]);
@@ -530,40 +530,40 @@ function Je(s) {
       "div",
       {
         className: `ss-dbg-panel ${p ? "ss-dbg-open" : ""}`,
-        "data-ss-theme": m,
+        "data-ss-theme": b,
         id: "ss-dbg-panel",
         children: [
           /* @__PURE__ */ l("div", { className: "ss-dbg-tabs", children: [
             /* @__PURE__ */ l("div", { className: "ss-dbg-tabs-scroll", children: [
-              I.map((i) => /* @__PURE__ */ l(
+              I.map((r) => /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  className: `ss-dbg-tab ${u === i.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => w(i.id),
+                  className: `ss-dbg-tab ${u === r.id ? "ss-dbg-active" : ""}`,
+                  onClick: () => w(r.id),
                   children: [
-                    L[i.id] ? /* @__PURE__ */ e(
+                    L[r.id] ? /* @__PURE__ */ e(
                       "svg",
                       {
                         className: "ss-dbg-tab-icon",
-                        viewBox: L[i.id].viewBox,
-                        dangerouslySetInnerHTML: { __html: L[i.id].elements.join("") }
+                        viewBox: L[r.id].viewBox,
+                        dangerouslySetInnerHTML: { __html: L[r.id].elements.join("") }
                       }
                     ) : null,
-                    i.label
+                    r.label
                   ]
                 },
-                i.id
+                r.id
               )),
-              E.map((i) => /* @__PURE__ */ e(
+              E.map((r) => /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  className: `ss-dbg-tab ${u === i.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => w(i.id),
-                  children: i.label
+                  className: `ss-dbg-tab ${u === r.id ? "ss-dbg-active" : ""}`,
+                  onClick: () => w(r.id),
+                  children: r.label
                 },
-                i.id
+                r.id
               ))
             ] }),
             /* @__PURE__ */ l("div", { className: "ss-dbg-tabs-right", children: [
@@ -575,7 +575,7 @@ function Je(s) {
                   children: d ? "live" : "polling"
                 }
               ),
-              /* @__PURE__ */ e(J, { theme: m, onToggle: k, classPrefix: "ss-dbg" }),
+              /* @__PURE__ */ e(W, { theme: b, onToggle: k, classPrefix: "ss-dbg" }),
               t && /* @__PURE__ */ e(
                 "a",
                 {
@@ -618,7 +618,7 @@ function Je(s) {
     )
   ] });
 }
-function Ee(s, r = {}) {
+function Te(s, i = {}) {
   const {
     baseUrl: t = "",
     dashboardEndpoint: o = "/__stats/api",
@@ -631,15 +631,15 @@ function Ee(s, r = {}) {
     filters: h,
     timeRange: u,
     refreshKey: w
-  } = r, [f, m] = y(null), [k, E] = y(null), [_, I] = y(!0), [C, $] = y(null), i = j(null), b = j(s), x = j(!1);
-  i.current || (i.current = new re({
+  } = 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: o,
     authToken: a,
     section: s,
     perPage: g,
     callbacks: {
-      onData: (M) => m(M),
+      onData: (M) => b(M),
       onPagination: (M) => E(M),
       onLoading: (M) => I(M),
       onError: (M) => $(M),
@@ -647,20 +647,20 @@ function Ee(s, r = {}) {
       }
     }
   })), R(() => {
-    const M = i.current, c = b.current !== s;
-    return b.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), () => {
+    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, d, g, n, v, p, h, u, w]);
   const N = B(() => {
-    i.current?.fetch(!0);
+    r.current?.fetch(!0);
   }, []), D = B(
-    async (M, c = "post", S) => i.current.mutate(M, c, S),
+    async (M, c = "post", S) => r.current.mutate(M, c, S),
     []
-  ), P = B(() => i.current.getApi(), []);
-  return { data: f, meta: k, isLoading: _, error: C, refresh: N, 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,28 +668,24 @@ const $e = [
   "routes",
   "logs",
   "emails",
-  "timeline",
   "cache",
   "jobs",
   "config",
   "internals"
-], xe = T(() => import("./OverviewSection-CkBGFEWq.js")), Ie = T(() => import("./RequestsSection-Cb5a6MlT.js")), Be = T(() => import("./QueriesSection-CfCpnNUD.js")), Me = T(() => import("./EventsSection-CGQWiIdV.js")), Re = T(() => import("./RoutesSection-CRqF-cNM.js")), Oe = T(() => import("./LogsSection-Cly1dpvS.js")), _e = T(() => import("./EmailsSection-BzlsTdPs.js")), De = T(() => import("./TimelineSection-B2y06kRE.js")), je = T(() => import("./CacheSection-xH75hwXu.js")), He = T(() => import("./JobsSection-D7AHQmZi.js")), Pe = T(() => import("./ConfigSection-D8BO1Ry9.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: r = "",
+    baseUrl: i = "",
     dashboardEndpoint: t = "/__stats/api",
     debugEndpoint: o,
     authToken: a,
     backUrl: d = "/",
     channelName: g = "server-stats/dashboard"
-  } = s, { features: n } = z({ baseUrl: r, 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"), [m, k] = y(!1), [E, _] = y(0), I = j(0);
+  } = 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 (!g) return;
-    const c = ae({
-      baseUrl: r,
+    const c = ie({
+      baseUrl: i,
       channelName: g,
       authToken: a,
       onMessage: () => {
@@ -700,11 +696,11 @@ function Ve(s) {
       onError: () => k(!1)
     });
     return () => c.unsubscribe();
-  }, [r, g, a]);
+  }, [i, g, a]);
   const C = n.customPanes || [], $ = B(
     (c) => {
       const S = c.replace("#", "").split("?")[0];
-      return S && [...$e, ...C.map((V) => V.id)].includes(S) ? S : "overview";
+      return S && [...Ee, ...C.map((J) => J.id)].includes(S) ? S : "overview";
     },
     [C]
   );
@@ -721,12 +717,12 @@ function Ve(s) {
   }, [h, $]), R(() => {
     typeof window > "u" || (window.location.hash = h);
   }, [h]);
-  const i = B(() => {
+  const r = B(() => {
     f((c) => {
       const S = !c;
       return localStorage.setItem("ss-dash-sidebar", S ? "collapsed" : "expanded"), S;
     });
-  }, []), b = O(
+  }, []), m = O(
     () => [
       { id: "overview", label: "Overview", visible: !0 },
       { id: "requests", label: "Requests", visible: !0 },
@@ -735,38 +731,36 @@ 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: n.tracing },
       { 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 }
     ],
     [n]
-  ), x = O(() => b.filter((c) => c.visible), [b]), N = O(
-    () => ({ baseUrl: r, dashboardEndpoint: t, authToken: a, refreshKey: E }),
-    [r, t, a, E]
-  ), { data: D } = Ee("overview", N), P = O(() => {
+  ), x = O(() => m.filter((c) => c.visible), [m]), N = O(
+    () => ({ baseUrl: i, dashboardEndpoint: t, authToken: a, refreshKey: E }),
+    [i, t, a, E]
+  ), { data: D } = Te("overview", N), q = O(() => {
     if (!D) return {};
     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, q = S.error + S.warn + S.info + S.debug;
-      q > 0 && (c.logs = { count: q });
+      const S = D.logLevelBreakdown, P = S.error + S.warn + S.info + S.debug;
+      P > 0 && (c.logs = { count: P });
     }
     return c;
   }, [D]), M = B(() => {
     const c = {
-      overview: /* @__PURE__ */ e(xe, { options: N }),
-      requests: /* @__PURE__ */ e(Ie, { options: N }),
-      queries: /* @__PURE__ */ e(Be, { options: N }),
-      events: /* @__PURE__ */ e(Me, { options: N }),
-      routes: /* @__PURE__ */ e(Re, { options: N }),
-      logs: /* @__PURE__ */ e(Oe, { options: N }),
-      emails: /* @__PURE__ */ e(_e, { options: N }),
-      timeline: /* @__PURE__ */ e(De, { options: N }),
-      cache: /* @__PURE__ */ e(je, { options: N }),
-      jobs: /* @__PURE__ */ e(He, { options: N }),
-      config: /* @__PURE__ */ e(Pe, { options: N }),
-      internals: /* @__PURE__ */ e(qe, { options: N, debugEndpoint: o })
+      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-${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]);
@@ -780,21 +774,21 @@ function Ve(s) {
         /* @__PURE__ */ e(
           "span",
           {
-            className: `ss-dash-live-dot ${m ? "ss-dash-connected" : ""}`,
+            className: `ss-dash-live-dot ${b ? "ss-dash-connected" : ""}`,
             id: "ss-dash-live-dot"
           }
         ),
         /* @__PURE__ */ e(
           "span",
           {
-            className: `ss-dash-live-label ${m ? "ss-dash-connected" : ""}`,
+            className: `ss-dash-live-label ${b ? "ss-dash-connected" : ""}`,
             id: "ss-dash-live-label",
-            children: m ? "Live" : "Polling"
+            children: b ? "Live" : "Polling"
           }
         )
       ] }),
       /* @__PURE__ */ l("div", { className: "ss-dash-header-right", children: [
-        /* @__PURE__ */ e(J, { theme: v, onToggle: p }),
+        /* @__PURE__ */ e(W, { theme: v, onToggle: p }),
         d && /* @__PURE__ */ e("a", { href: d, className: "ss-dash-back-link", title: "Back to app", children: "← App" })
       ] })
     ] }),
@@ -807,7 +801,7 @@ function Ve(s) {
           children: [
             /* @__PURE__ */ l("nav", { className: "ss-dash-nav", children: [
               x.map((c) => {
-                const S = P[c.id];
+                const S = q[c.id];
                 return /* @__PURE__ */ l(
                   "button",
                   {
@@ -824,14 +818,14 @@ function Ve(s) {
                         {
                           width: "20",
                           height: "20",
-                          viewBox: (L[W(c.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(c.id)] || L.config).elements.join("")
+                            __html: (L[c.id] || L.config).elements.join("")
                           }
                         }
                       ) }),
@@ -883,7 +877,7 @@ function Ve(s) {
                 type: "button",
                 className: "ss-dash-sidebar-toggle",
                 id: "ss-dash-sidebar-toggle",
-                onClick: i,
+                onClick: r,
                 title: w ? "Expand sidebar" : "Collapse sidebar",
                 children: w ? /* @__PURE__ */ e(
                   "svg",
@@ -917,9 +911,9 @@ function Ve(s) {
     ] })
   ] });
 }
-function Ke(s, r = {}) {
-  const { baseUrl: t = "", debugEndpoint: o = "/admin/api/debug", authToken: a } = r, [d, g] = y(null), [n, v] = y(!0), [p, h] = y(null), u = j(null);
-  u.current || (u.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: o,
     authToken: a,
@@ -935,35 +929,35 @@ function Ke(s, r = {}) {
     u.current?.refresh();
   }, []), f = B(() => {
     g(null);
-  }, []), m = B((k, E) => {
+  }, []), b = B((k, E) => {
     u.current?.cacheForTab(k, E);
   }, []);
-  return { data: d, isLoading: n, error: p, refresh: w, clearData: f, cacheForTab: m };
+  return { data: d, isLoading: n, error: p, refresh: w, clearData: f, cacheForTab: b };
 }
-function Ge({
+function Ve({
   color: s = "muted",
-  children: r,
+  children: i,
   className: t = "",
   classPrefix: o = "ss-dash"
 }) {
-  return /* @__PURE__ */ e("span", { className: `${o}-badge ${o}-badge-${s} ${t}`, children: r });
+  return /* @__PURE__ */ e("span", { className: `${o}-badge ${o}-badge-${s} ${t}`, children: i });
 }
-function Qe({ method: s, className: r = "", classPrefix: t = "ss-dash" }) {
+function Ke({ method: s, className: i = "", classPrefix: t = "ss-dash" }) {
   return /* @__PURE__ */ e(
     "span",
     {
-      className: `${t}-method ${t}-method-${s.toLowerCase()} ${r}`,
+      className: `${t}-method ${t}-method-${s.toLowerCase()} ${i}`,
       children: s
     }
   );
 }
-function Xe({ code: s, className: r = "", classPrefix: t = "ss-dash" }) {
+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} ${r}`, children: s });
+  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: r = 100,
+  maxPreviewLength: i = 100,
   className: t = "",
   classPrefix: o = "ss-dash",
   defaultExpanded: a = !1
@@ -976,7 +970,7 @@ function Ye({
         return s;
       }
     return s;
-  }, [s]), v = O(() => typeof n == "object" && n !== null ? ce(n, r) : String(n ?? "-"), [n, r]), p = O(() => typeof n == "object" && n !== null ? JSON.stringify(n, null, 2) : String(n), [n]), h = B(() => {
+  }, [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 {
@@ -1013,7 +1007,7 @@ function Ye({
     ] })
   ] });
 }
-function Ze({ content: s, children: r, position: t = "top", className: o = "" }) {
+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(() => {
@@ -1022,8 +1016,8 @@ function Ze({ content: s, children: r, position: t = "top", className: o = "" })
   return R(() => {
     if (!a || !v.current || !p.current) return;
     const w = v.current.getBoundingClientRect(), f = p.current.getBoundingClientRect();
-    let m = w.left + w.width / 2 - f.width / 2, k;
-    m < 8 && (m = 8), m + f.width > window.innerWidth - 8 && (m = window.innerWidth - 8 - f.width), t === "top" && (k = window.innerHeight - w.top + 8), n({ left: m, bottom: k ?? 0 });
+    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",
     {
@@ -1033,7 +1027,7 @@ function Ze({ content: s, children: r, position: t = "top", className: o = "" })
       onMouseLeave: u,
       style: { display: "inline-flex", position: "relative" },
       children: [
-        r,
+        i,
         a && /* @__PURE__ */ l(
           "div",
           {
@@ -1057,19 +1051,19 @@ function Ze({ content: s, children: r, position: t = "top", className: o = "" })
   );
 }
 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
 };