adonisjs-server-stats 1.10.0 → 1.10.3

package/dist/vue/index-Dtgysd26.js

@@ -1,1229 +0,0 @@
-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
-};