adonisjs-server-stats 1.10.0 → 1.10.3

package/dist/react/index-CsImORX6.js

@@ -0,0 +1,1121 @@
+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-BQzcxEiW.js")), me = L(() => import("./EventsTab-CfVr7AiM.js")), ve = L(() => import("./EmailsTab-DbK4Eobn.js")), fe = L(() => import("./RoutesTab-CpYH5lUw.js")), we = L(() => import("./LogsTab-D8unMV5P.js")), ke = L(() => import("./TimelineTab-DjLR35Ce.js")), Ne = L(() => import("./CacheTab-2cw_rMzj.js")), ye = L(() => import("./JobsTab-znzf6jzk.js")), Ce = L(() => import("./ConfigTab-H3OnYqmK.js")), Se = L(() => import("./InternalsTab-Oij0A2fN.js")), Le = L(() => import("./CustomPaneTab-B6r7ha0u.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-ABP9ueBo.js")), Oe = L(() => import("./RequestsSection-kW79_M7k.js")), _e = L(() => import("./QueriesSection-CnmSkznA.js")), je = L(() => import("./EventsSection-C7RQW_LY.js")), Pe = L(() => import("./RoutesSection-BRhxrtjZ.js")), He = L(() => import("./LogsSection-Dmm3rE2B.js")), qe = L(() => import("./EmailsSection-C-UZISG-.js")), Ue = L(() => import("./CacheSection-baMZotSn.js")), Fe = L(() => import("./JobsSection-CQHNK_Ls.js")), Ae = L(() => import("./ConfigSection-DGgqjAal.js")), ze = L(() => import("./InternalsSection-t7ihcWO-.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,
+  ue as S,
+  A as T,
+  Be as a,
+  ss as b,
+  Qe as c,
+  Ge as d,
+  ns as e,
+  U as f,
+  de as g,
+  F as h,
+  Ye as u
+};