adonisjs-server-stats 1.9.0 → 1.10.0

package/dist/vue/index-Dtgysd26.js

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