adonisjs-server-stats 1.8.0 → 1.10.0

package/dist/vue/index-Bj6pm5g3.js

@@ -1,1235 +0,0 @@
-import { ref as v, reactive as oe, computed as m, onMounted as X, onUnmounted as te, defineComponent as se, openBlock as t, createElementBlock as o, normalizeStyle as pe, Fragment as W, createElementVNode as l, watch as ee, nextTick as ke, onBeforeUnmount as de, normalizeClass as z, toDisplayString as M, createCommentVNode as E, createBlock as V, Teleport as ye, withModifiers as we, unref as s, createVNode as ue, renderList as ae, defineAsyncComponent as $, createTextVNode as Te, provide as ne, Suspense as Ce, withCtx as he, resolveDynamicComponent as _e } from "vue";
-import { ServerStatsController as Ee, DEFAULT_FEATURES as Se, detectFeatures as xe, getTheme as ve, onThemeChange as $e, toggleTheme as Le, buildSparklineData as Be, computeStats as Me, formatStatNum as re, detectMetricGroupsFromStats as Pe, getVisibleMetricGroups as Ue, getMetricsByGroup as Re, TAB_ICONS as j, DebugDataController as fe, DashboardDataController as De, UnauthorizedError as je, subscribeToChannel as He } from "adonisjs-server-stats/core";
-function Ae(e = {}) {
-  const {
-    baseUrl: T = "",
-    endpoint: a = "/admin/api/server-stats",
-    channelName: S = "admin/server-stats",
-    authToken: i,
-    pollInterval: f = 3e3
-  } = e, C = v(null), k = oe({}), x = v(!1), P = v(!1), U = v(null), _ = v(!1), h = v(!1), b = v(!1);
-  let u = null;
-  const r = m(() => _.value ? "disconnected" : h.value ? "live" : b.value ? "polling" : "disconnected");
-  return X(() => {
-    _.value || (u = new Ee({
-      baseUrl: T,
-      endpoint: a,
-      channelName: S,
-      authToken: i,
-      pollInterval: f,
-      onStatsUpdate: (p) => {
-        C.value = p;
-      },
-      onConnectionChange: (p) => {
-        x.value = p;
-      },
-      onStaleChange: (p) => {
-        P.value = p;
-      },
-      onError: (p) => {
-        U.value = p;
-      },
-      onUnauthorizedChange: (p) => {
-        _.value = p;
-      },
-      onHistoryChange: (p) => {
-        for (const y of Object.keys(p))
-          k[y] = p[y];
-      },
-      onSseActiveChange: (p) => {
-        h.value = p;
-      },
-      onPollActiveChange: (p) => {
-        b.value = p;
-      }
-    }), u.start());
-  }), te(() => {
-    u?.stop(), u = null;
-  }), {
-    stats: C,
-    history: k,
-    isConnected: x,
-    isStale: P,
-    isUnauthorized: _,
-    error: U,
-    connectionMode: r
-  };
-}
-function ce(e = {}) {
-  const { baseUrl: T = "", debugEndpoint: a = "/admin/api/debug", authToken: S } = e, i = v({ ...Se }), f = v(!0);
-  return X(async () => {
-    i.value = await xe({ baseUrl: T, debugEndpoint: a, authToken: S }), f.value = !1;
-  }), {
-    features: i,
-    loading: f
-  };
-}
-function le() {
-  const e = v(ve());
-  let T = null;
-  function a(i) {
-    e.value = i;
-  }
-  function S() {
-    const i = Le();
-    return e.value = i, i;
-  }
-  return X(() => {
-    e.value = ve(), T = $e(a);
-  }), te(() => {
-    T?.();
-  }), {
-    theme: e,
-    toggleTheme: S
-  };
-}
-const Ie = ["width", "height", "viewBox"], qe = ["id"], Oe = ["stop-color"], ze = ["stop-color"], Ne = ["d", "fill"], Fe = ["d", "stroke"], Ve = ["x", "y"], Ge = /* @__PURE__ */ se({
-  __name: "Sparkline",
-  props: {
-    data: {},
-    color: { default: "#34d399" },
-    width: { default: 120 },
-    height: { default: 32 }
-  },
-  setup(e) {
-    const T = e, a = m(
-      () => Be(T.data, {
-        width: T.width,
-        height: T.height,
-        color: T.color
-      })
-    ), S = m(() => a.value !== null), i = m(() => `sg-${T.color.replace("#", "")}`);
-    return (f, C) => (t(), o("div", {
-      class: "ss-dash-sparkline",
-      style: pe({ "--ss-accent": e.color })
-    }, [
-      (t(), o("svg", {
-        width: e.width,
-        height: e.height,
-        viewBox: `0 0 ${e.width} ${e.height}`,
-        style: { display: "block" }
-      }, [
-        S.value && a.value ? (t(), o(W, { key: 0 }, [
-          l("defs", null, [
-            l("linearGradient", {
-              id: i.value,
-              x1: "0",
-              y1: "0",
-              x2: "0",
-              y2: "1"
-            }, [
-              l("stop", {
-                offset: "0%",
-                "stop-color": e.color,
-                "stop-opacity": "0.25"
-              }, null, 8, Oe),
-              l("stop", {
-                offset: "100%",
-                "stop-color": e.color,
-                "stop-opacity": "0.02"
-              }, null, 8, ze)
-            ], 8, qe)
-          ]),
-          l("path", {
-            d: a.value.areaPath,
-            fill: `url(#${i.value})`
-          }, null, 8, Ne),
-          l("path", {
-            class: "ss-dash-sparkline-line",
-            d: "M" + a.value.points.replace(/ /g, " L"),
-            fill: "none",
-            stroke: e.color,
-            "stroke-width": "1.5",
-            "stroke-linejoin": "round",
-            "stroke-linecap": "round"
-          }, null, 8, Fe)
-        ], 64)) : (t(), o("text", {
-          key: 1,
-          x: e.width / 2,
-          y: e.height / 2 + 3,
-          "text-anchor": "middle",
-          fill: "#737373",
-          "font-size": "9"
-        }, " collecting... ", 8, Ve))
-      ], 8, Ie))
-    ], 4));
-  }
-}), Qe = ["id"], Ke = { class: "ss-label" }, Je = {
-  class: "ss-tooltip-inner",
-  style: { position: "relative" }
-}, We = { class: "ss-tooltip-header" }, Xe = { class: "ss-tooltip-title" }, Ye = {
-  key: 0,
-  class: "ss-tooltip-unit"
-}, Ze = { class: "ss-tooltip-current" }, et = { class: "ss-tooltip-current-value" }, tt = {
-  key: 1,
-  class: "ss-tooltip-stats"
-}, st = {
-  key: 2,
-  class: "ss-tooltip-details"
-}, nt = {
-  key: 3,
-  class: "ss-tooltip-sparkline"
-}, at = {
-  key: 4,
-  class: "ss-tooltip-samples"
-}, ot = /* @__PURE__ */ se({
-  __name: "MetricCard",
-  props: {
-    metric: {},
-    stats: {},
-    history: {}
-  },
-  emits: ["pin"],
-  setup(e, { emit: T }) {
-    const a = e, S = T, i = v(!1), f = v(!1), C = v(null), k = v(null), x = v(null), P = v({
-      position: "absolute",
-      bottom: "100%",
-      left: "0",
-      marginBottom: "10px",
-      zIndex: "180"
-    });
-    X(() => {
-      C.value && (x.value = C.value.closest(".ss-bar"));
-    });
-    function U() {
-      const L = C.value, F = k.value, Z = x.value;
-      if (!L || !F || !Z) return;
-      const K = L.getBoundingClientRect(), G = Z.getBoundingClientRect(), J = K.left - G.left + K.width / 2;
-      P.value = {
-        position: "absolute",
-        bottom: "100%",
-        left: `${J}px`,
-        transform: "translateX(-50%)",
-        marginBottom: "10px",
-        zIndex: "180"
-      }, requestAnimationFrame(() => {
-        if (!k.value) return;
-        const w = k.value.getBoundingClientRect();
-        let A = 0;
-        w.left < 8 ? A = 8 - w.left : w.right > window.innerWidth - 8 && (A = window.innerWidth - 8 - w.right), A && (P.value = {
-          ...P.value,
-          transform: `translateX(calc(-50% + ${A}px))`
-        });
-      });
-    }
-    const _ = m(() => i.value || f.value);
-    ee(_, (L) => {
-      L && ke(U);
-    });
-    let h = null;
-    function b() {
-      _.value && U();
-    }
-    function u() {
-      _.value && U();
-    }
-    X(() => {
-      h = C.value?.closest(".ss-bar-scroll") ?? null, h?.addEventListener("scroll", b), window.addEventListener("resize", u);
-    }), de(() => {
-      h?.removeEventListener("scroll", b), window.removeEventListener("resize", u);
-    });
-    const r = m(() => a.stats ? (a.metric.value || a.metric.format)(a.stats) : "..."), p = m(() => !a.stats || !a.metric.color ? "green" : a.metric.color(a.stats)), y = m(() => !a.stats || !a.metric.show ? !0 : a.metric.show(a.stats)), R = m(() => a.metric.detail ? typeof a.metric.detail == "function" ? a.stats ? a.metric.detail(a.stats) : "" : a.metric.detail : ""), q = m(() => ({
-      green: "#34d399",
-      amber: "#fbbf24",
-      red: "#f87171",
-      muted: "#737373"
-    })[p.value] || "#34d399"), D = m(() => Me(a.history));
-    function c() {
-      i.value = !0;
-    }
-    function g() {
-      i.value = !1;
-    }
-    function O() {
-      f.value = !f.value, f.value && S("pin", a.metric.id);
-    }
-    function H() {
-      f.value = !1;
-    }
-    function Y(L) {
-      L.key === "Enter" && O();
-    }
-    function N(L) {
-      const F = L.target;
-      C.value && !C.value.contains(F) && k.value && !k.value.contains(F) && (f.value = !1);
-    }
-    function Q(L) {
-      L.key === "Escape" && (f.value = !1);
-    }
-    return ee(f, (L) => {
-      L ? (document.addEventListener("click", N), document.addEventListener("keydown", Q)) : (document.removeEventListener("click", N), document.removeEventListener("keydown", Q));
-    }), de(() => {
-      document.removeEventListener("click", N), document.removeEventListener("keydown", Q);
-    }), (L, F) => (t(), o(W, null, [
-      y.value ? (t(), o("div", {
-        key: 0,
-        ref_key: "badgeRef",
-        ref: C,
-        id: `ss-b-${e.metric.id}`,
-        class: z(["ss-badge", { "ss-pinned": f.value }]),
-        role: "button",
-        tabindex: 0,
-        onMouseenter: c,
-        onMouseleave: g,
-        onClick: O,
-        onKeydown: Y
-      }, [
-        l("span", Ke, M(e.metric.label), 1),
-        l("span", {
-          class: z(["ss-value", `ss-${p.value}`])
-        }, M(r.value), 3)
-      ], 42, Qe)) : E("", !0),
-      _.value && x.value ? (t(), V(ye, {
-        key: 1,
-        to: x.value
-      }, [
-        l("div", {
-          ref_key: "tooltipRef",
-          ref: k,
-          class: z(["ss-tooltip", { "ss-pinned": f.value }]),
-          style: pe(P.value)
-        }, [
-          l("div", Je, [
-            f.value ? (t(), o("button", {
-              key: 0,
-              class: "ss-tooltip-close",
-              onClick: we(H, ["stop"])
-            }, "×")) : E("", !0),
-            l("div", We, [
-              l("span", Xe, M(e.metric.title), 1),
-              e.metric.unit ? (t(), o("span", Ye, M(e.metric.unit), 1)) : E("", !0)
-            ]),
-            l("div", Ze, [
-              F[0] || (F[0] = l("span", { class: "ss-tooltip-current-label" }, "Current: ", -1)),
-              l("span", et, M(r.value), 1)
-            ]),
-            D.value ? (t(), o("div", tt, [
-              l("span", null, "Min: " + M(s(re)(D.value.min, e.metric.unit)), 1),
-              l("span", null, "Max: " + M(s(re)(D.value.max, e.metric.unit)), 1),
-              l("span", null, "Avg: " + M(s(re)(D.value.avg, e.metric.unit)), 1)
-            ])) : E("", !0),
-            R.value ? (t(), o("div", st, M(R.value), 1)) : E("", !0),
-            e.history.length > 0 ? (t(), o("div", nt, [
-              ue(Ge, {
-                data: e.history,
-                color: q.value
-              }, null, 8, ["data", "color"])
-            ])) : E("", !0),
-            e.history.length > 0 ? (t(), o("div", at, " Last " + M(Math.min(e.history.length, 60)) + " samples (~" + M(Math.round(Math.min(e.history.length, 60) * 3 / 60)) + " min) ", 1)) : E("", !0)
-          ]),
-          F[1] || (F[1] = l("div", { class: "ss-tooltip-arrow" }, null, -1))
-        ], 6)
-      ], 8, ["to"])) : E("", !0)
-    ], 64));
-  }
-}), lt = ["data-ss-theme"], it = { class: "ss-bar-left" }, rt = ["viewBox", "innerHTML"], ut = { class: "ss-group" }, ct = {
-  key: 0,
-  class: "ss-group-sep"
-}, dt = ["data-ss-theme", "title"], ht = {
-  key: 0,
-  class: "ss-toggle-summary",
-  style: { display: "flex" }
-}, vt = {
-  key: 1,
-  class: "ss-value ss-green"
-}, ft = {
-  key: 1,
-  class: "ss-toggle-label",
-  style: { color: "#737373" }
-}, bt = { class: "ss-toggle-arrow" }, be = "admin:stats-bar", as = /* @__PURE__ */ se({
-  __name: "StatsBar",
-  props: {
-    debugEndpoint: { default: "/admin/api/debug" },
-    baseUrl: { default: "" },
-    endpoint: { default: "/admin/api/server-stats" },
-    channelName: { default: "admin/server-stats" },
-    authToken: {},
-    pollInterval: { default: 3e3 },
-    className: {},
-    debugPanelOpen: { type: Boolean, default: !1 }
-  },
-  emits: ["openDebugPanel", "connectionChange"],
-  setup(e, { emit: T }) {
-    const a = e, S = T, { stats: i, history: f, isStale: C, isUnauthorized: k, isConnected: x, connectionMode: P } = Ae({
-      baseUrl: a.baseUrl,
-      endpoint: a.endpoint,
-      channelName: a.channelName,
-      authToken: a.authToken,
-      pollInterval: a.pollInterval
-    });
-    ee(x, (g) => {
-      S("connectionChange", g);
-    });
-    const { features: U } = ce({
-      baseUrl: a.baseUrl,
-      debugEndpoint: a.debugEndpoint,
-      authToken: a.authToken
-    }), { theme: _ } = le(), h = v(!0), b = v(null);
-    X(() => {
-      h.value = localStorage.getItem(be) !== "hidden";
-      const g = b.value;
-      if (g) {
-        const O = (H) => {
-          Math.abs(H.deltaX) > Math.abs(H.deltaY) || (H.preventDefault(), g.scrollLeft += H.deltaY);
-        };
-        g.addEventListener("wheel", O, { passive: !1 }), te(() => g.removeEventListener("wheel", O));
-      }
-    });
-    function u() {
-      h.value = !h.value, localStorage.setItem(be, h.value ? "visible" : "hidden");
-    }
-    ee(k, (g) => {
-      g && (h.value = !1);
-    });
-    const r = m(() => i.value ? Pe(i.value) : Ue(U.value)), p = m(() => {
-      const g = Re();
-      return Array.from(g.entries()).filter(([O]) => r.value.has(O)).map(([O, H]) => ({
-        name: O,
-        metrics: H
-      }));
-    });
-    function y(g) {
-      return g ? f[g] || [] : [];
-    }
-    const R = m(() => i.value ? `${i.value.cpuPercent.toFixed(0)}%` : "..."), q = m(() => i.value ? i.value.memHeapUsed !== void 0 ? Math.round(i.value.memHeapUsed / (1024 * 1024)) + "M" : "-" : "..."), D = m(() => i.value ? i.value.redisOk ? "✓" : "✗" : "..."), c = m(() => _.value);
-    return (g, O) => (t(), o(W, null, [
-      s(k) ? E("", !0) : (t(), o("div", {
-        key: 0,
-        id: "ss-bar",
-        class: z(["ss-bar", { "ss-hidden": !h.value }]),
-        "data-ss-theme": c.value
-      }, [
-        l("div", it, [
-          s(U).tracing || r.value.has("redis") || r.value.has("queue") ? (t(), o("button", {
-            key: 0,
-            type: "button",
-            class: z(["ss-dbg-btn", { "ss-dbg-active": e.debugPanelOpen }]),
-            title: "Toggle debug panel",
-            id: "ss-dbg-wrench",
-            onClick: O[0] || (O[0] = (H) => S("openDebugPanel"))
-          }, [
-            (t(), o("svg", {
-              width: "14",
-              height: "14",
-              viewBox: s(j).wrench.viewBox,
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              innerHTML: s(j).wrench.elements.join("")
-            }, null, 8, rt))
-          ], 2)) : E("", !0),
-          l("div", {
-            class: z(["ss-dot", { "ss-stale": s(C) }])
-          }, null, 2)
-        ]),
-        l("div", {
-          ref_key: "scrollRef",
-          ref: b,
-          id: "ss-bar-scroll",
-          class: "ss-bar-scroll"
-        }, [
-          (t(!0), o(W, null, ae(p.value, (H, Y) => (t(), o(W, {
-            key: H.name
-          }, [
-            l("div", ut, [
-              (t(!0), o(W, null, ae(H.metrics, (N) => (t(), V(ot, {
-                key: N.id,
-                metric: N,
-                stats: s(i),
-                history: y(N.historyKey)
-              }, null, 8, ["metric", "stats", "history"]))), 128))
-            ]),
-            Y < p.value.length - 1 ? (t(), o("div", ct)) : E("", !0)
-          ], 64))), 128))
-        ], 512)
-      ], 10, lt)),
-      s(k) ? E("", !0) : (t(), o("button", {
-        key: 1,
-        type: "button",
-        class: z(["ss-toggle", h.value ? "ss-visible" : "ss-collapsed"]),
-        "data-ss-theme": c.value,
-        title: h.value ? "Hide stats bar" : "Show stats bar",
-        onClick: u
-      }, [
-        !h.value && s(i) ? (t(), o("span", ht, [
-          r.value.has("process") ? (t(), o("span", {
-            key: 0,
-            class: z([
-              "ss-value",
-              s(i).cpuPercent > 80 ? "ss-red" : s(i).cpuPercent > 50 ? "ss-amber" : "ss-green"
-            ])
-          }, M(R.value), 3)) : E("", !0),
-          r.value.has("process") ? (t(), o("span", vt, M(q.value), 1)) : E("", !0),
-          r.value.has("redis") && s(i)?.redisOk !== void 0 ? (t(), o("span", {
-            key: 2,
-            class: z(["ss-value", s(i)?.redisOk ? "ss-green" : "ss-red"])
-          }, M(D.value), 3)) : E("", !0)
-        ])) : E("", !0),
-        h.value ? (t(), o("span", ft, "hide stats")) : E("", !0),
-        l("span", bt, M(h.value ? "▼" : "▲"), 1)
-      ], 10, dt))
-    ], 64));
-  }
-}), ge = /* @__PURE__ */ new Set(["cache", "jobs", "config"]);
-function gt(e, T = {}) {
-  const {
-    baseUrl: a = "",
-    debugEndpoint: S = "/admin/api/debug",
-    dashboardEndpoint: i,
-    authToken: f,
-    refreshInterval: C
-  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), _ = new fe({
-    baseUrl: a,
-    endpoint: S,
-    authToken: f,
-    refreshInterval: C,
-    onData: (c) => {
-      k.value = c;
-    },
-    onLoading: (c) => {
-      x.value = c;
-    },
-    onError: (c) => {
-      P.value = c;
-    },
-    onUnauthorized: () => {
-      U.value = !0;
-    }
-  });
-  let h = null;
-  function b() {
-    return !h && i && (h = new fe({
-      baseUrl: a,
-      endpoint: i,
-      authToken: f,
-      refreshInterval: C,
-      onData: (c) => {
-        k.value = c;
-      },
-      onLoading: (c) => {
-        x.value = c;
-      },
-      onError: (c) => {
-        P.value = c;
-      },
-      onUnauthorized: () => {
-        U.value = !0;
-      }
-    })), h;
-  }
-  function u() {
-    const c = e();
-    if (c && !c.startsWith("custom-"))
-      if (ge.has(c) && i) {
-        const g = b();
-        _.stop(), g.start(c);
-      } else
-        h?.stop(), _.start(c);
-  }
-  function r() {
-    _.stop(), h?.stop();
-  }
-  async function p(c, g = !1) {
-    await _.fetchCustomPane(c, g);
-  }
-  function y() {
-    u();
-  }
-  function R() {
-    r();
-  }
-  function q() {
-    const c = e();
-    ge.has(c) && i && h ? h.refresh() : _.refresh();
-  }
-  function D() {
-    k.value = null;
-  }
-  return ee(e, () => {
-    D(), u();
-  }), X(() => {
-    y();
-  }), te(() => {
-    r();
-  }), {
-    data: k,
-    loading: x,
-    error: P,
-    isUnauthorized: U,
-    refresh: q,
-    clear: D,
-    fetchCustomPane: p,
-    startRefresh: y,
-    stopRefresh: R
-  };
-}
-const pt = ["title", "aria-label"], mt = ["viewBox", "innerHTML"], kt = ["viewBox", "innerHTML"], me = /* @__PURE__ */ se({
-  __name: "ThemeToggle",
-  props: {
-    classPrefix: { default: "ss-dbg" }
-  },
-  setup(e) {
-    const T = e, { theme: a, toggleTheme: S } = le(), i = m(() => a.value === "dark"), f = m(() => i.value ? "Switch to light theme" : "Switch to dark theme"), C = m(
-      () => T.classPrefix === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"
-    );
-    return (k, x) => (t(), o("button", {
-      type: "button",
-      class: z(C.value),
-      title: f.value,
-      "aria-label": f.value,
-      onClick: x[0] || (x[0] = //@ts-ignore
-      (...P) => s(S) && s(S)(...P))
-    }, [
-      i.value ? (t(), o("svg", {
-        key: 0,
-        width: "16",
-        height: "16",
-        viewBox: s(j).sun.viewBox,
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        innerHTML: s(j).sun.elements.join("")
-      }, null, 8, mt)) : (t(), o("svg", {
-        key: 1,
-        width: "16",
-        height: "16",
-        viewBox: s(j).moon.viewBox,
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        innerHTML: s(j).moon.elements.join("")
-      }, null, 8, kt))
-    ], 10, pt));
-  }
-}), yt = ["data-ss-theme"], wt = { class: "ss-dbg-tabs" }, Tt = { class: "ss-dbg-tabs-scroll" }, Ct = ["onClick"], _t = ["viewBox", "innerHTML"], Et = { class: "ss-dbg-tabs-right" }, St = ["title"], xt = ["href"], $t = ["viewBox", "innerHTML"], Lt = { class: "ss-dbg-content" }, Bt = {
-  key: 0,
-  class: "ss-dbg-empty"
-}, Mt = {
-  key: 1,
-  class: "ss-dbg-empty",
-  style: { color: "var(--ss-red-fg)" }
-}, os = /* @__PURE__ */ se({
-  __name: "DebugPanel",
-  props: {
-    dashboardPath: { default: "/__stats" },
-    tracingEnabled: { type: Boolean, default: !1 },
-    isLive: { type: Boolean, default: !1 },
-    baseUrl: { default: "" },
-    debugEndpoint: { default: "/admin/api/debug" },
-    authToken: {},
-    className: {},
-    defaultOpen: { type: Boolean, default: !1 }
-  },
-  setup(e, { expose: T }) {
-    const a = $(() => import("./QueriesTab-C8_7oprC.js")), S = $(() => import("./EventsTab-DQ4Nd6AK.js")), i = $(() => import("./EmailsTab-CNyEODVB.js")), f = $(() => import("./RoutesTab-Dz0MkZuF.js")), C = $(() => import("./LogsTab-DpEQ7euu.js")), k = $(() => import("./TimelineTab-Db6lKKsD.js")), x = $(() => import("./CacheTab-BPisYYiQ.js")), P = $(() => import("./JobsTab-BCvhOARO.js")), U = $(() => import("./ConfigTab-C8cafGUj.js")), _ = $(() => import("./InternalsTab-DEMjqtlw.js")), h = $(() => import("./CustomPaneTab-BJxT5Dp7.js")), b = e, u = v(b.defaultOpen), r = v("queries"), { theme: p } = le(), { features: y } = ce({
-      baseUrl: b.baseUrl,
-      debugEndpoint: b.debugEndpoint,
-      authToken: b.authToken
-    }), R = b.dashboardPath ? b.dashboardPath.replace(/\/+$/, "") + "/api" : void 0, q = m(() => r.value.startsWith("custom-")), D = m(() => q.value || r.value === "internals"), { data: c, loading: g, error: O, isUnauthorized: H, refresh: Y, startRefresh: N, stopRefresh: Q } = gt(
-      () => r.value,
-      {
-        baseUrl: b.baseUrl,
-        debugEndpoint: b.debugEndpoint,
-        dashboardEndpoint: R,
-        authToken: b.authToken
-      }
-    ), L = m(() => {
-      const w = [
-        { id: "queries", label: "Queries", icon: "Q" },
-        { id: "events", label: "Events", icon: "E" },
-        { id: "emails", label: "Emails", icon: "M" },
-        { id: "routes", label: "Routes", icon: "R" },
-        { id: "logs", label: "Logs", icon: "L" }
-      ];
-      (y.value.tracing || b.tracingEnabled) && w.push({ id: "timeline", label: "Timeline", icon: "T" }), y.value.cache && w.push({ id: "cache", label: "Cache", icon: "C" }), y.value.queues && w.push({ id: "jobs", label: "Jobs", icon: "J" }), w.push({ id: "config", label: "Config", icon: "G" }), w.push({ id: "internals", label: "Internals", icon: "I" });
-      for (const A of y.value.customPanes)
-        w.push({
-          id: `custom-${A.id}`,
-          label: A.label,
-          icon: A.label.charAt(0).toUpperCase()
-        });
-      return w;
-    });
-    function F(w) {
-      const A = w.replace("custom-", "");
-      return y.value.customPanes.find((n) => n.id === A);
-    }
-    function Z() {
-      u.value = !0, N();
-    }
-    function K() {
-      u.value = !1, Q();
-    }
-    function G() {
-      u.value ? K() : Z();
-    }
-    function J(w) {
-      r.value = w;
-    }
-    return ee(u, (w) => {
-      w ? N() : Q();
-    }), T({ toggle: G, open: Z, close: K }), (w, A) => s(H) ? E("", !0) : (t(), o("div", {
-      key: 0,
-      class: z(["ss-dbg-panel", { "ss-dbg-open": u.value }]),
-      "data-ss-theme": s(p)
-    }, [
-      l("div", wt, [
-        l("div", Tt, [
-          (t(!0), o(W, null, ae(L.value, (n) => (t(), o("button", {
-            key: n.id,
-            type: "button",
-            class: z(["ss-dbg-tab", { "ss-dbg-active": r.value === n.id }]),
-            onClick: (d) => J(n.id)
-          }, [
-            s(j)[n.id] ? (t(), o("svg", {
-              key: 0,
-              class: "ss-dbg-tab-icon",
-              viewBox: s(j)[n.id].viewBox,
-              innerHTML: s(j)[n.id].elements.join("")
-            }, null, 8, _t)) : E("", !0),
-            Te(" " + M(n.label), 1)
-          ], 10, Ct))), 128))
-        ]),
-        l("div", Et, [
-          l("span", {
-            class: z(["ss-dbg-conn-mode", e.isLive ? "ss-dbg-conn-live" : "ss-dbg-conn-polling"]),
-            title: e.isLive ? "Connected via Transmit (SSE) — real-time updates" : "Polling every 3s"
-          }, M(e.isLive ? "live" : "polling"), 11, St),
-          e.dashboardPath && s(y).dashboard ? (t(), o("a", {
-            key: 0,
-            href: e.dashboardPath,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "ss-dbg-dashboard-link",
-            title: "Open dashboard"
-          }, [
-            (t(), o("svg", {
-              width: "14",
-              height: "14",
-              viewBox: s(j)["external-link"].viewBox,
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "2",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              innerHTML: s(j)["external-link"].elements.join("")
-            }, null, 8, $t))
-          ], 8, xt)) : E("", !0),
-          ue(me),
-          l("button", {
-            type: "button",
-            class: "ss-dbg-close",
-            onClick: K,
-            title: "Close panel"
-          }, " × ")
-        ])
-      ]),
-      l("div", Lt, [
-        s(g) && !s(c) && !D.value ? (t(), o("div", Bt, "Loading...")) : s(O) && !D.value ? (t(), o("div", Mt, " Error: " + M(s(O).message), 1)) : (t(), o(W, { key: 2 }, [
-          r.value === "queries" ? (t(), V(s(a), {
-            key: 0,
-            data: s(c),
-            "dashboard-path": e.dashboardPath
-          }, null, 8, ["data", "dashboard-path"])) : r.value === "events" ? (t(), V(s(S), {
-            key: 1,
-            data: s(c),
-            "dashboard-path": e.dashboardPath
-          }, null, 8, ["data", "dashboard-path"])) : r.value === "emails" ? (t(), V(s(i), {
-            key: 2,
-            data: s(c),
-            "dashboard-path": e.dashboardPath,
-            "debug-endpoint": e.debugEndpoint,
-            "auth-token": e.authToken
-          }, null, 8, ["data", "dashboard-path", "debug-endpoint", "auth-token"])) : r.value === "routes" ? (t(), V(s(f), {
-            key: 3,
-            data: s(c)
-          }, null, 8, ["data"])) : r.value === "logs" ? (t(), V(s(C), {
-            key: 4,
-            data: s(c),
-            "dashboard-path": e.dashboardPath
-          }, null, 8, ["data", "dashboard-path"])) : r.value === "timeline" ? (t(), V(s(k), {
-            key: 5,
-            data: s(c),
-            "dashboard-path": e.dashboardPath,
-            "base-url": e.baseUrl,
-            "debug-endpoint": e.debugEndpoint,
-            "auth-token": e.authToken
-          }, null, 8, ["data", "dashboard-path", "base-url", "debug-endpoint", "auth-token"])) : r.value === "cache" ? (t(), V(s(x), {
-            key: 6,
-            data: s(c)
-          }, null, 8, ["data"])) : r.value === "jobs" ? (t(), V(s(P), {
-            key: 7,
-            data: s(c)
-          }, null, 8, ["data"])) : r.value === "config" ? (t(), V(s(U), {
-            key: 8,
-            data: s(c)
-          }, null, 8, ["data"])) : r.value === "internals" ? (t(), V(s(_), {
-            key: 9,
-            data: s(c),
-            "base-url": e.baseUrl,
-            "debug-endpoint": e.debugEndpoint,
-            "auth-token": e.authToken
-          }, null, 8, ["data", "base-url", "debug-endpoint", "auth-token"])) : r.value.startsWith("custom-") ? (t(), V(s(h), {
-            key: 10,
-            pane: F(r.value),
-            "base-url": e.baseUrl,
-            "auth-token": e.authToken
-          }, null, 8, ["pane", "base-url", "auth-token"])) : E("", !0)
-        ], 64))
-      ])
-    ], 10, yt));
-  }
-});
-function Pt(e, T = {}) {
-  const {
-    baseUrl: a = "",
-    dashboardEndpoint: S = "/__stats/api",
-    authToken: i,
-    perPage: f = 50,
-    refreshKey: C
-  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), _ = v("1h"), h = oe({
-    page: 1,
-    perPage: f,
-    total: 0,
-    totalPages: 1
-  }), b = oe({
-    search: ""
-  }), u = oe({
-    column: "",
-    direction: "desc"
-  }), r = new De({
-    baseUrl: a,
-    endpoint: S,
-    authToken: i,
-    section: e(),
-    perPage: f,
-    callbacks: {
-      onData: (n) => {
-        p = n;
-      },
-      onPagination: (n) => {
-        n ? (h.total = n.total, h.totalPages = n.lastPage ?? (Math.ceil(n.total / h.perPage) || 1), k.value = { data: p, meta: n }) : k.value = p;
-      },
-      onLoading: (n) => {
-        x.value = n;
-      },
-      onError: (n) => {
-        P.value = n;
-      },
-      onUnauthorized: () => {
-        U.value = !0;
-      }
-    }
-  });
-  let p = null;
-  const y = r.getApi();
-  async function R(n) {
-    try {
-      return await y.fetchChart(n);
-    } catch (d) {
-      return d instanceof je && (U.value = !0), null;
-    }
-  }
-  async function q() {
-    try {
-      return await y.fetchGroupedQueries();
-    } catch {
-      return null;
-    }
-  }
-  async function D(n) {
-    try {
-      return await y.explainQuery(n);
-    } catch {
-      return null;
-    }
-  }
-  async function c(n) {
-    try {
-      return await y.retryJob(n), !0;
-    } catch {
-      return !1;
-    }
-  }
-  async function g(n) {
-    try {
-      return await y.deleteCacheKey(n), !0;
-    } catch {
-      return !1;
-    }
-  }
-  async function O(n) {
-    try {
-      return (await y.fetchEmailPreview(n))?.html || null;
-    } catch {
-      return null;
-    }
-  }
-  function H(n) {
-    h.page = n, A();
-  }
-  function Y(n) {
-    b.search = n, h.page = 1, A();
-  }
-  function N(n, d) {
-    b[n] = d, h.page = 1, A();
-  }
-  function Q(n, d) {
-    u.column === n && !d ? u.direction = u.direction === "asc" ? "desc" : "asc" : (u.column = n, u.direction = d || "desc"), A();
-  }
-  function L(n) {
-    _.value = n, A();
-  }
-  async function F(n, d = "post", I) {
-    return r.mutate(n, d, I);
-  }
-  function Z() {
-    w(), r.fetch(!0);
-  }
-  function K() {
-    r.start();
-  }
-  function G() {
-    r.stop();
-  }
-  function J() {
-    const n = {};
-    for (const [d, I] of Object.entries(b))
-      d !== "search" && I !== "" && I !== void 0 && I !== null && (n[d] = String(I));
-    return n;
-  }
-  function w() {
-    const n = e(), d = J();
-    r.configure({
-      page: h.page,
-      perPage: h.perPage,
-      search: b.search || void 0,
-      sort: u.column || void 0,
-      sortDir: u.column ? u.direction : void 0,
-      filters: Object.keys(d).length > 0 ? d : void 0,
-      timeRange: n.startsWith("overview") ? _.value : void 0
-    });
-  }
-  function A() {
-    w(), r.fetch(!1);
-  }
-  return ee(e, () => {
-    h.page = 1;
-    for (const n of Object.keys(b))
-      n === "search" ? b.search = "" : delete b[n];
-    u.column = "", k.value = null, r.setSection(e()), w();
-  }), C && ee(C, () => {
-    w(), r.handleRefreshSignal();
-  }), X(() => {
-    w(), r.start();
-  }), te(() => {
-    r.stop();
-  }), {
-    data: k,
-    loading: x,
-    error: P,
-    isUnauthorized: U,
-    pagination: h,
-    filter: b,
-    sort: u,
-    timeRange: _,
-    goToPage: H,
-    setSearch: Y,
-    setFilter: N,
-    setSort: Q,
-    setTimeRange: L,
-    refresh: Z,
-    startRefresh: K,
-    stopRefresh: G,
-    mutate: F,
-    fetchChart: R,
-    fetchGroupedQueries: q,
-    explainQuery: D,
-    retryJob: c,
-    deleteCacheKey: g,
-    fetchEmailPreview: O
-  };
-}
-const Ut = ["data-theme"], Rt = { class: "ss-dash-header" }, Dt = { class: "ss-dash-header-center" }, jt = { class: "ss-dash-header-right" }, Ht = ["href"], At = { class: "ss-dash-body" }, It = { class: "ss-dash-nav" }, qt = ["data-ss-section", "onClick", "title"], Ot = { class: "ss-dash-nav-icon" }, zt = ["viewBox", "innerHTML"], Nt = { class: "ss-dash-nav-label" }, Ft = {
-  key: 0,
-  class: "ss-dash-nav-sep"
-}, Vt = ["onClick", "title"], Gt = { class: "ss-dash-nav-icon" }, Qt = ["viewBox", "innerHTML"], Kt = { class: "ss-dash-nav-label" }, Jt = ["title"], Wt = ["viewBox", "innerHTML"], Xt = ["viewBox", "innerHTML"], Yt = { class: "ss-dash-main" }, Zt = ["id"], es = { class: "ss-dash-pane-inner" }, ts = {
-  key: 1,
-  class: "ss-dash-empty"
-}, ls = /* @__PURE__ */ se({
-  __name: "DashboardPage",
-  props: {
-    baseUrl: { default: "" },
-    dashboardEndpoint: { default: "/__stats/api" },
-    debugEndpoint: { default: void 0 },
-    authToken: { default: void 0 },
-    backUrl: { default: "/" },
-    channelName: { default: "server-stats/dashboard" }
-  },
-  setup(e) {
-    const T = $(() => import("./OverviewSection-BqSwuMKH.js")), a = $(() => import("./RequestsSection-B0A5SKcM.js")), S = $(() => import("./QueriesSection-D4Fs0YH6.js")), i = $(() => import("./EventsSection-CRVhtagq.js")), f = $(() => import("./RoutesSection-Ys5dTzvF.js")), C = $(() => import("./LogsSection-C4NRFOpA.js")), k = $(() => import("./EmailsSection-Ct5vsLCc.js")), x = $(() => import("./TimelineSection-D38iHB08.js")), P = $(() => import("./CacheSection-DDvJ7bs2.js")), U = $(() => import("./JobsSection-B_wH2Co7.js")), _ = $(() => import("./ConfigSection-GTCrvsPr.js")), h = $(() => import("./InternalsSection-BJUXE-5F.js")), b = [
-      "overview",
-      "requests",
-      "queries",
-      "events",
-      "routes",
-      "logs",
-      "emails",
-      "timeline",
-      "cache",
-      "jobs",
-      "config",
-      "internals"
-    ], u = e, { theme: r, toggleTheme: p } = le(), { features: y } = ce({
-      baseUrl: u.baseUrl,
-      debugEndpoint: u.debugEndpoint,
-      authToken: u.authToken
-    }), R = v("overview"), q = v(!1), D = v(!1), c = v(0);
-    ne("ss-refresh-key", c), ne("ss-base-url", u.baseUrl), ne("ss-dashboard-endpoint", u.dashboardEndpoint), ne("ss-debug-endpoint", u.debugEndpoint), ne("ss-auth-token", u.authToken), typeof window < "u" && (q.value = localStorage.getItem("ss-dash-sidebar") === "collapsed");
-    let g = null;
-    function O() {
-      if (g && (g(), g = null), !u.channelName) return;
-      g = He({
-        baseUrl: u.baseUrl,
-        channelName: u.channelName,
-        authToken: u.authToken,
-        onMessage: () => {
-          c.value += 1;
-        },
-        onConnect: () => {
-          D.value = !0;
-        },
-        onDisconnect: () => {
-          D.value = !1;
-        },
-        onError: () => {
-          D.value = !1;
-        }
-      }).unsubscribe;
-    }
-    X(() => {
-      O();
-    }), te(() => {
-      g && (g(), g = null);
-    });
-    const H = m(() => y.value.customPanes || []);
-    function Y(d) {
-      const I = d.replace("#", "").split("?")[0];
-      return I && [...b, ...H.value.map((ie) => ie.id)].includes(I) ? I : "overview";
-    }
-    function N() {
-      const d = Y(window.location.hash);
-      d !== R.value && (R.value = d);
-    }
-    X(() => {
-      if (typeof window > "u") return;
-      const d = Y(window.location.hash);
-      (d !== "overview" || window.location.hash) && (R.value = d), window.addEventListener("hashchange", N);
-    }), te(() => {
-      window.removeEventListener("hashchange", N);
-    }), ee(R, (d) => {
-      typeof window < "u" && (window.location.hash = d);
-    });
-    function Q() {
-      q.value = !q.value, localStorage.setItem("ss-dash-sidebar", q.value ? "collapsed" : "expanded");
-    }
-    function L(d) {
-      d !== R.value && (R.value = d);
-    }
-    const F = m(() => [
-      { 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: y.value.tracing },
-      { id: "cache", label: "Cache", visible: y.value.cache },
-      { id: "jobs", label: "Jobs", visible: y.value.queues },
-      { id: "config", label: "Config", visible: !0 },
-      { id: "internals", label: "Internals", visible: !0 }
-    ]), Z = m(() => F.value.filter((d) => d.visible)), { data: K } = Pt(() => "overview", {
-      baseUrl: u.baseUrl,
-      dashboardEndpoint: u.dashboardEndpoint,
-      authToken: u.authToken,
-      refreshKey: c
-    }), G = m(() => K.value), J = m(() => {
-      const d = {};
-      if (!G.value) return d;
-      if (G.value.totalRequests > 0 && (d.requests = { count: G.value.totalRequests }), G.value.queryStats?.total > 0 && (d.queries = { count: G.value.queryStats.total }), G.value.logLevelBreakdown) {
-        const I = G.value.logLevelBreakdown, B = I.error + I.warn + I.info + I.debug;
-        B > 0 && (d.logs = { count: B });
-      }
-      return d;
-    }), w = {
-      overview: T,
-      requests: a,
-      queries: S,
-      events: i,
-      routes: f,
-      logs: C,
-      emails: k,
-      timeline: x,
-      cache: P,
-      jobs: U,
-      config: _,
-      internals: h
-    }, A = m(() => w[R.value] || null);
-    function n(d) {
-      return d === "timeline" ? "dashboard-timeline" : d;
-    }
-    return (d, I) => (t(), o("div", {
-      class: "ss-dash",
-      "data-theme": s(r),
-      id: "ss-dash"
-    }, [
-      l("div", Rt, [
-        I[0] || (I[0] = l("div", { class: "ss-dash-header-left" }, [
-          l("span", { class: "ss-dash-logo" }, "Server Stats"),
-          l("span", { class: "ss-dash-logo-sub" }, "Dashboard")
-        ], -1)),
-        l("div", Dt, [
-          l("span", {
-            class: z(["ss-dash-live-dot", { "ss-dash-connected": D.value }]),
-            id: "ss-dash-live-dot"
-          }, null, 2),
-          l("span", {
-            class: z(["ss-dash-live-label", { "ss-dash-connected": D.value }]),
-            id: "ss-dash-live-label"
-          }, M(D.value ? "Live" : "Polling"), 3)
-        ]),
-        l("div", jt, [
-          ue(me, { "class-prefix": "ss-dash" }),
-          e.backUrl ? (t(), o("a", {
-            key: 0,
-            href: e.backUrl,
-            class: "ss-dash-back-link",
-            title: "Back to app"
-          }, " ← App ", 8, Ht)) : E("", !0)
-        ])
-      ]),
-      l("div", At, [
-        l("div", {
-          class: z(["ss-dash-sidebar", { "ss-dash-collapsed": q.value }]),
-          id: "ss-dash-sidebar"
-        }, [
-          l("nav", It, [
-            (t(!0), o(W, null, ae(Z.value, (B) => (t(), o("button", {
-              key: B.id,
-              type: "button",
-              class: z(["ss-dash-nav-item", { "ss-dash-active": R.value === B.id }]),
-              "data-ss-section": B.id,
-              onClick: (ie) => L(B.id),
-              title: q.value ? B.label : void 0
-            }, [
-              l("span", Ot, [
-                (t(), o("svg", {
-                  width: "20",
-                  height: "20",
-                  viewBox: (s(j)[n(B.id)] || s(j).config).viewBox,
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  innerHTML: (s(j)[n(B.id)] || s(j).config).elements.join("")
-                }, null, 8, zt))
-              ]),
-              l("span", Nt, M(B.label), 1),
-              J.value[B.id] && J.value[B.id].count > 0 ? (t(), o("span", {
-                key: 0,
-                class: z(["ss-dash-nav-badge", J.value[B.id].variant || ""])
-              }, M(J.value[B.id].count), 3)) : E("", !0)
-            ], 10, qt))), 128)),
-            H.value.length > 0 ? (t(), o("div", Ft)) : E("", !0),
-            (t(!0), o(W, null, ae(H.value, (B) => (t(), o("button", {
-              key: B.id,
-              type: "button",
-              class: z(["ss-dash-nav-item", { "ss-dash-active": R.value === B.id }]),
-              onClick: (ie) => L(B.id),
-              title: q.value ? B.label : void 0
-            }, [
-              l("span", Gt, [
-                (t(), o("svg", {
-                  width: "20",
-                  height: "20",
-                  viewBox: s(j)["custom-pane"].viewBox,
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  innerHTML: s(j)["custom-pane"].elements.join("")
-                }, null, 8, Qt))
-              ]),
-              l("span", Kt, M(B.label), 1)
-            ], 10, Vt))), 128))
-          ]),
-          l("button", {
-            type: "button",
-            class: "ss-dash-sidebar-toggle",
-            id: "ss-dash-sidebar-toggle",
-            onClick: Q,
-            title: q.value ? "Expand sidebar" : "Collapse sidebar"
-          }, [
-            q.value ? (t(), o("svg", {
-              key: 0,
-              width: "16",
-              height: "16",
-              viewBox: s(j)["chevron-right"].viewBox,
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "1.5",
-              innerHTML: s(j)["chevron-right"].elements.join("")
-            }, null, 8, Wt)) : (t(), o("svg", {
-              key: 1,
-              width: "16",
-              height: "16",
-              viewBox: s(j)["chevron-left"].viewBox,
-              fill: "none",
-              stroke: "currentColor",
-              "stroke-width": "1.5",
-              innerHTML: s(j)["chevron-left"].elements.join("")
-            }, null, 8, Xt))
-          ], 8, Jt)
-        ], 2),
-        l("div", Yt, [
-          l("div", {
-            class: "ss-dash-pane ss-dash-active",
-            id: `ss-dash-pane-${R.value}`
-          }, [
-            l("div", es, [
-              (t(), V(Ce, null, {
-                fallback: he(() => [...I[1] || (I[1] = [
-                  l("div", { class: "ss-dash-empty" }, "Loading...", -1)
-                ])]),
-                default: he(() => [
-                  A.value ? (t(), V(_e(A.value), { key: 0 })) : (t(), o("div", ts, "Unknown section"))
-                ]),
-                _: 1
-              }))
-            ])
-          ], 8, Zt)
-        ])
-      ])
-    ], 8, Ut));
-  }
-});
-export {
-  Ge as _,
-  ls as a,
-  os as b,
-  as as c,
-  gt as d,
-  ce as e,
-  Ae as f,
-  le as g,
-  Pt as u
-};