adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/vue/index-qCQpBftQ.js

@@ -0,0 +1,1233 @@
+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 _e, withCtx as he, resolveDynamicComponent as Ce } 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, _ = v(null), k = oe({}), x = v(!1), P = v(!1), U = v(null), C = v(!1), h = v(!1), b = v(!1);
+  let u = null;
+  const r = m(() => C.value ? "disconnected" : h.value ? "live" : b.value ? "polling" : "disconnected");
+  return X(() => {
+    C.value || (u = new Ee({
+      baseUrl: T,
+      endpoint: a,
+      channelName: S,
+      authToken: i,
+      pollInterval: f,
+      onStatsUpdate: (p) => {
+        _.value = p;
+      },
+      onConnectionChange: (p) => {
+        x.value = p;
+      },
+      onStaleChange: (p) => {
+        P.value = p;
+      },
+      onError: (p) => {
+        U.value = p;
+      },
+      onUnauthorizedChange: (p) => {
+        C.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: _,
+    history: k,
+    isConnected: x,
+    isStale: P,
+    isUnauthorized: C,
+    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, _) => (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), _ = v(null), k = v(null), x = v(null), P = v({
+      position: "absolute",
+      bottom: "100%",
+      left: "0",
+      marginBottom: "10px",
+      zIndex: "180"
+    });
+    X(() => {
+      _.value && (x.value = _.value.closest(".ss-bar"));
+    });
+    function U() {
+      const L = _.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 C = m(() => i.value || f.value);
+    ee(C, (L) => {
+      L && ke(U);
+    });
+    let h = null;
+    function b() {
+      C.value && U();
+    }
+    function u() {
+      C.value && U();
+    }
+    X(() => {
+      h = _.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;
+      _.value && !_.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: _,
+        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),
+      C.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: _, 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: C } = 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(() => C.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(_) }])
+          }, 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: _
+  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), C = new fe({
+    baseUrl: a,
+    endpoint: S,
+    authToken: f,
+    refreshInterval: _,
+    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: _,
+      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();
+        C.stop(), g.start(c);
+      } else
+        h?.stop(), C.start(c);
+  }
+  function r() {
+    C.stop(), h?.stop();
+  }
+  async function p(c, g = !1) {
+    await C.fetchCustomPane(c, g);
+  }
+  function y() {
+    u();
+  }
+  function R() {
+    r();
+  }
+  function q() {
+    const c = e();
+    ge.has(c) && i && h ? h.refresh() : C.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"), _ = m(
+      () => T.classPrefix === "ss-dbg" ? "ss-dbg-theme-toggle" : "ss-dash-theme-btn"
+    );
+    return (k, x) => (t(), o("button", {
+      type: "button",
+      class: z(_.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" }, _t = ["onClick"], Ct = ["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-DhFhoNmU.js")), f = $(() => import("./RoutesTab-Dz0MkZuF.js")), _ = $(() => import("./LogsTab-DpEQ7euu.js")), k = $(() => import("./TimelineTab-Db6lKKsD.js")), x = $(() => import("./CacheTab-BPisYYiQ.js")), P = $(() => import("./JobsTab-BCvhOARO.js")), U = $(() => import("./ConfigTab-C8cafGUj.js")), C = $(() => 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, Ct)) : E("", !0),
+            Te(" " + M(n.label), 1)
+          ], 10, _t))), 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
+          }, null, 8, ["data", "dashboard-path"])) : r.value === "routes" ? (t(), V(s(f), {
+            key: 3,
+            data: s(c)
+          }, null, 8, ["data"])) : r.value === "logs" ? (t(), V(s(_), {
+            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(C), {
+            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: _
+  } = T, k = v(null), x = v(!1), P = v(null), U = v(!1), C = 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) {
+    C.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") ? C.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();
+  }), _ && ee(_, () => {
+    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: C,
+    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-CbMdAido.js")), a = $(() => import("./RequestsSection-LtImH4rD.js")), S = $(() => import("./QueriesSection-BPiv7u3r.js")), i = $(() => import("./EventsSection-C4wXUgxG.js")), f = $(() => import("./RoutesSection-CrxOxmzx.js")), _ = $(() => import("./LogsSection-BFVjSZ24.js")), k = $(() => import("./EmailsSection-C8JFMtW7.js")), x = $(() => import("./TimelineSection-DLxMW2J_.js")), P = $(() => import("./CacheSection-C788Yfai.js")), U = $(() => import("./JobsSection-CsKWTjgN.js")), C = $(() => import("./ConfigSection-CRzYxqW2.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: _,
+      emails: k,
+      timeline: x,
+      cache: P,
+      jobs: U,
+      config: C,
+      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(_e, null, {
+                fallback: he(() => [...I[1] || (I[1] = [
+                  l("div", { class: "ss-dash-empty" }, "Loading...", -1)
+                ])]),
+                default: he(() => [
+                  A.value ? (t(), V(Ce(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
+};