adonisjs-server-stats 1.9.0 → 1.10.3

package/dist/react/index-CecA4IdQ.js

@@ -1,1075 +0,0 @@
-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";
-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);
-  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 });
-        u || (d(f), n(!1));
-      } catch (f) {
-        u || (p(f instanceof Error ? f : new Error(String(f))), n(!1));
-      }
-    })(), () => {
-      u = !0;
-    };
-  }, [r, t, o]), { features: a, isLoading: g, error: v };
-}
-function ue(s = {}) {
-  const {
-    baseUrl: r = "",
-    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);
-  R(() => {
-    if (m) return;
-    const I = new X({
-      baseUrl: r,
-      endpoint: t,
-      channelName: o,
-      authToken: a,
-      pollInterval: d,
-      onStatsUpdate: (C) => n(C),
-      onConnectionChange: (C) => p(C),
-      onStaleChange: (C) => u(C),
-      onError: (C) => f(C),
-      onUnauthorizedChange: (C) => k(C)
-    });
-    return E.current = I, I.start(), () => {
-      I.stop(), E.current = null;
-    };
-  }, [r, o, a, d, m]);
-  const _ = B((I) => E.current?.getHistory(I) ?? [], []);
-  return {
-    stats: g,
-    history: E.current?.getAllHistory() ?? {},
-    getHistory: _,
-    isConnected: v,
-    isStale: h,
-    error: w,
-    unauthorized: m
-  };
-}
-function A() {
-  const [s, r] = y(() => Y());
-  R(() => Z((a) => {
-    r(a);
-  }), []);
-  const t = B(() => {
-    const o = ee();
-    return r(o), o;
-  }, []);
-  return { theme: s, toggleTheme: t };
-}
-function he({
-  data: s,
-  color: r = "#34d399",
-  width: t = 120,
-  height: o = 32,
-  className: a = ""
-}) {
-  const d = O(
-    () => se(s, { width: t, height: o }),
-    [s, t, o]
-  ), g = O(() => "ss-grad-" + Math.random().toString(36).slice(2, 8), []), n = { "--ss-accent": r };
-  if (!d)
-    return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: n, children: /* @__PURE__ */ e(
-      "svg",
-      {
-        width: t,
-        height: o,
-        viewBox: `0 0 ${t} ${o}`,
-        style: { display: "block" },
-        children: /* @__PURE__ */ l("text", { x: t / 2, y: o / 2 + 3, textAnchor: "middle", fill: "#737373", fontSize: "9", children: [
-          "collecting",
-          "…"
-        ] })
-      }
-    ) });
-  const v = r || "var(--ss-accent)";
-  return /* @__PURE__ */ e("div", { className: `ss-dash-sparkline ${a}`, style: n, children: /* @__PURE__ */ l(
-    "svg",
-    {
-      width: t,
-      height: o,
-      viewBox: `0 0 ${t} ${o}`,
-      style: { display: "block" },
-      children: [
-        /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-          /* @__PURE__ */ e("stop", { offset: "0%", stopColor: v, stopOpacity: "0.25" }),
-          /* @__PURE__ */ e("stop", { offset: "100%", stopColor: v, stopOpacity: "0.02" })
-        ] }) }),
-        /* @__PURE__ */ e("path", { d: d.areaPath, fill: `url(#${g})` }),
-        /* @__PURE__ */ e(
-          "path",
-          {
-            className: "ss-dash-sparkline-line",
-            d: "M" + d.points.replace(/ /g, " L"),
-            fill: "none",
-            stroke: v,
-            strokeWidth: "1.5",
-            strokeLinejoin: "round",
-            strokeLinecap: "round"
-          }
-        )
-      ]
-    }
-  ) });
-}
-const pe = {
-  "ss-red": "#f87171",
-  "ss-amber": "#fbbf24",
-  "ss-green": "#34d399",
-  "ss-muted": "#737373"
-};
-function me(s, r, t) {
-  const [o, a] = y({
-    position: "absolute",
-    bottom: "100%",
-    left: 0,
-    marginBottom: "10px",
-    zIndex: 180
-  });
-  return R(() => {
-    if (!t) return;
-    const d = () => {
-      const n = s.current, v = r.current;
-      if (!n || !v) return;
-      const p = n.closest(".ss-bar");
-      if (!p) return;
-      const h = n.getBoundingClientRect(), u = p.getBoundingClientRect(), w = h.left - u.left + h.width / 2;
-      a({
-        position: "absolute",
-        bottom: "100%",
-        left: `${w}px`,
-        transform: "translateX(-50%)",
-        marginBottom: "10px",
-        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) => ({
-          ...k,
-          transform: `translateX(calc(-50% + ${m}px))`
-        }));
-      });
-    };
-    d();
-    const g = s.current?.closest(".ss-bar-scroll");
-    return g?.addEventListener("scroll", d), window.addEventListener("resize", d), () => {
-      g?.removeEventListener("scroll", d), window.removeEventListener("resize", d);
-    };
-  }, [t, s, r]), o;
-}
-function be({ metric: s, stats: r, 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))
-    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);
-  }, []);
-  R(() => {
-    if (!a) return;
-    const $ = (b) => {
-      const x = b.target;
-      v.current && !v.current.contains(x) && p.current && !p.current.contains(x) && d(!1);
-    }, i = (b) => {
-      b.key === "Escape" && d(!1);
-    };
-    return document.addEventListener("click", $), document.addEventListener("keydown", i), () => {
-      document.removeEventListener("click", $), document.removeEventListener("keydown", i);
-    };
-  }, [a]);
-  const I = v.current?.closest(".ss-bar"), C = k && I ? de(
-    /* @__PURE__ */ l(
-      "div",
-      {
-        ref: p,
-        className: `ss-tooltip ${a ? "ss-pinned" : ""}`,
-        style: E,
-        children: [
-          /* @__PURE__ */ l("div", { className: "ss-tooltip-inner", style: { position: "relative" }, children: [
-            a && /* @__PURE__ */ e(
-              "button",
-              {
-                className: "ss-tooltip-close",
-                onClick: ($) => {
-                  $.stopPropagation(), d(!1);
-                },
-                type: "button",
-                children: "×"
-              }
-            ),
-            /* @__PURE__ */ l("div", { className: "ss-tooltip-header", children: [
-              /* @__PURE__ */ e("span", { className: "ss-tooltip-title", children: s.title }),
-              s.unit && /* @__PURE__ */ e("span", { className: "ss-tooltip-unit", children: s.unit })
-            ] }),
-            /* @__PURE__ */ l("div", { className: "ss-tooltip-current", children: [
-              /* @__PURE__ */ e("span", { className: "ss-tooltip-current-label", children: "Current: " }),
-              /* @__PURE__ */ e("span", { className: "ss-tooltip-current-value", children: h })
-            ] }),
-            m && /* @__PURE__ */ l("div", { className: "ss-tooltip-stats", children: [
-              /* @__PURE__ */ l("span", { children: [
-                "Min: ",
-                U(m.min, s.unit)
-              ] }),
-              /* @__PURE__ */ l("span", { children: [
-                "Max: ",
-                U(m.max, s.unit)
-              ] }),
-              /* @__PURE__ */ l("span", { children: [
-                "Avg: ",
-                U(m.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__ */ l("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" })
-        ]
-      }
-    ),
-    I
-  ) : null;
-  return /* @__PURE__ */ l(H, { children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        ref: v,
-        className: `ss-badge ${a ? "ss-pinned" : ""} ${o}`,
-        onClick: _,
-        onMouseEnter: () => !a && n(!0),
-        onMouseLeave: () => n(!1),
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: ($) => $.key === "Enter" && _($),
-        children: [
-          /* @__PURE__ */ e("span", { className: "ss-label", children: s.label }),
-          /* @__PURE__ */ e("span", { className: `ss-value ${u}`, children: h })
-        ]
-      }
-    ),
-    C
-  ] });
-}
-function We(s) {
-  const {
-    featureOptions: r,
-    autoHideOnUnauthorized: t = !0,
-    onOpenDebugPanel: o,
-    debugPanelOpen: a = !1,
-    onConnectionChange: d,
-    ...g
-  } = s, { stats: n, getHistory: v, isConnected: p, isStale: h, unauthorized: u } = ue(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);
-  R(() => {
-    t && u && k(!1);
-  }, [t, u]);
-  const I = B(() => {
-    k((b) => {
-      const x = !b;
-      return localStorage.setItem("admin:stats-bar", x ? "visible" : "hidden"), x;
-    });
-  }, []);
-  R(() => {
-    const b = _.current;
-    if (!b) return;
-    const x = (N) => {
-      Math.abs(N.deltaX) > Math.abs(N.deltaY) || (N.preventDefault(), b.scrollLeft += N.deltaY);
-    };
-    return b.addEventListener("wheel", x, { passive: !1 }), () => b.removeEventListener("wheel", x);
-  }, []);
-  const C = O(() => n ? ne(n) : oe(w), [n, w]), $ = O(
-    () => ie.filter((b) => C.has(b.group || "core")),
-    [C]
-  ), i = O(() => {
-    const b = [];
-    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);
-    }
-    return b;
-  }, [$]);
-  return t && u ? null : /* @__PURE__ */ l(H, { children: [
-    /* @__PURE__ */ l(
-      "button",
-      {
-        type: "button",
-        className: `ss-toggle ${m ? "ss-visible" : "ss-collapsed"}`,
-        onClick: I,
-        title: m ? "Hide stats bar" : "Show stats bar",
-        "data-ss-theme": f,
-        children: [
-          !m && n && /* @__PURE__ */ l("span", { className: "ss-toggle-summary", style: { display: "flex" }, children: [
-            C.has("process") && /* @__PURE__ */ l(H, { children: [
-              /* @__PURE__ */ l(
-                "span",
-                {
-                  className: `ss-value ${n.cpuPercent > 80 ? "ss-red" : n.cpuPercent > 50 ? "ss-amber" : "ss-green"}`,
-                  children: [
-                    n.cpuPercent.toFixed(0),
-                    "%"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e("span", { className: "ss-value ss-green", children: n.memHeapUsed !== void 0 ? Math.round(n.memHeapUsed / (1024 * 1024)) + "M" : "-" })
-            ] }),
-            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 ? "▼" : "▲" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ l("div", { ref: E, className: m ? "ss-bar" : "ss-bar ss-hidden", "data-ss-theme": f, children: [
-      /* @__PURE__ */ l("div", { className: "ss-bar-left", children: [
-        o && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            className: `ss-dbg-btn ${a ? "ss-dbg-active" : ""}`,
-            onClick: o,
-            title: "Toggle debug panel",
-            id: "ss-dbg-wrench",
-            children: /* @__PURE__ */ e(
-              "svg",
-              {
-                width: "14",
-                height: "14",
-                viewBox: L.wrench.viewBox,
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                dangerouslySetInnerHTML: { __html: L.wrench.elements.join("") }
-              }
-            )
-          }
-        ),
-        /* @__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: [
-        x > 0 && /* @__PURE__ */ e("div", { className: "ss-group-sep" }),
-        /* @__PURE__ */ e("div", { className: "ss-group", children: b.metrics.map((N) => /* @__PURE__ */ e(
-          be,
-          {
-            metric: N,
-            stats: n,
-            history: v(N.historyKey || "")
-          },
-          N.id
-        )) })
-      ] }, b.group)) })
-    ] })
-  ] });
-}
-function J({
-  theme: s,
-  onToggle: r,
-  className: t = "",
-  classPrefix: o = "ss-dash"
-}) {
-  const a = s === "dark";
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      type: "button",
-      className: `${o === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"} ${t}`,
-      onClick: r,
-      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: L.sun.viewBox,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: L.sun.elements.join("") }
-          }
-        )
-      ) : (
-        // Moon icon
-        /* @__PURE__ */ e(
-          "svg",
-          {
-            width: "16",
-            height: "16",
-            viewBox: L.moon.viewBox,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: L.moon.elements.join("") }
-          }
-        )
-      )
-    }
-  );
-}
-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 {
-    defaultOpen: r = !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 || [];
-  R(() => {
-    const i = (b) => {
-      b.key === "Escape" && p && h(!1);
-    };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [p]);
-  const _ = O(
-    () => [
-      { 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: "Timeline", 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), [_]);
-  R(() => {
-    const i = [
-      ...I.map((b) => b.id),
-      ...E.map((b) => b.id)
-    ];
-    !i.includes(u) && i.length > 0 && w(i[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 x = {
-      queries: /* @__PURE__ */ e(ge, { ...i }),
-      events: /* @__PURE__ */ e(ve, { ...i }),
-      emails: /* @__PURE__ */ e(fe, { ...i }),
-      routes: /* @__PURE__ */ e(
-        we,
-        {
-          ...i,
-          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 })
-    };
-    return /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading..." }), children: x[u] || /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Unknown tab" }) });
-  }, [u, g, E]);
-  return /* @__PURE__ */ l(H, { children: [
-    o === void 0 && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: `ss-dbg-btn ${p ? "ss-dbg-active" : ""}`,
-        onClick: C,
-        title: "Toggle debug panel",
-        id: "ss-dbg-wrench",
-        children: /* @__PURE__ */ e(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: L.wrench.viewBox,
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            dangerouslySetInnerHTML: { __html: L.wrench.elements.join("") }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: `ss-dbg-panel ${p ? "ss-dbg-open" : ""}`,
-        "data-ss-theme": m,
-        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(
-                "button",
-                {
-                  type: "button",
-                  className: `ss-dbg-tab ${u === i.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => w(i.id),
-                  children: [
-                    L[i.id] ? /* @__PURE__ */ e(
-                      "svg",
-                      {
-                        className: "ss-dbg-tab-icon",
-                        viewBox: L[i.id].viewBox,
-                        dangerouslySetInnerHTML: { __html: L[i.id].elements.join("") }
-                      }
-                    ) : null,
-                    i.label
-                  ]
-                },
-                i.id
-              )),
-              E.map((i) => /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: `ss-dbg-tab ${u === i.id ? "ss-dbg-active" : ""}`,
-                  onClick: () => w(i.id),
-                  children: i.label
-                },
-                i.id
-              ))
-            ] }),
-            /* @__PURE__ */ l("div", { className: "ss-dbg-tabs-right", children: [
-              /* @__PURE__ */ e(
-                "span",
-                {
-                  className: `ss-dbg-conn-mode ${d ? "ss-dbg-conn-live" : "ss-dbg-conn-polling"}`,
-                  title: d ? "Connected via Transmit (SSE) — real-time updates" : "Polling every 3s",
-                  children: d ? "live" : "polling"
-                }
-              ),
-              /* @__PURE__ */ e(J, { theme: m, 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: L["external-link"].viewBox,
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      dangerouslySetInnerHTML: { __html: L["external-link"].elements.join("") }
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  type: "button",
-                  className: "ss-dbg-close",
-                  onClick: () => h(!1),
-                  title: "Close panel",
-                  children: "×"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: "ss-dbg-content", children: p && $() })
-        ]
-      }
-    )
-  ] });
-}
-function Ee(s, r = {}) {
-  const {
-    baseUrl: t = "",
-    dashboardEndpoint: o = "/__stats/api",
-    authToken: a,
-    page: d = 1,
-    perPage: g = 50,
-    search: n,
-    sort: v,
-    sortDir: p,
-    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({
-    baseUrl: t,
-    endpoint: o,
-    authToken: a,
-    section: s,
-    perPage: g,
-    callbacks: {
-      onData: (M) => m(M),
-      onPagination: (M) => E(M),
-      onLoading: (M) => I(M),
-      onError: (M) => $(M),
-      onUnauthorized: () => {
-      }
-    }
-  })), 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), () => {
-      M.stop();
-    };
-  }, [s, d, g, n, v, p, h, u, w]);
-  const N = B(() => {
-    i.current?.fetch(!0);
-  }, []), D = B(
-    async (M, c = "post", S) => i.current.mutate(M, c, S),
-    []
-  ), P = B(() => i.current.getApi(), []);
-  return { data: f, meta: k, isLoading: _, error: C, refresh: N, mutate: D, getApi: P };
-}
-const $e = [
-  "overview",
-  "requests",
-  "queries",
-  "events",
-  "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) {
-  const {
-    baseUrl: r = "",
-    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);
-  R(() => {
-    if (!g) return;
-    const c = ae({
-      baseUrl: r,
-      channelName: g,
-      authToken: a,
-      onMessage: () => {
-        I.current += 1, _(I.current);
-      },
-      onConnect: () => k(!0),
-      onDisconnect: () => k(!1),
-      onError: () => k(!1)
-    });
-    return () => c.unsubscribe();
-  }, [r, 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";
-    },
-    [C]
-  );
-  R(() => {
-    if (typeof window > "u") return;
-    const c = $(window.location.hash);
-    (c !== "overview" || window.location.hash) && u(c);
-  }, [$]), R(() => {
-    const c = () => {
-      const S = $(window.location.hash);
-      S !== h && u(S);
-    };
-    return window.addEventListener("hashchange", c), () => window.removeEventListener("hashchange", c);
-  }, [h, $]), R(() => {
-    typeof window > "u" || (window.location.hash = h);
-  }, [h]);
-  const i = B(() => {
-    f((c) => {
-      const S = !c;
-      return localStorage.setItem("ss-dash-sidebar", S ? "collapsed" : "expanded"), S;
-    });
-  }, []), b = O(
-    () => [
-      { 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: "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(() => {
-    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 });
-    }
-    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 })
-    };
-    return /* @__PURE__ */ e("div", { className: "ss-dash-pane ss-dash-active", id: `ss-dash-pane-${h}`, children: /* @__PURE__ */ e("div", { className: "ss-dash-pane-inner", children: /* @__PURE__ */ e(F, { fallback: /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading..." }), children: c[h] || /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Unknown section" }) }) }) });
-  }, [h, N]);
-  return /* @__PURE__ */ l("div", { className: "ss-dash", "data-theme": v, id: "ss-dash", children: [
-    /* @__PURE__ */ l("div", { className: "ss-dash-header", children: [
-      /* @__PURE__ */ l("div", { className: "ss-dash-header-left", children: [
-        /* @__PURE__ */ e("span", { className: "ss-dash-logo", children: "Server Stats" }),
-        /* @__PURE__ */ e("span", { className: "ss-dash-logo-sub", children: "Dashboard" })
-      ] }),
-      /* @__PURE__ */ l("div", { className: "ss-dash-header-center", children: [
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: `ss-dash-live-dot ${m ? "ss-dash-connected" : ""}`,
-            id: "ss-dash-live-dot"
-          }
-        ),
-        /* @__PURE__ */ e(
-          "span",
-          {
-            className: `ss-dash-live-label ${m ? "ss-dash-connected" : ""}`,
-            id: "ss-dash-live-label",
-            children: m ? "Live" : "Polling"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { className: "ss-dash-header-right", children: [
-        /* @__PURE__ */ e(J, { theme: v, onToggle: p }),
-        d && /* @__PURE__ */ e("a", { href: d, className: "ss-dash-back-link", title: "Back to app", children: "← App" })
-      ] })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "ss-dash-body", children: [
-      /* @__PURE__ */ l(
-        "div",
-        {
-          className: `ss-dash-sidebar ${w ? "ss-dash-collapsed" : ""}`,
-          id: "ss-dash-sidebar",
-          children: [
-            /* @__PURE__ */ l("nav", { className: "ss-dash-nav", children: [
-              x.map((c) => {
-                const S = P[c.id];
-                return /* @__PURE__ */ l(
-                  "button",
-                  {
-                    type: "button",
-                    className: `ss-dash-nav-item ${h === c.id ? "ss-dash-active" : ""}`,
-                    "data-ss-section": c.id,
-                    onClick: () => {
-                      c.id !== h && u(c.id);
-                    },
-                    title: w ? c.label : void 0,
-                    children: [
-                      /* @__PURE__ */ e("span", { className: "ss-dash-nav-icon", children: /* @__PURE__ */ e(
-                        "svg",
-                        {
-                          width: "20",
-                          height: "20",
-                          viewBox: (L[W(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("")
-                          }
-                        }
-                      ) }),
-                      /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: c.label }),
-                      S && S.count > 0 && /* @__PURE__ */ e(
-                        "span",
-                        {
-                          className: `ss-dash-nav-badge${S.variant ? " " + S.variant : ""}`,
-                          children: S.count
-                        }
-                      )
-                    ]
-                  },
-                  c.id
-                );
-              }),
-              C.length > 0 && /* @__PURE__ */ e("div", { className: "ss-dash-nav-sep" }),
-              C.map((c) => /* @__PURE__ */ l(
-                "button",
-                {
-                  type: "button",
-                  className: `ss-dash-nav-item ${h === c.id ? "ss-dash-active" : ""}`,
-                  onClick: () => u(c.id),
-                  title: w ? c.label : void 0,
-                  children: [
-                    /* @__PURE__ */ e("span", { className: "ss-dash-nav-icon", children: /* @__PURE__ */ e(
-                      "svg",
-                      {
-                        width: "20",
-                        height: "20",
-                        viewBox: L["custom-pane"].viewBox,
-                        fill: "none",
-                        stroke: "currentColor",
-                        strokeWidth: "2",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        dangerouslySetInnerHTML: { __html: L["custom-pane"].elements.join("") }
-                      }
-                    ) }),
-                    /* @__PURE__ */ e("span", { className: "ss-dash-nav-label", children: c.label })
-                  ]
-                },
-                c.id
-              ))
-            ] }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "ss-dash-sidebar-toggle",
-                id: "ss-dash-sidebar-toggle",
-                onClick: i,
-                title: w ? "Expand sidebar" : "Collapse sidebar",
-                children: w ? /* @__PURE__ */ e(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: L["chevron-right"].viewBox,
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    dangerouslySetInnerHTML: { __html: L["chevron-right"].elements.join("") }
-                  }
-                ) : /* @__PURE__ */ e(
-                  "svg",
-                  {
-                    width: "16",
-                    height: "16",
-                    viewBox: L["chevron-left"].viewBox,
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    dangerouslySetInnerHTML: { __html: L["chevron-left"].elements.join("") }
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "ss-dash-main", children: M() })
-    ] })
-  ] });
-}
-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({
-    baseUrl: t,
-    endpoint: o,
-    authToken: a,
-    onData: (k) => g(k),
-    onLoading: (k) => v(k),
-    onError: (k) => h(k),
-    onUnauthorized: (k) => h(k)
-  })), R(() => {
-    const k = u.current;
-    return k.start(s), () => k.stop();
-  }, [s]);
-  const w = B(() => {
-    u.current?.refresh();
-  }, []), f = B(() => {
-    g(null);
-  }, []), m = B((k, E) => {
-    u.current?.cacheForTab(k, E);
-  }, []);
-  return { data: d, isLoading: n, error: p, refresh: w, clearData: f, cacheForTab: m };
-}
-function Ge({
-  color: s = "muted",
-  children: r,
-  className: t = "",
-  classPrefix: o = "ss-dash"
-}) {
-  return /* @__PURE__ */ e("span", { className: `${o}-badge ${o}-badge-${s} ${t}`, children: r });
-}
-function Qe({ method: s, className: r = "", classPrefix: t = "ss-dash" }) {
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      className: `${t}-method ${t}-method-${s.toLowerCase()} ${r}`,
-      children: s
-    }
-  );
-}
-function Xe({ code: s, className: r = "", 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 });
-}
-function Ye({
-  data: s,
-  maxPreviewLength: r = 100,
-  className: t = "",
-  classPrefix: o = "ss-dash",
-  defaultExpanded: a = !1
-}) {
-  const [d, g] = y(a), n = O(() => {
-    if (typeof s == "string")
-      try {
-        return JSON.parse(s);
-      } catch {
-        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(() => {
-    g((w) => !w);
-  }, []), u = B(async () => {
-    try {
-      await navigator.clipboard.writeText(p);
-    } catch {
-    }
-  }, [p]);
-  return !s && s !== 0 && s !== !1 ? /* @__PURE__ */ e("span", { className: `ss-dim ${o}-c-dim`, children: "-" }) : /* @__PURE__ */ l("div", { className: `${o}-data-cell ${t}`, children: [
-    !d && /* @__PURE__ */ e(
-      "span",
-      {
-        className: `${o}-data-preview`,
-        onClick: h,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (w) => w.key === "Enter" && h(),
-        children: v
-      }
-    ),
-    d && /* @__PURE__ */ l("div", { className: `${o}-data-full`, onClick: h, children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          className: `${o}-copy-btn`,
-          onClick: (w) => {
-            w.stopPropagation(), u();
-          },
-          title: "Copy to clipboard",
-          type: "button",
-          children: "Copy"
-        }
-      ),
-      /* @__PURE__ */ e("pre", { children: p })
-    ] })
-  ] });
-}
-function Ze({ content: s, children: r, position: t = "top", className: o = "" }) {
-  const [a, d] = y(!1), [g, n] = y({ left: 0, bottom: 0 }), v = j(null), p = j(null), h = B(() => {
-    d(!0);
-  }, []), u = B(() => {
-    d(!1);
-  }, []);
-  return R(() => {
-    if (!a || !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 });
-  }, [a, t]), /* @__PURE__ */ l(
-    "div",
-    {
-      ref: v,
-      className: `ss-tooltip-trigger ${o}`,
-      onMouseEnter: h,
-      onMouseLeave: u,
-      style: { display: "inline-flex", position: "relative" },
-      children: [
-        r,
-        a && /* @__PURE__ */ l(
-          "div",
-          {
-            ref: p,
-            className: "ss-tooltip",
-            style: {
-              position: "fixed",
-              left: `${g.left}px`,
-              bottom: t === "top" ? `${g.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 {
-  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,
-  z as f,
-  ue as g,
-  A as h,
-  Ke as u
-};