adonisjs-server-stats 1.12.3 → 1.14.0

package/dist/vue/{OverviewSection-BAgZTPjY.js → OverviewSection-CyfNQ8uV.js}

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