adonisjs-server-stats 1.12.3 → 1.14.0

package/dist/react/index-CsprmgzI.js

@@ -1,1121 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as j } from "react/jsx-runtime";
-import K, { useState as N, useRef as R, useEffect as B, useCallback as x, useMemo as D, Suspense as q, lazy as L } from "react";
-import { DEFAULT_FEATURES as V, detectFeatures as G, ServerStatsController as Q, getTheme as X, onThemeChange as Y, toggleTheme as Z, buildSparklineData as ee, computeStats as se, formatStatNum as H, detectMetricGroupsFromStats as te, getVisibleMetricGroups as ne, METRIC_DEFINITIONS as oe, TAB_ICONS as S, DashboardDataController as re, subscribeToChannel as ae, DebugDataController as ie, compactPreview as le } from "adonisjs-server-stats/core";
-import { createPortal as ce } from "react-dom";
-function U(s = {}) {
-  const { baseUrl: o = "", debugEndpoint: t = "/admin/api/debug", authToken: n } = s, [a, i] = N(V), [u, r] = N(!0), [m, g] = N(null), p = R(!1);
-  return B(() => {
-    if (p.current) return;
-    p.current = !0;
-    let d = !1;
-    return (async () => {
-      try {
-        const v = await G({ baseUrl: o, debugEndpoint: t, authToken: n });
-        d || (i(v), r(!1));
-      } catch (v) {
-        d || (g(v instanceof Error ? v : new Error(String(v))), r(!1));
-      }
-    })(), () => {
-      d = !0;
-    };
-  }, [o, t, n]), { features: a, isLoading: u, error: m };
-}
-function de(s = {}) {
-  const {
-    baseUrl: o = "",
-    endpoint: t = "/admin/api/server-stats",
-    channelName: n = "admin/server-stats",
-    authToken: a,
-    pollInterval: i = 3e3
-  } = s, [u, r] = N(null), [m, g] = N(!1), [p, d] = N(!1), [w, v] = N(null), [b, k] = N(!1), E = R(null);
-  B(() => {
-    if (b) return;
-    const M = new Q({
-      baseUrl: o,
-      endpoint: t,
-      channelName: n,
-      authToken: a,
-      pollInterval: i,
-      onStatsUpdate: (C) => r(C),
-      onConnectionChange: (C) => g(C),
-      onStaleChange: (C) => d(C),
-      onError: (C) => v(C),
-      onUnauthorizedChange: (C) => k(C)
-    });
-    return E.current = M, M.start(), () => {
-      M.stop(), E.current = null;
-    };
-  }, [o, n, a, i, b]);
-  const O = x((M) => E.current?.getHistory(M) ?? [], []);
-  return {
-    stats: u,
-    history: E.current?.getAllHistory() ?? {},
-    getHistory: O,
-    isConnected: m,
-    isStale: p,
-    error: w,
-    unauthorized: b
-  };
-}
-function F() {
-  const [s, o] = N(() => X());
-  B(() => Y((a) => {
-    o(a);
-  }), []);
-  const t = x(() => {
-    const n = Z();
-    return o(n), n;
-  }, []);
-  return { theme: s, toggleTheme: t };
-}
-function ue({
-  data: s,
-  color: o = "#34d399",
-  width: t = 120,
-  height: n = 32,
-  className: a = ""
-}) {
-  const i = D(
-    () => ee(s, { width: t, height: n }),
-    [s, t, n]
-  ), u = D(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), r = { "--ss-accent": o };
-  if (!i)
-    return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: r, children: /* @__PURE__ */ e(
-      "svg",
-      {
-        width: t,
-        height: n,
-        viewBox: `0 0 ${t} ${n}`,
-        style: { display: "block" },
-        children: /* @__PURE__ */ c("text", { x: t / 2, y: n / 2 + 3, textAnchor: "middle", fill: "#737373", fontSize: "9", children: [
-          "collecting",
-          "…"
-        ] })
-      }
-    ) });
-  const m = o || "var(--ss-accent)";
-  return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: r, children: /* @__PURE__ */ c(
-    "svg",
-    {
-      width: t,
-      height: n,
-      viewBox: `0 0 ${t} ${n}`,
-      style: { display: "block" },
-      children: [
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ c("linearGradient", { id: u, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: m, stopOpacity: "0.25" }),
-          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: m, stopOpacity: "0.02" })
-        ] }) }),
-        /* @__PURE__ */ e("path", { d: i.areaPath, fill: `url(#${u})` }),
-        /* @__PURE__ */ e(
-          "path",
-          {
-            className: "ss-dash-sparkline-line",
-            d: "M" + i.points.replace(/ /g, " L"),
-            fill: "none",
-            stroke: m,
-            strokeWidth: "1.5",
-            strokeLinejoin: "round",
-            strokeLinecap: "round"
-          }
-        )
-      ]
-    }
-  ) });
-}
-const he = {
-  "ss-red": "#f87171",
-  "ss-amber": "#fbbf24",
-  "ss-green": "#34d399",
-  "ss-muted": "#737373"
-};
-function pe(s, o, t) {
-  const [n, a] = N({
-    position: "absolute",
-    bottom: "100%",
-    left: 0,
-    marginBottom: "10px",
-    zIndex: 180
-  });
-  return B(() => {
-    if (!t) return;
-    const i = () => {
-      const r = s.current, m = o.current;
-      if (!r || !m) return;
-      const g = r.closest(".ss-bar");
-      if (!g) return;
-      const p = r.getBoundingClientRect(), d = g.getBoundingClientRect(), w = p.left - d.left + p.width / 2;
-      a({
-        position: "absolute",
-        bottom: "100%",
-        left: `${w}px`,
-        transform: "translateX(-50%)",
-        marginBottom: "10px",
-        zIndex: 180
-      }), requestAnimationFrame(() => {
-        const v = m.getBoundingClientRect();
-        let b = 0;
-        v.left < 8 ? b = 8 - v.left : v.right > window.innerWidth - 8 && (b = window.innerWidth - 8 - v.right), b && a((k) => ({
-          ...k,
-          transform: `translateX(calc(-50% + ${b}px))`
-        }));
-      });
-    };
-    i();
-    const u = s.current?.closest(".ss-bar-scroll");
-    return u?.addEventListener("scroll", i), window.addEventListener("resize", i), () => {
-      u?.removeEventListener("scroll", i), window.removeEventListener("resize", i);
-    };
-  }, [t, s, o]), n;
-}
-function be({ metric: s, stats: o, history: t, className: n = "" }) {
-  const [a, i] = N(!1), [u, r] = N(!1), m = R(null), g = R(null);
-  if (s.show && !s.show(o))
-    return null;
-  const p = s.value ? s.value(o) : s.format(o), d = s.color ? s.color(o) : "", w = d && he[d] || "#34d399", v = typeof s.detail == "function" ? s.detail(o) : s.detail, b = D(() => se(t), [t]), k = a || u, E = pe(m, g, k), O = x(($) => {
-    $.stopPropagation(), i((l) => !l);
-  }, []);
-  B(() => {
-    if (!a) return;
-    const $ = (f) => {
-      const I = f.target;
-      m.current && !m.current.contains(I) && g.current && !g.current.contains(I) && i(!1);
-    }, l = (f) => {
-      f.key === "Escape" && i(!1);
-    };
-    return document.addEventListener("click", $), document.addEventListener("keydown", l), () => {
-      document.removeEventListener("click", $), document.removeEventListener("keydown", l);
-    };
-  }, [a]);
-  const M = m.current?.closest(".ss-bar"), C = k && M ? ce(
-    /* @__PURE__ */ c(
-      "div",
-      {
-        ref: g,
-        className: `ss-tooltip ${a ? "ss-pinned" : ""}`,
-        style: E,
-        children: [
-          /* @__PURE__ */ c("div", { className: "ss-tooltip-inner", style: { position: "relative" }, children: [
-            a && /* @__PURE__ */ e(
-              "button",
-              {
-                className: "ss-tooltip-close",
-                onClick: ($) => {
-                  $.stopPropagation(), i(!1);
-                },
-                type: "button",
-                children: "×"
-              }
-            ),
-            /* @__PURE__ */ c("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__ */ c("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: p })
-            ] }),
-            b && /* @__PURE__ */ c("div", { className: "ss-tooltip-stats", children: [
-              /* @__PURE__ */ c("span", { children: [
-                "Min: ",
-                H(b.min, s.unit)
-              ] }),
-              /* @__PURE__ */ c("span", { children: [
-                "Max: ",
-                H(b.max, s.unit)
-              ] }),
-              /* @__PURE__ */ c("span", { children: [
-                "Avg: ",
-                H(b.avg, s.unit)
-              ] })
-            ] }),
-            v && /* @__PURE__ */ e("div", { className: "ss-tooltip-details", children: v }),
-            t.length > 0 && /* @__PURE__ */ c(j, { children: [
-              /* @__PURE__ */ e("div", { className: "ss-tooltip-sparkline", children: /* @__PURE__ */ e(ue, { data: t, color: w }) }),
-              /* @__PURE__ */ c("div", { className: "ss-tooltip-samples", children: [
-                "Last ",
-                Math.min(t.length, 60),
-                " samples (~",
-                Math.round(Math.min(t.length, 60) * 3 / 60),
-                " min)"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "ss-tooltip-arrow" })
-        ]
-      }
-    ),
-    M
-  ) : null;
-  return /* @__PURE__ */ c(j, { children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        ref: m,
-        className: `ss-badge ${a ? "ss-pinned" : ""} ${n}`,
-        onClick: O,
-        onMouseEnter: () => !a && r(!0),
-        onMouseLeave: () => r(!1),
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: ($) => $.key === "Enter" && O($),
-        children: [
-          /* @__PURE__ */ e("span", { className: "ss-label", children: s.label }),
-          /* @__PURE__ */ e("span", { className: `ss-value ${d}`, children: p })
-        ]
-      }
-    ),
-    C
-  ] });
-}
-function Ge(s) {
-  const {
-    featureOptions: o,
-    autoHideOnUnauthorized: t = !0,
-    onOpenDebugPanel: n,
-    debugPanelOpen: a = !1,
-    onConnectionChange: i,
-    ...u
-  } = s, { stats: r, getHistory: m, isConnected: g, isStale: p, unauthorized: d } = de(u);
-  B(() => {
-    i?.(g);
-  }, [g, i]);
-  const { features: w } = U(o), { theme: v } = F(), [b, k] = N(() => typeof window > "u" ? !0 : localStorage.getItem("admin:stats-bar") !== "hidden"), E = R(null), O = R(null);
-  B(() => {
-    t && d && k(!1);
-  }, [t, d]);
-  const M = x(() => {
-    k((f) => {
-      const I = !f;
-      return localStorage.setItem("admin:stats-bar", I ? "visible" : "hidden"), I;
-    });
-  }, []);
-  B(() => {
-    const f = O.current;
-    if (!f) return;
-    const I = (y) => {
-      Math.abs(y.deltaX) > Math.abs(y.deltaY) || (y.preventDefault(), f.scrollLeft += y.deltaY);
-    };
-    return f.addEventListener("wheel", I, { passive: !1 }), () => f.removeEventListener("wheel", I);
-  }, []);
-  const C = D(() => r ? te(r) : ne(w), [r, w]), $ = D(
-    () => oe.filter((f) => C.has(f.group || "core")),
-    [C]
-  ), l = D(() => {
-    const f = [];
-    let I = "";
-    for (const y of $) {
-      const _ = y.group || "core";
-      _ !== I && (I = _, f.push({ group: I, metrics: [] })), f[f.length - 1].metrics.push(y);
-    }
-    return f;
-  }, [$]);
-  return t && d ? null : /* @__PURE__ */ c(j, { children: [
-    /* @__PURE__ */ c(
-      "button",
-      {
-        type: "button",
-        className: `ss-toggle ${b ? "ss-visible" : "ss-collapsed"}`,
-        onClick: M,
-        title: b ? "Hide stats bar" : "Show stats bar",
-        "data-ss-theme": v,
-        children: [
-          !b && r && /* @__PURE__ */ c("span", { className: "ss-toggle-summary", style: { display: "flex" }, children: [
-            C.has("process") && /* @__PURE__ */ c(j, { children: [
-              /* @__PURE__ */ c(
-                "span",
-                {
-                  className: `ss-value ${r.cpuPercent > 80 ? "ss-red" : r.cpuPercent > 50 ? "ss-amber" : "ss-green"}`,
-                  children: [
-                    r.cpuPercent.toFixed(0),
-                    "%"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e("span", { className: "ss-value ss-green", children: r.memHeapUsed !== void 0 ? Math.round(r.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 ? "✓" : "✗" })
-          ] }),
-          b && /* @__PURE__ */ e("span", { className: "ss-toggle-label", style: { color: "#737373" }, children: "hide stats" }),
-          /* @__PURE__ */ e("span", { className: "ss-toggle-arrow", children: b ? "▼" : "▲" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ c("div", { ref: E, className: b ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": v, children: [
-      /* @__PURE__ */ c("div", { className: "ss-bar-left", children: [
-        n && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: `ss-dbg-btn ${a ? "ss-dbg-active" : ""}`,
-            onClick: n,
-            title: "Toggle debug panel",
-            id: "ss-dbg-wrench",
-            children: /* @__PURE__ */ e(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: S.wrench.viewBox,
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                dangerouslySetInnerHTML: { __html: S.wrench.elements.join("") }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: p ? "ss-dot ss-stale" : "ss-dot" })
-      ] }),
-      /* @__PURE__ */ e("div", { ref: O, className: "ss-bar-scroll", id: "ss-bar-scroll", children: r && l.map((f, I) => /* @__PURE__ */ c(K.Fragment, { children: [
-        I > 0 && /* @__PURE__ */ e("div", { className: "ss-group-sep" }),
-        /* @__PURE__ */ e("div", { className: "ss-group", children: f.metrics.map((y) => /* @__PURE__ */ e(
-          be,
-          {
-            metric: y,
-            stats: r,
-            history: m(y.historyKey || "")
-          },
-          y.id
-        )) })
-      ] }, f.group)) })
-    ] })
-  ] });
-}
-function A({
-  theme: s,
-  onToggle: o,
-  className: t = "",
-  classPrefix: n = "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}`,
-      onClick: o,
-      title: a ? "Switch to light theme" : "Switch to dark theme",
-      "aria-label": a ? "Switch to light theme" : "Switch to dark theme",
-      children: a ? (
-        // Sun icon
-        /* @__PURE__ */ e(
-          "svg",
-          {
-            width: "16",
-            height: "16",
-            viewBox: S.sun.viewBox,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: S.sun.elements.join("") }
-          }
-        )
-      ) : (
-        // Moon icon
-        /* @__PURE__ */ e(
-          "svg",
-          {
-            width: "16",
-            height: "16",
-            viewBox: S.moon.viewBox,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: S.moon.elements.join("") }
-          }
-        )
-      )
-    }
-  );
-}
-const ge = L(() => import("./QueriesTab-CxCC1GVq.js")), me = L(() => import("./EventsTab-Wdwr0_ny.js")), ve = L(() => import("./EmailsTab-CUjubln_.js")), fe = L(() => import("./RoutesTab-Y_alJVMV.js")), we = L(() => import("./LogsTab-jKwv9G7Q.js")), ke = L(() => import("./TimelineTab-HyqZpfbp.js")), Ne = L(() => import("./CacheTab-CgT4t0oZ.js")), ye = L(() => import("./JobsTab-CBrU-ryL.js")), Ce = L(() => import("./ConfigTab-KtiTtsrj.js")), Se = L(() => import("./InternalsTab--RD-L1dX.js")), Le = L(() => import("./CustomPaneTab-15QoEplP.js"));
-function Qe(s) {
-  const {
-    defaultOpen: o = !1,
-    dashboardPath: t,
-    isOpen: n,
-    onOpenChange: a,
-    isLive: i = !1,
-    ...u
-  } = s, [r, m] = N(o), g = n !== void 0 ? n : r, p = (l) => {
-    a ? a(l) : m(l);
-  }, [d, w] = N("queries"), { features: v } = U(u), { theme: b, toggleTheme: k } = F(), E = v.customPanes || [];
-  B(() => {
-    const l = (f) => {
-      f.key === "Escape" && g && p(!1);
-    };
-    return document.addEventListener("keydown", l), () => document.removeEventListener("keydown", l);
-  }, [g]);
-  const O = D(
-    () => [
-      { id: "queries", label: "Queries", visible: !0 },
-      { id: "events", label: "Events", visible: !0 },
-      { id: "emails", label: "Emails", visible: !0 },
-      { id: "routes", label: "Routes", visible: !0 },
-      { id: "logs", label: "Logs", visible: !0 },
-      { id: "timeline", label: "Requests", visible: v.tracing },
-      { id: "cache", label: "Cache", visible: v.cache },
-      { id: "jobs", label: "Jobs", visible: v.queues },
-      { id: "config", label: "Config", visible: !0 },
-      { id: "internals", label: "Internals", visible: !0 }
-    ],
-    [v]
-  ), M = D(() => O.filter((l) => l.visible), [O]);
-  B(() => {
-    const l = [
-      ...M.map((f) => f.id),
-      ...E.map((f) => f.id)
-    ];
-    !l.includes(d) && l.length > 0 && w(l[0]);
-  }, [M, E, d]);
-  const C = x(() => {
-    p(!g);
-  }, [g]), $ = x(() => {
-    const l = { options: u }, f = E.find((y) => y.id === d);
-    if (f)
-      return /* @__PURE__ */ e(q, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: /* @__PURE__ */ e(Le, { pane: f, options: u }) });
-    const I = {
-      queries: /* @__PURE__ */ e(ge, { ...l }),
-      events: /* @__PURE__ */ e(me, { ...l }),
-      emails: /* @__PURE__ */ e(ve, { ...l }),
-      routes: /* @__PURE__ */ e(
-        fe,
-        {
-          ...l,
-          currentPath: typeof window < "u" ? window.location.pathname : ""
-        }
-      ),
-      logs: /* @__PURE__ */ e(we, { ...l }),
-      timeline: /* @__PURE__ */ e(ke, { ...l }),
-      cache: /* @__PURE__ */ e(Ne, { ...l, dashboardPath: t }),
-      jobs: /* @__PURE__ */ e(ye, { ...l, dashboardPath: t }),
-      config: /* @__PURE__ */ e(Ce, { ...l, dashboardPath: t }),
-      internals: /* @__PURE__ */ e(Se, { ...l })
-    };
-    return /* @__PURE__ */ e(q, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: I[d] || /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Unknown tab" }) });
-  }, [d, u, E]);
-  return /* @__PURE__ */ c(j, { children: [
-    n === void 0 && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: `ss-dbg-btn ${g ? "ss-dbg-active" : ""}`,
-        onClick: C,
-        title: "Toggle debug panel",
-        id: "ss-dbg-wrench",
-        children: /* @__PURE__ */ e(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: S.wrench.viewBox,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: S.wrench.elements.join("") }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: `ss-dbg-panel ${g ? "ss-dbg-open" : ""}`,
-        "data-ss-theme": b,
-        id: "ss-dbg-panel",
-        children: [
-          /* @__PURE__ */ c("div", { className: "ss-dbg-tabs", children: [
-            /* @__PURE__ */ c("div", { className: "ss-dbg-tabs-scroll", children: [
-              M.map((l) => /* @__PURE__ */ c(
-                "button",
-                {
-                  type: "button",
-                  className: `ss-dbg-tab ${d === l.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => w(l.id),
-                  children: [
-                    S[l.id] ? /* @__PURE__ */ e(
-                      "svg",
-                      {
-                        className: "ss-dbg-tab-icon",
-                        viewBox: S[l.id].viewBox,
-                        dangerouslySetInnerHTML: { __html: S[l.id].elements.join("") }
-                      }
-                    ) : null,
-                    l.label
-                  ]
-                },
-                l.id
-              )),
-              E.map((l) => /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: `ss-dbg-tab ${d === l.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => w(l.id),
-                  children: l.label
-                },
-                l.id
-              ))
-            ] }),
-            /* @__PURE__ */ c("div", { className: "ss-dbg-tabs-right", children: [
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: `ss-dbg-conn-mode ${i ? "ss-dbg-conn-live" : "ss-dbg-conn-polling"}`,
-                  title: i ? "Connected via Transmit (SSE) — real-time updates" : "Polling every 3s",
-                  children: i ? "live" : "polling"
-                }
-              ),
-              /* @__PURE__ */ e(A, { theme: b, onToggle: k, classPrefix: "ss-dbg" }),
-              t && /* @__PURE__ */ e(
-                "a",
-                {
-                  href: t,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "ss-dbg-dashboard-link",
-                  title: "Open dashboard",
-                  children: /* @__PURE__ */ e(
-                    "svg",
-                    {
-                      width: "14",
-                      height: "14",
-                      viewBox: S["external-link"].viewBox,
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      dangerouslySetInnerHTML: { __html: S["external-link"].elements.join("") }
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: "ss-dbg-close",
-                  onClick: () => p(!1),
-                  title: "Close panel",
-                  children: "×"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "ss-dbg-content", children: g && $() })
-        ]
-      }
-    )
-  ] });
-}
-function Te(s, o) {
-  return new re({
-    baseUrl: o.baseUrl,
-    endpoint: o.dashboardEndpoint,
-    authToken: o.authToken,
-    section: s,
-    perPage: o.perPage,
-    callbacks: {
-      onData: (t) => o.setData(t),
-      onPagination: (t) => o.setMeta(t),
-      onLoading: (t) => o.setIsLoading(t),
-      onError: (t) => o.setError(t),
-      onUnauthorized: () => {
-      }
-    }
-  });
-}
-function Ee(s, o) {
-  s.ctrl.configure(o);
-  const t = s.prevSection !== s.section;
-  return t || !s.hasFetched ? (t ? s.ctrl.setSection(s.section) : s.ctrl.start(), !0) : (s.ctrl.start(), s.hasFetched);
-}
-function $e() {
-  const [s, o] = N(null), [t, n] = N(null), [a, i] = N(!0), [u, r] = N(null);
-  return { data: s, setData: o, meta: t, setMeta: n, isLoading: a, setIsLoading: i, error: u, setError: r };
-}
-function xe(s) {
-  const o = x(() => {
-    s.current?.fetch(!0);
-  }, []), t = x(
-    async (a, i = "post", u) => s.current.mutate(a, i, u),
-    []
-  ), n = x(() => s.current.getApi(), []);
-  return { refresh: o, mutate: t, getApi: n };
-}
-function Ie(s, o, t, n) {
-  s.current || (s.current = Te(o, {
-    ...t,
-    setData: (a) => n.setData(a),
-    setMeta: n.setMeta,
-    setIsLoading: n.setIsLoading,
-    setError: n.setError
-  }));
-}
-function Me(s) {
-  return {
-    baseUrl: s.baseUrl ?? "",
-    dashboardEndpoint: s.dashboardEndpoint ?? "/__stats/api",
-    authToken: s.authToken,
-    page: s.page ?? 1,
-    perPage: s.perPage ?? 50,
-    search: s.search,
-    sort: s.sort,
-    sortDir: s.sortDir,
-    filters: s.filters,
-    timeRange: s.timeRange,
-    refreshKey: s.refreshKey
-  };
-}
-function Be(s, o = {}) {
-  const t = Me(o), n = $e(), a = R(null), i = R(s), u = R(!1);
-  Ie(a, s, t, n), B(() => {
-    const m = i.current;
-    return i.current = s, u.current = Ee(
-      {
-        ctrl: a.current,
-        section: s,
-        prevSection: m,
-        hasFetched: u.current
-      },
-      t
-    ), () => {
-      a.current.stop();
-    };
-  }, [
-    s,
-    t.page,
-    t.perPage,
-    t.search,
-    t.sort,
-    t.sortDir,
-    t.filters,
-    t.timeRange,
-    t.refreshKey
-  ]);
-  const r = xe(a);
-  return {
-    data: n.data,
-    meta: n.meta,
-    isLoading: n.isLoading,
-    error: n.error,
-    ...r
-  };
-}
-const De = [
-  "overview",
-  "requests",
-  "queries",
-  "events",
-  "routes",
-  "logs",
-  "emails",
-  "cache",
-  "jobs",
-  "config",
-  "internals"
-], Re = L(() => import("./OverviewSection-XF7bakyM.js")), Oe = L(() => import("./RequestsSection-D8cMbZU0.js")), _e = L(() => import("./QueriesSection-DsQBKrNK.js")), je = L(() => import("./EventsSection-GGPoYSNv.js")), Pe = L(() => import("./RoutesSection-D0y5JQP4.js")), He = L(() => import("./LogsSection-Cm_lphM6.js")), qe = L(() => import("./EmailsSection-YcJYR5eA.js")), Ue = L(() => import("./CacheSection-CX2duJuc.js")), Fe = L(() => import("./JobsSection-BqqIh_DR.js")), Ae = L(() => import("./ConfigSection-Dt0FyeaW.js")), ze = L(() => import("./InternalsSection-BwrTfpjA.js"));
-function Xe(s) {
-  const {
-    baseUrl: o = "",
-    dashboardEndpoint: t = "/__stats/api",
-    debugEndpoint: n,
-    authToken: a,
-    backUrl: i = "/",
-    channelName: u = "server-stats/dashboard"
-  } = s, { features: r } = U({ baseUrl: o, debugEndpoint: n, authToken: a }), { theme: m, toggleTheme: g } = F(), [p, d] = N("overview"), [w, v] = N(() => typeof window > "u" ? !1 : localStorage.getItem("ss-dash-sidebar") === "collapsed"), [b, k] = N(!1), [E, O] = N(0), M = R(0);
-  B(() => {
-    if (!u) return;
-    const h = ae({
-      baseUrl: o,
-      channelName: u,
-      authToken: a,
-      onMessage: () => {
-        M.current += 1, O(M.current);
-      },
-      onConnect: () => k(!0),
-      onDisconnect: () => k(!1),
-      onError: () => k(!1)
-    });
-    return () => h.unsubscribe();
-  }, [o, u, a]);
-  const C = r.customPanes || [], $ = x(
-    (h) => {
-      const T = h.replace("#", "").split("?")[0];
-      return T && [...De, ...C.map((J) => J.id)].includes(T) ? T : "overview";
-    },
-    [C]
-  );
-  B(() => {
-    if (typeof window > "u") return;
-    const h = $(window.location.hash);
-    (h !== "overview" || window.location.hash) && d(h);
-  }, [$]), B(() => {
-    const h = () => {
-      const T = $(window.location.hash);
-      T !== p && d(T);
-    };
-    return window.addEventListener("hashchange", h), () => window.removeEventListener("hashchange", h);
-  }, [p, $]), B(() => {
-    typeof window > "u" || (window.location.hash = p);
-  }, [p]);
-  const l = x(() => {
-    v((h) => {
-      const T = !h;
-      return localStorage.setItem("ss-dash-sidebar", T ? "collapsed" : "expanded"), T;
-    });
-  }, []), f = D(
-    () => [
-      { id: "overview", label: "Overview", visible: !0 },
-      { id: "requests", label: "Requests", visible: !0 },
-      { id: "queries", label: "Queries", visible: !0 },
-      { id: "events", label: "Events", visible: !0 },
-      { id: "routes", label: "Routes", visible: !0 },
-      { id: "logs", label: "Logs", visible: !0 },
-      { id: "emails", label: "Emails", visible: !0 },
-      { id: "cache", label: "Cache", visible: r.cache },
-      { id: "jobs", label: "Jobs", visible: r.queues },
-      { id: "config", label: "Config", visible: !0 },
-      { id: "internals", label: "Internals", visible: !0 }
-    ],
-    [r]
-  ), I = D(() => f.filter((h) => h.visible), [f]), y = D(
-    () => ({ baseUrl: o, dashboardEndpoint: t, authToken: a, refreshKey: E }),
-    [o, t, a, E]
-  ), { data: _ } = Be("overview", y), z = D(() => {
-    if (!_) return {};
-    const h = {};
-    if (_.totalRequests > 0 && (h.requests = { count: _.totalRequests }), _.queryStats?.total > 0 && (h.queries = { count: _.queryStats.total }), _.logLevelBreakdown) {
-      const T = _.logLevelBreakdown, P = T.error + T.warn + T.info + T.debug;
-      P > 0 && (h.logs = { count: P });
-    }
-    return h;
-  }, [_]), W = x(() => {
-    const h = {
-      overview: /* @__PURE__ */ e(Re, { options: y }),
-      requests: /* @__PURE__ */ e(Oe, { options: y }),
-      queries: /* @__PURE__ */ e(_e, { options: y }),
-      events: /* @__PURE__ */ e(je, { options: y }),
-      routes: /* @__PURE__ */ e(Pe, { options: y }),
-      logs: /* @__PURE__ */ e(He, { options: y }),
-      emails: /* @__PURE__ */ e(qe, { options: y }),
-      cache: /* @__PURE__ */ e(Ue, { options: y }),
-      jobs: /* @__PURE__ */ e(Fe, { options: y }),
-      config: /* @__PURE__ */ e(Ae, { options: y }),
-      internals: /* @__PURE__ */ e(ze, { options: y, debugEndpoint: n })
-    };
-    return /* @__PURE__ */ e("div", { className: "ss-dash-pane ss-dash-active", id: `ss-dash-pane-${p}`, children: /* @__PURE__ */ e("div", { className: "ss-dash-pane-inner", children: /* @__PURE__ */ e(q, { fallback: /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading..." }), children: h[p] || /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Unknown section" }) }) }) });
-  }, [p, y]);
-  return /* @__PURE__ */ c("div", { className: "ss-dash", "data-theme": m, id: "ss-dash", children: [
-    /* @__PURE__ */ c("div", { className: "ss-dash-header", children: [
-      /* @__PURE__ */ c("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__ */ c("div", { className: "ss-dash-header-center", children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: `ss-dash-live-dot ${b ? "ss-dash-connected" : ""}`,
-            id: "ss-dash-live-dot"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: `ss-dash-live-label ${b ? "ss-dash-connected" : ""}`,
-            id: "ss-dash-live-label",
-            children: b ? "Live" : "Polling"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ c("div", { className: "ss-dash-header-right", children: [
-        /* @__PURE__ */ e(A, { theme: m, onToggle: g }),
-        i && /* @__PURE__ */ e("a", { href: i, className: "ss-dash-back-link", title: "Back to app", children: "← App" })
-      ] })
-    ] }),
-    /* @__PURE__ */ c("div", { className: "ss-dash-body", children: [
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: `ss-dash-sidebar ${w ? "ss-dash-collapsed" : ""}`,
-          id: "ss-dash-sidebar",
-          children: [
-            /* @__PURE__ */ c("nav", { className: "ss-dash-nav", children: [
-              I.map((h) => {
-                const T = z[h.id];
-                return /* @__PURE__ */ c(
-                  "button",
-                  {
-                    type: "button",
-                    className: `ss-dash-nav-item ${p === h.id ? "ss-dash-active" : ""}`,
-                    "data-ss-section": h.id,
-                    onClick: () => {
-                      h.id !== p && d(h.id);
-                    },
-                    title: w ? h.label : void 0,
-                    children: [
-                      /* @__PURE__ */ e("span", { className: "ss-dash-nav-icon", children: /* @__PURE__ */ e(
-                        "svg",
-                        {
-                          width: "20",
-                          height: "20",
-                          viewBox: (S[h.id] || S.config).viewBox,
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          dangerouslySetInnerHTML: {
-                            __html: (S[h.id] || S.config).elements.join("")
-                          }
-                        }
-                      ) }),
-                      /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: h.label }),
-                      T && T.count > 0 && /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: `ss-dash-nav-badge${T.variant ? " " + T.variant : ""}`,
-                          children: T.count
-                        }
-                      )
-                    ]
-                  },
-                  h.id
-                );
-              }),
-              C.length > 0 && /* @__PURE__ */ e("div", { className: "ss-dash-nav-sep" }),
-              C.map((h) => /* @__PURE__ */ c(
-                "button",
-                {
-                  type: "button",
-                  className: `ss-dash-nav-item ${p === h.id ? "ss-dash-active" : ""}`,
-                  onClick: () => d(h.id),
-                  title: w ? h.label : void 0,
-                  children: [
-                    /* @__PURE__ */ e("span", { className: "ss-dash-nav-icon", children: /* @__PURE__ */ e(
-                      "svg",
-                      {
-                        width: "20",
-                        height: "20",
-                        viewBox: S["custom-pane"].viewBox,
-                        fill: "none",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        dangerouslySetInnerHTML: { __html: S["custom-pane"].elements.join("") }
-                      }
-                    ) }),
-                    /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: h.label })
-                  ]
-                },
-                h.id
-              ))
-            ] }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "ss-dash-sidebar-toggle",
-                id: "ss-dash-sidebar-toggle",
-                onClick: l,
-                title: w ? "Expand sidebar" : "Collapse sidebar",
-                children: w ? /* @__PURE__ */ e(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: S["chevron-right"].viewBox,
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    dangerouslySetInnerHTML: { __html: S["chevron-right"].elements.join("") }
-                  }
-                ) : /* @__PURE__ */ e(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: S["chevron-left"].viewBox,
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    dangerouslySetInnerHTML: { __html: S["chevron-left"].elements.join("") }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "ss-dash-main", children: W() })
-    ] })
-  ] });
-}
-function Ye(s, o = {}) {
-  const { baseUrl: t = "", debugEndpoint: n = "/admin/api/debug", authToken: a } = o, [i, u] = N(null), [r, m] = N(!0), [g, p] = N(null), d = R(null);
-  d.current || (d.current = new ie({
-    baseUrl: t,
-    endpoint: n,
-    authToken: a,
-    onData: (k) => u(k),
-    onLoading: (k) => m(k),
-    onError: (k) => p(k),
-    onUnauthorized: (k) => p(k)
-  })), B(() => {
-    const k = d.current;
-    return k.start(s), () => k.stop();
-  }, [s]);
-  const w = x(() => {
-    d.current?.refresh();
-  }, []), v = x(() => {
-    u(null);
-  }, []), b = x((k, E) => {
-    d.current?.cacheForTab(k, E);
-  }, []);
-  return { data: i, isLoading: r, error: g, refresh: w, clearData: v, cacheForTab: b };
-}
-function Ze({
-  color: s = "muted",
-  children: o,
-  className: t = "",
-  classPrefix: n = "ss-dash"
-}) {
-  return /* @__PURE__ */ e("span", { className: `${n}-badge ${n}-badge-${s} ${t}`, children: o });
-}
-function es({ method: s, className: o = "", classPrefix: t = "ss-dash" }) {
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: `${t}-method ${t}-method-${s.toLowerCase()} ${o}`,
-      children: s
-    }
-  );
-}
-function ss({ code: s, className: o = "", 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} ${o}`, children: s });
-}
-function ts({
-  data: s,
-  maxPreviewLength: o = 100,
-  className: t = "",
-  classPrefix: n = "ss-dash",
-  defaultExpanded: a = !1
-}) {
-  const [i, u] = N(a), r = D(() => {
-    if (typeof s == "string")
-      try {
-        return JSON.parse(s);
-      } catch {
-        return s;
-      }
-    return s;
-  }, [s]), m = D(() => typeof r == "object" && r !== null ? le(r, o) : String(r ?? "-"), [r, o]), g = D(() => typeof r == "object" && r !== null ? JSON.stringify(r, null, 2) : String(r), [r]), p = x(() => {
-    u((w) => !w);
-  }, []), d = x(async () => {
-    try {
-      await navigator.clipboard.writeText(g);
-    } catch {
-    }
-  }, [g]);
-  return !s && s !== 0 && s !== !1 ? /* @__PURE__ */ e("span", { className: `ss-dim ${n}-c-dim`, children: "-" }) : /* @__PURE__ */ c("div", { className: `${n}-data-cell ${t}`, children: [
-    !i && /* @__PURE__ */ e(
-      "span",
-      {
-        className: `${n}-data-preview`,
-        onClick: p,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (w) => w.key === "Enter" && p(),
-        children: m
-      }
-    ),
-    i && /* @__PURE__ */ c("div", { className: `${n}-data-full`, onClick: p, children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          className: `${n}-copy-btn`,
-          onClick: (w) => {
-            w.stopPropagation(), d();
-          },
-          title: "Copy to clipboard",
-          type: "button",
-          children: "Copy"
-        }
-      ),
-      /* @__PURE__ */ e("pre", { children: g })
-    ] })
-  ] });
-}
-function ns({ content: s, children: o, position: t = "top", className: n = "" }) {
-  const [a, i] = N(!1), [u, r] = N({ left: 0, bottom: 0 }), m = R(null), g = R(null), p = x(() => {
-    i(!0);
-  }, []), d = x(() => {
-    i(!1);
-  }, []);
-  return B(() => {
-    if (!a || !m.current || !g.current) return;
-    const w = m.current.getBoundingClientRect(), v = g.current.getBoundingClientRect();
-    let b = w.left + w.width / 2 - v.width / 2, k;
-    b < 8 && (b = 8), b + v.width > window.innerWidth - 8 && (b = window.innerWidth - 8 - v.width), t === "top" && (k = window.innerHeight - w.top + 8), r({ left: b, bottom: k ?? 0 });
-  }, [a, t]), /* @__PURE__ */ c(
-    "div",
-    {
-      ref: m,
-      className: `ss-tooltip-trigger ${n}`,
-      onMouseEnter: p,
-      onMouseLeave: d,
-      style: { display: "inline-flex", position: "relative" },
-      children: [
-        o,
-        a && /* @__PURE__ */ c(
-          "div",
-          {
-            ref: g,
-            className: "ss-tooltip",
-            style: {
-              position: "fixed",
-              left: `${u.left}px`,
-              bottom: t === "top" ? `${u.bottom}px` : void 0,
-              zIndex: 200,
-              pointerEvents: "none"
-            },
-            children: [
-              /* @__PURE__ */ e("div", { className: "ss-tooltip-inner", children: s }),
-              /* @__PURE__ */ e("div", { className: "ss-tooltip-arrow" })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Ze as B,
-  Xe as D,
-  ts as J,
-  es as M,
-  ss as S,
-  A as T,
-  Be as a,
-  ue as b,
-  Qe as c,
-  Ge as d,
-  ns as e,
-  U as f,
-  de as g,
-  F as h,
-  Ye as u
-};