adonisjs-server-stats 1.12.3 → 1.14.0

package/dist/vue/index-14x39RI_.js

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