adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/vue/OverviewSection-CbMdAido.js

@@ -0,0 +1,849 @@
+import { defineComponent as ws, openBlock as o, createElementBlock as n, Fragment as _, renderList as k, createElementVNode as s, normalizeClass as b, toDisplayString as r, inject as P, ref as D, watch as ms, computed as d, onUnmounted as Ws, unref as x, createVNode as F, createCommentVNode as v, normalizeStyle as ts, createTextVNode as gs } from "vue";
+import { formatDuration as N, formatTime as Os, timeAgo as Hs, durationSeverity as Ks } from "adonisjs-server-stats/core";
+import { u as xs, _ as U } from "./index-qCQpBftQ.js";
+const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ */ ws({
+  __name: "TimeRangeSelector",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(S, { emit: R }) {
+    const w = R, $ = [
+      { value: "5m", label: "5m" },
+      { value: "15m", label: "15m" },
+      { value: "30m", label: "30m" },
+      { value: "1h", label: "1h" },
+      { value: "6h", label: "6h" },
+      { value: "24h", label: "24h" },
+      { value: "7d", label: "7d" }
+    ];
+    return (C, I) => (o(), n("div", Gs, [
+      (o(), n(_, null, k($, (m) => s("button", {
+        key: m.value,
+        type: "button",
+        class: b(`ss-dash-btn ${S.modelValue === m.value ? "ss-dash-active" : ""}`),
+        onClick: (ls) => w("update:modelValue", m.value)
+      }, r(m.label), 11, Xs)), 64))
+    ]));
+  }
+}), Zs = { class: "ss-dash-overview" }, Js = {
+  key: 0,
+  class: "ss-dash-empty"
+}, se = { class: "ss-dash-cards" }, ee = { class: "ss-dash-card" }, te = { class: "ss-dash-sparkline" }, ae = { class: "ss-dash-card" }, le = { class: "ss-dash-sparkline" }, oe = { class: "ss-dash-card" }, ne = { class: "ss-dash-sparkline" }, re = { class: "ss-dash-card" }, ie = { class: "ss-dash-sparkline" }, de = { class: "ss-dash-chart-container" }, ue = { class: "ss-dash-chart-header" }, ce = {
+  class: "ss-dash-chart",
+  id: "ss-dash-chart-area"
+}, ve = {
+  key: 0,
+  class: "ss-dash-empty",
+  style: { "min-height": "120px" }
+}, he = ["viewBox"], pe = ["id"], ye = ["id"], _e = ["x1", "y1", "x2", "y2"], fe = ["x", "y"], me = ["d", "fill"], ge = ["d"], xe = ["d", "fill"], ke = ["d"], we = ["x", "y", "width", "height", "data-idx", "onMouseenter"], be = ["cx", "cy", "r", "data-idx", "opacity"], Re = ["cx", "cy", "r", "data-idx", "opacity"], $e = ["x", "y"], qe = {
+  key: 0,
+  style: { color: "var(--ss-red-fg)" }
+}, Se = {
+  class: "ss-dash-chart-legend",
+  id: "ss-dash-chart-legend"
+}, Ce = {
+  key: 0,
+  class: "ss-dash-chart-legend-item"
+}, Me = { class: "ss-dash-secondary-cards" }, Te = { class: "ss-dash-secondary-card" }, Ee = {
+  key: 0,
+  class: "ss-dash-empty",
+  style: { "min-height": "60px" }
+}, Le = {
+  key: 1,
+  class: "ss-dash-secondary-list"
+}, De = ["href"], Fe = ["title"], Ne = { class: "ss-dash-secondary-card" }, Qe = { class: "ss-dash-secondary-list" }, je = { class: "ss-dash-secondary-list-value" }, Ae = { class: "ss-dash-secondary-list-value" }, Ve = { class: "ss-dash-secondary-list-value" }, ze = { class: "ss-dash-secondary-card" }, Be = {
+  key: 0,
+  class: "ss-dash-empty",
+  style: { "min-height": "60px" }
+}, Pe = {
+  key: 1,
+  class: "ss-dash-secondary-list"
+}, Ue = ["href"], Ie = ["title"], We = ["title"], Oe = { class: "ss-dash-secondary-card" }, He = {
+  key: 0,
+  class: "ss-dash-empty",
+  style: { "min-height": "60px" }
+}, Ke = {
+  key: 1,
+  class: "ss-dash-secondary-list"
+}, Ge = ["href"], Xe = { class: "ss-dash-secondary-list-value" }, Ye = { class: "ss-dash-secondary-card" }, Ze = { class: "ss-dash-secondary-list" }, Je = {
+  href: "#emails?status=sent",
+  class: "ss-dash-widget-row-link"
+}, st = { class: "ss-dash-secondary-list-value" }, et = {
+  href: "#emails?status=queued",
+  class: "ss-dash-widget-row-link"
+}, tt = { class: "ss-dash-secondary-list-value" }, at = {
+  href: "#emails?status=failed",
+  class: "ss-dash-widget-row-link"
+}, lt = { class: "ss-dash-secondary-card" }, ot = { class: "ss-dash-secondary-list" }, nt = {
+  href: "#logs?level=error",
+  class: "ss-dash-widget-row-link"
+}, rt = { class: "ss-dash-secondary-list-value" }, it = {
+  href: "#logs?level=warn",
+  class: "ss-dash-widget-row-link"
+}, dt = { class: "ss-dash-secondary-list-value" }, ut = {
+  href: "#logs?level=info",
+  class: "ss-dash-widget-row-link"
+}, ct = { class: "ss-dash-secondary-list-value" }, vt = {
+  href: "#logs?level=debug",
+  class: "ss-dash-widget-row-link"
+}, ht = { class: "ss-dash-secondary-list-value" }, pt = {
+  key: 0,
+  class: "ss-dash-secondary-card"
+}, yt = { class: "ss-dash-secondary-list" }, _t = {
+  href: "#cache",
+  class: "ss-dash-widget-row-link"
+}, ft = { class: "ss-dash-secondary-list-value" }, mt = {
+  href: "#cache",
+  class: "ss-dash-widget-row-link"
+}, gt = { class: "ss-dash-secondary-list-value" }, xt = {
+  href: "#cache",
+  class: "ss-dash-widget-row-link"
+}, kt = { class: "ss-dash-secondary-list-value" }, wt = {
+  key: 1,
+  class: "ss-dash-secondary-card"
+}, bt = { class: "ss-dash-secondary-list" }, Rt = {
+  href: "#jobs?status=active",
+  class: "ss-dash-widget-row-link"
+}, $t = { class: "ss-dash-secondary-list-value" }, qt = {
+  href: "#jobs?status=waiting",
+  class: "ss-dash-widget-row-link"
+}, St = { class: "ss-dash-secondary-list-value" }, Ct = {
+  href: "#jobs?status=failed",
+  class: "ss-dash-widget-row-link"
+}, Mt = {
+  href: "#jobs?status=completed",
+  class: "ss-dash-widget-row-link"
+}, Tt = { class: "ss-dash-secondary-list-value" }, Et = { class: "ss-dash-secondary-card" }, Lt = { class: "ss-dash-secondary-list" }, Dt = {
+  href: "#requests?status=2xx",
+  class: "ss-dash-widget-row-link"
+}, Ft = { class: "ss-dash-secondary-list-value" }, Nt = {
+  href: "#requests?status=3xx",
+  class: "ss-dash-widget-row-link"
+}, Qt = { class: "ss-dash-secondary-list-value" }, jt = {
+  href: "#requests?status=4xx",
+  class: "ss-dash-widget-row-link"
+}, At = { class: "ss-dash-secondary-list-value" }, Vt = {
+  href: "#requests?status=5xx",
+  class: "ss-dash-widget-row-link"
+}, zt = { class: "ss-dash-secondary-list-value" }, Bt = { class: "ss-dash-secondary-card" }, Pt = {
+  key: 0,
+  class: "ss-dash-empty",
+  style: { "min-height": "60px" }
+}, Ut = {
+  key: 1,
+  class: "ss-dash-secondary-list"
+}, It = ["href"], Wt = ["title"], as = 220, ks = 120, Ot = /* @__PURE__ */ ws({
+  __name: "OverviewSection",
+  setup(S) {
+    const R = P("ss-refresh-key", D(0)), w = P("ss-base-url", ""), $ = P("ss-dashboard-endpoint", "/__stats/api"), C = P("ss-auth-token", void 0), I = Math.random().toString(36).slice(2, 8), m = D("1h"), { data: ls, loading: bs } = xs(() => "overview", {
+      baseUrl: w,
+      dashboardEndpoint: $,
+      authToken: C,
+      refreshKey: R
+    }), { data: Rs, setTimeRange: $s } = xs(
+      () => "overview/chart",
+      {
+        baseUrl: w,
+        dashboardEndpoint: $,
+        authToken: C,
+        refreshKey: R
+      }
+    );
+    ms(m, (t) => {
+      $s(t);
+    });
+    const os = d(() => ls.value), l = d(() => os.value || {
+      avgResponseTime: 0,
+      p95ResponseTime: 0,
+      requestsPerMinute: 0,
+      errorRate: 0,
+      totalRequests: 0,
+      slowestEndpoints: [],
+      queryStats: { total: 0, avgDuration: 0, perRequest: 0 },
+      recentErrors: [],
+      topEvents: [],
+      emailActivity: { sent: 0, queued: 0, failed: 0 },
+      logLevelBreakdown: { error: 0, warn: 0, info: 0, debug: 0 },
+      cacheStats: null,
+      jobQueueStatus: null,
+      statusDistribution: { "2xx": 0, "3xx": 0, "4xx": 0, "5xx": 0 },
+      slowestQueries: []
+    }), M = d(() => l.value), W = d(
+      () => l.value.avgResponseTime || Number(M.value.avg_response_time) || 0
+    ), O = d(
+      () => l.value.p95ResponseTime || Number(M.value.p95_response_time) || 0
+    ), qs = d(
+      () => l.value.requestsPerMinute || Number(M.value.requests_per_minute) || 0
+    ), H = d(() => l.value.errorRate || Number(M.value.error_rate) || 0), Ss = d(
+      () => l.value.totalRequests || Number(M.value.total_requests) || 0
+    ), g = d(() => Ss.value > 0), u = d(() => Rs.value?.buckets || []), Cs = d(
+      () => l.value.sparklines?.avgResponseTime ?? u.value.map((t) => t.avgDuration ?? 0)
+    ), Ms = d(
+      () => l.value.sparklines?.p95ResponseTime ?? u.value.map((t) => t.p95Duration ?? 0)
+    ), Ts = d(
+      () => l.value.sparklines?.requestsPerMinute ?? u.value.map((t) => t.requestCount ?? 0)
+    ), Es = d(
+      () => l.value.sparklines?.errorRate ?? u.value.map((t) => t.errorCount ?? 0)
+    ), ns = d(() => `ss-cg-total-${I}`), rs = d(() => `ss-cg-error-${I}`);
+    function Ls(t, e) {
+      if (t <= 0) return [0];
+      const a = t / e, i = Math.pow(10, Math.floor(Math.log10(a))), f = a / i;
+      let y;
+      f <= 1 ? y = i : f <= 2 ? y = 2 * i : f <= 5 ? y = 5 * i : y = 10 * i;
+      const B = [];
+      for (let es = y; es <= t + y * 0.5; es += y) B.push(Math.round(es));
+      return B.length === 0 && B.push(Math.ceil(t)), B;
+    }
+    function K(t) {
+      try {
+        return new Date(t).toLocaleTimeString("en-US", {
+          hour12: !1,
+          hour: "2-digit",
+          minute: "2-digit"
+        });
+      } catch {
+        return "";
+      }
+    }
+    function is(t) {
+      if (t.length === 0) return "";
+      if (t.length === 1) return `M${t[0].x},${t[0].y}`;
+      let e = `M${t[0].x.toFixed(1)},${t[0].y.toFixed(1)}`;
+      for (let a = 0; a < t.length - 1; a++) {
+        const i = t[a], f = t[a + 1], y = (i.x + f.x) / 2;
+        e += ` C${y.toFixed(1)},${i.y.toFixed(1)} ${y.toFixed(1)},${f.y.toFixed(1)} ${f.x.toFixed(1)},${f.y.toFixed(1)}`;
+      }
+      return e;
+    }
+    function ds(t) {
+      const e = Ks(t);
+      return e === "very-slow" ? "ss-dash-very-slow" : e === "slow" ? "ss-dash-slow" : "";
+    }
+    const us = D(null), G = D(0);
+    let T = null;
+    ms(us, (t) => {
+      T?.disconnect(), T = null, t && (G.value = t.clientWidth, T = new ResizeObserver((e) => {
+        for (const a of e)
+          G.value = a.contentRect.width;
+      }), T.observe(t));
+    }), Ws(() => {
+      T?.disconnect();
+    });
+    const h = { top: 12, right: 12, bottom: 28, left: 38 }, Q = d(() => G.value || 600), cs = d(() => Q.value - h.left - h.right), j = d(() => as - h.top - h.bottom), A = d(() => h.top + j.value), V = d(
+      () => u.value.map((t) => {
+        const e = t;
+        return (t.requestCount ?? 0) + (Number(e.request_count) || 0) || t.total || 0;
+      })
+    ), E = d(
+      () => u.value.map((t) => {
+        const e = t;
+        return (t.errorCount ?? 0) + (Number(e.error_count) || 0);
+      })
+    ), Ds = d(() => Math.max(...V.value, 1)), vs = d(() => Math.ceil(Ds.value * 1.1)), hs = d(() => E.value.some((t) => t > 0)), z = d(() => Ls(vs.value, 4)), Fs = d(
+      () => z.value.length > 0 ? z.value[z.value.length - 1] : vs.value
+    );
+    function X(t) {
+      return h.left + t / Math.max(u.value.length - 1, 1) * cs.value;
+    }
+    function L(t) {
+      return h.top + j.value - t / (Fs.value || 1) * j.value;
+    }
+    const p = d(
+      () => u.value.map((t, e) => ({ x: X(e), y: L(V.value[e]) }))
+    ), q = d(
+      () => u.value.map((t, e) => ({ x: X(e), y: L(E.value[e]) }))
+    ), Y = d(() => is(p.value)), Z = d(() => hs.value ? is(q.value) : ""), ps = d(
+      () => p.value.length > 1 ? `${Y.value} L${p.value[p.value.length - 1].x.toFixed(1)},${A.value} L${p.value[0].x.toFixed(1)},${A.value} Z` : ""
+    ), ys = d(
+      () => hs.value && q.value.length > 1 ? `${Z.value} L${q.value[q.value.length - 1].x.toFixed(1)},${A.value} L${q.value[0].x.toFixed(1)},${A.value} Z` : ""
+    ), Ns = d(() => Math.min(10, u.value.length)), Qs = d(
+      () => Math.max(1, Math.ceil(u.value.length / Ns.value))
+    ), c = D({ visible: !1, x: 0, idx: -1 });
+    function js(t) {
+      const e = p.value[t].x;
+      c.value = { visible: !0, x: e, idx: t };
+    }
+    function As() {
+      c.value = { visible: !1, x: 0, idx: -1 };
+    }
+    const Vs = d(
+      () => c.value.visible ? Math.max(ks / 2, Math.min(c.value.x, Q.value - ks / 2)) : 0
+    ), _s = d(() => cs.value / (u.value.length || 1));
+    function zs(t) {
+      return t % Qs.value === 0 || t === u.value.length - 1;
+    }
+    function Bs() {
+      return g.value ? W.value > 500 ? "ss-dash-red" : W.value > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim";
+    }
+    function Ps() {
+      return g.value ? O.value > 500 ? "ss-dash-red" : O.value > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim";
+    }
+    function Us() {
+      return g.value ? "ss-dash-accent" : "ss-dash-dim";
+    }
+    function Is() {
+      return g.value ? H.value > 5 ? "ss-dash-red" : H.value > 1 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim";
+    }
+    function J(t) {
+      return t.url || t.pattern || "-";
+    }
+    function fs(t) {
+      return t.name || t.eventName || t.event_name || t.event || "";
+    }
+    function ss(t) {
+      return t.sqlNormalized || t.normalizedSql || t.sql_normalized || t.sql || "-";
+    }
+    return (t, e) => (o(), n("div", Zs, [
+      x(bs) && !os.value ? (o(), n("div", Js, "Loading overview...")) : (o(), n(_, { key: 1 }, [
+        s("div", se, [
+          s("div", ee, [
+            e[1] || (e[1] = s("div", { class: "ss-dash-card-title" }, "Avg Response Time", -1)),
+            s("div", {
+              class: b(["ss-dash-card-value", Bs()])
+            }, r(g.value ? x(N)(W.value) : "-"), 3),
+            s("div", te, [
+              F(U, {
+                data: Cs.value,
+                color: "#34d399",
+                width: 160,
+                height: 40
+              }, null, 8, ["data"])
+            ])
+          ]),
+          s("div", ae, [
+            e[2] || (e[2] = s("div", { class: "ss-dash-card-title" }, "P95 Response Time", -1)),
+            s("div", {
+              class: b(["ss-dash-card-value", Ps()])
+            }, r(g.value ? x(N)(O.value) : "-"), 3),
+            s("div", le, [
+              F(U, {
+                data: Ms.value,
+                color: "#60a5fa",
+                width: 160,
+                height: 40
+              }, null, 8, ["data"])
+            ])
+          ]),
+          s("div", oe, [
+            e[3] || (e[3] = s("div", { class: "ss-dash-card-title" }, "Requests / min", -1)),
+            s("div", {
+              class: b(["ss-dash-card-value", Us()])
+            }, r(g.value ? qs.value.toFixed(1) : "-"), 3),
+            s("div", ne, [
+              F(U, {
+                data: Ts.value,
+                color: "#34d399",
+                width: 160,
+                height: 40
+              }, null, 8, ["data"])
+            ])
+          ]),
+          s("div", re, [
+            e[4] || (e[4] = s("div", { class: "ss-dash-card-title" }, "Error Rate", -1)),
+            s("div", {
+              class: b(["ss-dash-card-value", Is()])
+            }, r(g.value ? `${H.value.toFixed(1)}%` : "-"), 3),
+            s("div", ie, [
+              F(U, {
+                data: Es.value,
+                color: "#f87171",
+                width: 160,
+                height: 40
+              }, null, 8, ["data"])
+            ])
+          ])
+        ]),
+        s("div", de, [
+          s("div", ue, [
+            e[5] || (e[5] = s("span", { class: "ss-dash-chart-title" }, "Request Volume", -1)),
+            F(Ys, {
+              "model-value": m.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => m.value = a)
+            }, null, 8, ["model-value"])
+          ]),
+          s("div", ce, [
+            u.value.length === 0 ? (o(), n("div", ve, " No data for this range ")) : (o(), n("div", {
+              key: 1,
+              ref_key: "chartContainerRef",
+              ref: us,
+              style: { position: "relative" }
+            }, [
+              (o(), n("svg", {
+                viewBox: `0 0 ${Q.value} ${as}`,
+                class: "ss-dash-chart-svg"
+              }, [
+                s("defs", null, [
+                  s("linearGradient", {
+                    id: ns.value,
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "1"
+                  }, [...e[6] || (e[6] = [
+                    s("stop", {
+                      offset: "0%",
+                      "stop-color": "var(--ss-accent)",
+                      "stop-opacity": "0.3"
+                    }, null, -1),
+                    s("stop", {
+                      offset: "100%",
+                      "stop-color": "var(--ss-accent)",
+                      "stop-opacity": "0.02"
+                    }, null, -1)
+                  ])], 8, pe),
+                  s("linearGradient", {
+                    id: rs.value,
+                    x1: "0",
+                    y1: "0",
+                    x2: "0",
+                    y2: "1"
+                  }, [...e[7] || (e[7] = [
+                    s("stop", {
+                      offset: "0%",
+                      "stop-color": "var(--ss-red-fg)",
+                      "stop-opacity": "0.35"
+                    }, null, -1),
+                    s("stop", {
+                      offset: "100%",
+                      "stop-color": "var(--ss-red-fg)",
+                      "stop-opacity": "0.02"
+                    }, null, -1)
+                  ])], 8, ye)
+                ]),
+                (o(!0), n(_, null, k(z.value, (a) => (o(), n("g", {
+                  key: `ytick-${a}`
+                }, [
+                  s("line", {
+                    x1: h.left,
+                    y1: L(a),
+                    x2: Q.value - h.right,
+                    y2: L(a),
+                    stroke: "var(--ss-border-faint)",
+                    "stroke-width": "0.5",
+                    "stroke-dasharray": "3,3"
+                  }, null, 8, _e),
+                  s("text", {
+                    x: h.left - 6,
+                    y: L(a),
+                    "text-anchor": "end",
+                    fill: "var(--ss-dim)",
+                    "font-size": "9",
+                    "dominant-baseline": "middle"
+                  }, r(a), 9, fe)
+                ]))), 128)),
+                ps.value ? (o(), n("path", {
+                  key: 0,
+                  d: ps.value,
+                  fill: `url(#${ns.value})`
+                }, null, 8, me)) : v("", !0),
+                Y.value ? (o(), n("path", {
+                  key: 1,
+                  d: Y.value,
+                  fill: "none",
+                  stroke: "var(--ss-accent)",
+                  "stroke-width": "1.5",
+                  "stroke-linejoin": "round",
+                  "stroke-linecap": "round"
+                }, null, 8, ge)) : v("", !0),
+                ys.value ? (o(), n("path", {
+                  key: 2,
+                  d: ys.value,
+                  fill: `url(#${rs.value})`
+                }, null, 8, xe)) : v("", !0),
+                Z.value ? (o(), n("path", {
+                  key: 3,
+                  d: Z.value,
+                  fill: "none",
+                  stroke: "var(--ss-red-fg)",
+                  "stroke-width": "1.5",
+                  "stroke-linejoin": "round",
+                  "stroke-linecap": "round",
+                  "stroke-dasharray": "4,2"
+                }, null, 8, ke)) : v("", !0),
+                (o(!0), n(_, null, k(u.value, (a, i) => (o(), n("g", { key: i }, [
+                  s("rect", {
+                    x: p.value[i].x - _s.value / 2,
+                    y: h.top,
+                    width: _s.value,
+                    height: j.value,
+                    fill: "transparent",
+                    class: "ss-dash-chart-hover-zone",
+                    "data-idx": i,
+                    onMouseenter: (f) => js(i),
+                    onMouseleave: As
+                  }, null, 40, we),
+                  V.value[i] > 0 ? (o(), n("circle", {
+                    key: 0,
+                    cx: p.value[i].x,
+                    cy: p.value[i].y,
+                    r: c.value.visible && c.value.idx === i ? 4 : 2.5,
+                    fill: "var(--ss-accent)",
+                    stroke: "var(--ss-surface)",
+                    "stroke-width": "1",
+                    class: "ss-dash-chart-dot",
+                    "data-idx": i,
+                    opacity: c.value.visible && c.value.idx !== i ? 0.3 : 1
+                  }, null, 8, be)) : v("", !0),
+                  E.value[i] > 0 ? (o(), n("circle", {
+                    key: 1,
+                    cx: p.value[i].x,
+                    cy: q.value[i].y,
+                    r: c.value.visible && c.value.idx === i ? 3.5 : 2,
+                    fill: "var(--ss-red-fg)",
+                    stroke: "var(--ss-surface)",
+                    "stroke-width": "1",
+                    class: "ss-dash-chart-dot ss-dash-chart-dot-err",
+                    "data-idx": i,
+                    opacity: c.value.visible && c.value.idx !== i ? 0.3 : 1
+                  }, null, 8, Re)) : v("", !0)
+                ]))), 128)),
+                (o(!0), n(_, null, k(u.value, (a, i) => (o(), n(_, {
+                  key: `xlabel-${i}`
+                }, [
+                  zs(i) && K(a.bucket) ? (o(), n("text", {
+                    key: 0,
+                    x: X(i),
+                    y: as - 6,
+                    "text-anchor": "middle",
+                    fill: "var(--ss-dim)",
+                    "font-size": "9"
+                  }, r(K(a.bucket)), 9, $e)) : v("", !0)
+                ], 64))), 128))
+              ], 8, he)),
+              c.value.visible && c.value.idx >= 0 ? (o(), n("div", {
+                key: 0,
+                class: "ss-dash-chart-tooltip",
+                style: ts({
+                  left: Vs.value + "px",
+                  top: h.top - 4 + "px",
+                  transform: "translate(-50%, -100%)"
+                })
+              }, [
+                s("div", null, r(K(u.value[c.value.idx].bucket)), 1),
+                s("div", null, "Requests: " + r(V.value[c.value.idx]), 1),
+                E.value[c.value.idx] > 0 ? (o(), n("div", qe, " Errors: " + r(E.value[c.value.idx]), 1)) : v("", !0)
+              ], 4)) : v("", !0)
+            ], 512))
+          ]),
+          s("div", Se, [
+            e[9] || (e[9] = s("span", { class: "ss-dash-chart-legend-item" }, [
+              s("span", {
+                class: "ss-dash-legend-dot",
+                style: { background: "var(--ss-accent)" }
+              }),
+              gs(" Requests ")
+            ], -1)),
+            u.value.some((a) => (a.errorCount ?? 0) > 0) ? (o(), n("span", Ce, [...e[8] || (e[8] = [
+              s("span", {
+                class: "ss-dash-legend-dot",
+                style: { background: "var(--ss-red-fg)" }
+              }, null, -1),
+              gs(" Errors ", -1)
+            ])])) : v("", !0)
+          ])
+        ]),
+        s("div", Me, [
+          s("div", Te, [
+            e[10] || (e[10] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#requests",
+                class: "ss-dash-widget-link"
+              }, "Slowest Endpoints")
+            ], -1)),
+            l.value.slowestEndpoints.length === 0 ? (o(), n("div", Ee, " No data yet ")) : (o(), n("ul", Le, [
+              (o(!0), n(_, null, k(l.value.slowestEndpoints.slice(0, 5), (a, i) => (o(), n("li", { key: i }, [
+                s("a", {
+                  href: `#requests?url=${encodeURIComponent(J(a))}`,
+                  class: "ss-dash-widget-row-link"
+                }, [
+                  s("span", {
+                    title: J(a)
+                  }, r(J(a)), 9, Fe),
+                  s("span", {
+                    class: b([
+                      "ss-dash-secondary-list-value",
+                      "ss-dash-duration",
+                      ds(a.avgDuration)
+                    ])
+                  }, r(x(N)(a.avgDuration)), 3)
+                ], 8, De)
+              ]))), 128))
+            ]))
+          ]),
+          s("div", Ne, [
+            e[14] || (e[14] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#queries",
+                class: "ss-dash-widget-link"
+              }, "Query Stats")
+            ], -1)),
+            s("ul", Qe, [
+              s("li", null, [
+                e[11] || (e[11] = s("span", null, "Total Queries", -1)),
+                s("span", je, r(l.value.queryStats.total), 1)
+              ]),
+              s("li", null, [
+                e[12] || (e[12] = s("span", null, "Avg Duration", -1)),
+                s("span", Ae, r(x(N)(l.value.queryStats.avgDuration)), 1)
+              ]),
+              s("li", null, [
+                e[13] || (e[13] = s("span", null, "Queries / Request", -1)),
+                s("span", Ve, r(l.value.queryStats.perRequest.toFixed(1)), 1)
+              ])
+            ])
+          ]),
+          s("div", ze, [
+            e[15] || (e[15] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#logs?level=error",
+                class: "ss-dash-widget-link"
+              }, "Recent Errors")
+            ], -1)),
+            l.value.recentErrors.length === 0 ? (o(), n("div", Be, " No recent errors ")) : (o(), n("ul", Pe, [
+              (o(!0), n(_, null, k(l.value.recentErrors, (a, i) => (o(), n("li", { key: i }, [
+                s("a", {
+                  href: `#logs?id=${a.id ?? ""}`,
+                  class: "ss-dash-widget-row-link"
+                }, [
+                  s("span", {
+                    style: { color: "var(--ss-red-fg)" },
+                    title: a.message
+                  }, r(a.message), 9, Ie),
+                  a.timestamp ? (o(), n("span", {
+                    key: 0,
+                    class: "ss-dash-secondary-list-value",
+                    style: { color: "var(--ss-dim)" },
+                    title: x(Os)(a.timestamp)
+                  }, r(x(Hs)(a.timestamp)), 9, We)) : v("", !0)
+                ], 8, Ue)
+              ]))), 128))
+            ]))
+          ]),
+          s("div", Oe, [
+            e[16] || (e[16] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#events",
+                class: "ss-dash-widget-link"
+              }, "Top Events")
+            ], -1)),
+            l.value.topEvents.length === 0 ? (o(), n("div", He, " No events yet ")) : (o(), n("ul", Ke, [
+              (o(!0), n(_, null, k(l.value.topEvents.slice(0, 5), (a, i) => (o(), n("li", { key: i }, [
+                s("a", {
+                  href: `#events?event_name=${encodeURIComponent(fs(a))}`,
+                  class: "ss-dash-widget-row-link"
+                }, [
+                  s("span", null, r(fs(a)), 1),
+                  s("span", Xe, r(a.count), 1)
+                ], 8, Ge)
+              ]))), 128))
+            ]))
+          ]),
+          s("div", Ye, [
+            e[20] || (e[20] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#emails",
+                class: "ss-dash-widget-link"
+              }, "Email Activity")
+            ], -1)),
+            s("ul", Ze, [
+              s("li", null, [
+                s("a", Je, [
+                  e[17] || (e[17] = s("span", null, "Sent", -1)),
+                  s("span", st, r(l.value.emailActivity.sent), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", et, [
+                  e[18] || (e[18] = s("span", null, "Queued", -1)),
+                  s("span", tt, r(l.value.emailActivity.queued), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", at, [
+                  e[19] || (e[19] = s("span", null, "Failed", -1)),
+                  s("span", {
+                    class: "ss-dash-secondary-list-value",
+                    style: ts(
+                      l.value.emailActivity.failed > 0 ? { color: "var(--ss-red-fg)" } : void 0
+                    )
+                  }, r(l.value.emailActivity.failed), 5)
+                ])
+              ])
+            ])
+          ]),
+          s("div", lt, [
+            e[25] || (e[25] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#logs",
+                class: "ss-dash-widget-link"
+              }, "Log Levels")
+            ], -1)),
+            s("ul", ot, [
+              s("li", null, [
+                s("a", nt, [
+                  e[21] || (e[21] = s("span", { style: { color: "var(--ss-red-fg)" } }, "Error", -1)),
+                  s("span", rt, r(l.value.logLevelBreakdown.error), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", it, [
+                  e[22] || (e[22] = s("span", { style: { color: "var(--ss-amber-fg)" } }, "Warn", -1)),
+                  s("span", dt, r(l.value.logLevelBreakdown.warn), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", ut, [
+                  e[23] || (e[23] = s("span", { style: { color: "var(--ss-green-fg)" } }, "Info", -1)),
+                  s("span", ct, r(l.value.logLevelBreakdown.info), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", vt, [
+                  e[24] || (e[24] = s("span", { style: { color: "var(--ss-dim)" } }, "Debug", -1)),
+                  s("span", ht, r(l.value.logLevelBreakdown.debug), 1)
+                ])
+              ])
+            ])
+          ]),
+          l.value.cacheStats && l.value.cacheStats.available ? (o(), n("div", pt, [
+            e[29] || (e[29] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#cache",
+                class: "ss-dash-widget-link"
+              }, "Cache")
+            ], -1)),
+            s("ul", yt, [
+              s("li", null, [
+                s("a", _t, [
+                  e[26] || (e[26] = s("span", null, "Keys", -1)),
+                  s("span", ft, r(l.value.cacheStats.totalKeys), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", mt, [
+                  e[27] || (e[27] = s("span", null, "Hit Rate", -1)),
+                  s("span", gt, r(l.value.cacheStats.hitRate.toFixed(1)) + "%", 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", xt, [
+                  e[28] || (e[28] = s("span", null, "Memory", -1)),
+                  s("span", kt, r(l.value.cacheStats.memoryUsedHuman), 1)
+                ])
+              ])
+            ])
+          ])) : v("", !0),
+          l.value.jobQueueStatus && l.value.jobQueueStatus.available ? (o(), n("div", wt, [
+            e[34] || (e[34] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#jobs",
+                class: "ss-dash-widget-link"
+              }, "Job Queue")
+            ], -1)),
+            s("ul", bt, [
+              s("li", null, [
+                s("a", Rt, [
+                  e[30] || (e[30] = s("span", null, "Active", -1)),
+                  s("span", $t, r(l.value.jobQueueStatus.active), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", qt, [
+                  e[31] || (e[31] = s("span", null, "Waiting", -1)),
+                  s("span", St, r(l.value.jobQueueStatus.waiting), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", Ct, [
+                  e[32] || (e[32] = s("span", null, "Failed", -1)),
+                  s("span", {
+                    class: "ss-dash-secondary-list-value",
+                    style: ts(
+                      l.value.jobQueueStatus.failed > 0 ? { color: "var(--ss-red-fg)" } : void 0
+                    )
+                  }, r(l.value.jobQueueStatus.failed), 5)
+                ])
+              ]),
+              s("li", null, [
+                s("a", Mt, [
+                  e[33] || (e[33] = s("span", null, "Completed", -1)),
+                  s("span", Tt, r(l.value.jobQueueStatus.completed), 1)
+                ])
+              ])
+            ])
+          ])) : v("", !0),
+          s("div", Et, [
+            e[39] || (e[39] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#requests",
+                class: "ss-dash-widget-link"
+              }, "Response Status")
+            ], -1)),
+            s("ul", Lt, [
+              s("li", null, [
+                s("a", Dt, [
+                  e[35] || (e[35] = s("span", { style: { color: "var(--ss-green-fg)" } }, "2xx", -1)),
+                  s("span", Ft, r(l.value.statusDistribution["2xx"]), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", Nt, [
+                  e[36] || (e[36] = s("span", { style: { color: "var(--ss-blue-fg)" } }, "3xx", -1)),
+                  s("span", Qt, r(l.value.statusDistribution["3xx"]), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", jt, [
+                  e[37] || (e[37] = s("span", { style: { color: "var(--ss-amber-fg)" } }, "4xx", -1)),
+                  s("span", At, r(l.value.statusDistribution["4xx"]), 1)
+                ])
+              ]),
+              s("li", null, [
+                s("a", Vt, [
+                  e[38] || (e[38] = s("span", { style: { color: "var(--ss-red-fg)" } }, "5xx", -1)),
+                  s("span", zt, r(l.value.statusDistribution["5xx"]), 1)
+                ])
+              ])
+            ])
+          ]),
+          s("div", Bt, [
+            e[40] || (e[40] = s("div", { class: "ss-dash-secondary-card-title" }, [
+              s("a", {
+                href: "#queries",
+                class: "ss-dash-widget-link"
+              }, "Slowest Queries")
+            ], -1)),
+            l.value.slowestQueries.length === 0 ? (o(), n("div", Pt, " No query data yet ")) : (o(), n("ul", Ut, [
+              (o(!0), n(_, null, k(l.value.slowestQueries.slice(0, 5), (a, i) => (o(), n("li", { key: i }, [
+                s("a", {
+                  href: `#queries?pattern=${encodeURIComponent(ss(a))}`,
+                  class: "ss-dash-widget-row-link"
+                }, [
+                  s("span", {
+                    title: ss(a)
+                  }, r(ss(a)), 9, Wt),
+                  s("span", {
+                    class: b([
+                      "ss-dash-secondary-list-value",
+                      "ss-dash-duration",
+                      ds(a.avgDuration)
+                    ])
+                  }, r(x(N)(a.avgDuration)), 3)
+                ], 8, It)
+              ]))), 128))
+            ]))
+          ])
+        ])
+      ], 64))
+    ]));
+  }
+}), Ht = (S, R) => {
+  const w = S.__vccOpts || S;
+  for (const [$, C] of R)
+    w[$] = C;
+  return w;
+}, Yt = /* @__PURE__ */ Ht(Ot, [["__scopeId", "data-v-1e96b18b"]]);
+export {
+  Yt as default
+};