adonisjs-server-stats 1.10.3 → 1.11.1

package/dist/vue/{OverviewSection-1uBKo-Tu.js → OverviewSection-BMabyqw-.js}

@@ -1,6 +1,6 @@
-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-C8MxnS7Q.js";
+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-CM3yNVUR.js";
 const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ */ ws({
   __name: "TimeRangeSelector",
   props: {
@@ -18,12 +18,12 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
       { value: "7d", label: "7d" }
     ];
     return (C, I) => (o(), n("div", Gs, [
-      (o(), n(_, null, k($, (m) => s("button", {
-        key: m.value,
+      (o(), n(_, null, k($, (f) => s("button", {
+        key: f.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))
+        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))
     ]));
   }
 }), Zs = { class: "ss-dash-overview" }, Js = {
@@ -36,7 +36,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
   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 = {
+}, 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 = {
   key: 0,
   style: { color: "var(--ss-red-fg)" }
 }, Se = {
@@ -52,7 +52,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
 }, 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 = {
+}, 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 = {
   key: 0,
   class: "ss-dash-empty",
   style: { "min-height": "60px" }
@@ -93,7 +93,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
 }, yt = { class: "ss-dash-secondary-list" }, _t = {
   href: "#cache",
   class: "ss-dash-widget-row-link"
-}, ft = { class: "ss-dash-secondary-list-value" }, mt = {
+}, mt = { class: "ss-dash-secondary-list-value" }, ft = {
   href: "#cache",
   class: "ss-dash-widget-row-link"
 }, gt = { class: "ss-dash-secondary-list-value" }, xt = {
@@ -117,7 +117,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
 }, 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 = {
+}, Nt = { class: "ss-dash-secondary-list-value" }, Ft = {
   href: "#requests?status=3xx",
   class: "ss-dash-widget-row-link"
 }, Qt = { class: "ss-dash-secondary-list-value" }, jt = {
@@ -136,7 +136,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
 }, 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", {
+    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,
@@ -150,7 +150,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
         refreshKey: R
       }
     );
-    ms(m, (t) => {
+    fs(f, (t) => {
       $s(t);
     });
     const os = d(() => ls.value), l = d(() => os.value || {
@@ -188,9 +188,9 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
     ), 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;
+      const a = t / e, i = Math.pow(10, Math.floor(Math.log10(a))), m = a / i;
       let y;
-      f <= 1 ? y = i : f <= 2 ? y = 2 * i : f <= 5 ? y = 5 * i : y = 10 * i;
+      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;
@@ -211,18 +211,17 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
       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)}`;
+        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)}`;
       }
       return e;
     }
     function ds(t) {
-      const e = Ks(t);
-      return e === "very-slow" ? "ss-dash-very-slow" : e === "slow" ? "ss-dash-slow" : "";
+      return Ks(t, "ss-dash");
     }
     const us = D(null), G = D(0);
     let T = null;
-    ms(us, (t) => {
+    fs(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;
@@ -240,14 +239,14 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
         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(
+    ), 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
     );
     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;
+      return h.top + j.value - t / (Ns.value || 1) * j.value;
     }
     const p = d(
       () => u.value.map((t, e) => ({ x: X(e), y: L(V.value[e]) }))
@@ -257,8 +256,8 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
       () => 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))
+    ), 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) {
       const e = p.value[t].x;
@@ -288,7 +287,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
     function J(t) {
       return t.url || t.pattern || "-";
     }
-    function fs(t) {
+    function ms(t) {
       return t.name || t.eventName || t.event_name || t.event || "";
     }
     function ss(t) {
@@ -301,9 +300,9 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
             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),
+            }, r(g.value ? x(F)(W.value) : "-"), 3),
             s("div", te, [
-              F(U, {
+              N(U, {
                 data: Cs.value,
                 color: "#34d399",
                 width: 160,
@@ -315,9 +314,9 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
             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),
+            }, r(g.value ? x(F)(O.value) : "-"), 3),
             s("div", le, [
-              F(U, {
+              N(U, {
                 data: Ms.value,
                 color: "#60a5fa",
                 width: 160,
@@ -331,7 +330,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
               class: b(["ss-dash-card-value", Us()])
             }, r(g.value ? qs.value.toFixed(1) : "-"), 3),
             s("div", ne, [
-              F(U, {
+              N(U, {
                 data: Ts.value,
                 color: "#34d399",
                 width: 160,
@@ -345,7 +344,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
               class: b(["ss-dash-card-value", Is()])
             }, r(g.value ? `${H.value.toFixed(1)}%` : "-"), 3),
             s("div", ie, [
-              F(U, {
+              N(U, {
                 data: Es.value,
                 color: "#f87171",
                 width: 160,
@@ -357,9 +356,9 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
         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)
+            N(Ys, {
+              "model-value": f.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => f.value = a)
             }, null, 8, ["model-value"])
           ]),
           s("div", ce, [
@@ -430,13 +429,13 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
                     fill: "var(--ss-dim)",
                     "font-size": "9",
                     "dominant-baseline": "middle"
-                  }, r(a), 9, fe)
+                  }, r(a), 9, me)
                 ]))), 128)),
                 ps.value ? (o(), n("path", {
                   key: 0,
                   d: ps.value,
                   fill: `url(#${ns.value})`
-                }, null, 8, me)) : v("", !0),
+                }, null, 8, fe)) : v("", !0),
                 Y.value ? (o(), n("path", {
                   key: 1,
                   d: Y.value,
@@ -470,7 +469,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
                     fill: "transparent",
                     class: "ss-dash-chart-hover-zone",
                     "data-idx": i,
-                    onMouseenter: (f) => js(i),
+                    onMouseenter: (m) => js(i),
                     onMouseleave: As
                   }, null, 40, we),
                   V.value[i] > 0 ? (o(), n("circle", {
@@ -559,19 +558,19 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
                 }, [
                   s("span", {
                     title: J(a)
-                  }, r(J(a)), 9, Fe),
+                  }, r(J(a)), 9, Ne),
                   s("span", {
                     class: b([
                       "ss-dash-secondary-list-value",
                       "ss-dash-duration",
                       ds(a.avgDuration)
                     ])
-                  }, r(x(N)(a.avgDuration)), 3)
+                  }, r(x(F)(a.avgDuration)), 3)
                 ], 8, De)
               ]))), 128))
             ]))
           ]),
-          s("div", Ne, [
+          s("div", Fe, [
             e[14] || (e[14] = s("div", { class: "ss-dash-secondary-card-title" }, [
               s("a", {
                 href: "#queries",
@@ -585,7 +584,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
               ]),
               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("span", Ae, r(x(F)(l.value.queryStats.avgDuration)), 1)
               ]),
               s("li", null, [
                 e[13] || (e[13] = s("span", null, "Queries / Request", -1)),
@@ -630,10 +629,10 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
             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))}`,
+                  href: `#events?event_name=${encodeURIComponent(ms(a))}`,
                   class: "ss-dash-widget-row-link"
                 }, [
-                  s("span", null, r(fs(a)), 1),
+                  s("span", null, r(ms(a)), 1),
                   s("span", Xe, r(a.count), 1)
                 ], 8, Ge)
               ]))), 128))
@@ -717,11 +716,11 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
               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("span", mt, r(l.value.cacheStats.totalKeys), 1)
                 ])
               ]),
               s("li", null, [
-                s("a", mt, [
+                s("a", ft, [
                   e[27] || (e[27] = s("span", null, "Hit Rate", -1)),
                   s("span", gt, r(l.value.cacheStats.hitRate.toFixed(1)) + "%", 1)
                 ])
@@ -784,11 +783,11 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
               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("span", Nt, r(l.value.statusDistribution["2xx"]), 1)
                 ])
               ]),
               s("li", null, [
-                s("a", Nt, [
+                s("a", Ft, [
                   e[36] || (e[36] = s("span", { style: { color: "var(--ss-blue-fg)" } }, "3xx", -1)),
                   s("span", Qt, r(l.value.statusDistribution["3xx"]), 1)
                 ])
@@ -829,7 +828,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
                       "ss-dash-duration",
                       ds(a.avgDuration)
                     ])
-                  }, r(x(N)(a.avgDuration)), 3)
+                  }, r(x(F)(a.avgDuration)), 3)
                 ], 8, It)
               ]))), 128))
             ]))
@@ -843,7 +842,7 @@ const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ *
   for (const [$, C] of R)
     w[$] = C;
   return w;
-}, Yt = /* @__PURE__ */ Ht(Ot, [["__scopeId", "data-v-1e96b18b"]]);
+}, Yt = /* @__PURE__ */ Ht(Ot, [["__scopeId", "data-v-6c6eb892"]]);
 export {
   Yt as default
 };

package/dist/vue/{QueriesSection-rpoZ4ogd.js → QueriesSection-BfDFwGqH.js}

@@ -1,6 +1,6 @@
-import { defineComponent as H, inject as A, ref as C, computed as g, openBlock as o, createElementBlock as i, createVNode as W, withCtx as it, createElementVNode as e, normalizeClass as f, unref as u, createTextVNode as b, toDisplayString as r, createCommentVNode as v, Fragment as k, renderList as T, withKeys as B, withModifiers as L, createBlock as rt, h as D } from "vue";
-import { formatTime as ut, timeAgo as dt, SLOW_DURATION_MS as pt, durationSeverity as ct } from "adonisjs-server-stats/core";
-import { u as vt } from "./index-C8MxnS7Q.js";
+import { defineComponent as H, inject as A, ref as $, computed as g, openBlock as o, createElementBlock as i, createVNode as W, withCtx as it, createElementVNode as e, normalizeClass as f, unref as r, createTextVNode as b, toDisplayString as u, createCommentVNode as v, Fragment as k, renderList as T, withKeys as B, withModifiers as L, createBlock as ut, h as D } from "vue";
+import { formatTime as rt, timeAgo as dt, SLOW_DURATION_MS as pt, durationClassName as ct } from "adonisjs-server-stats/core";
+import { u as vt } from "./index-CM3yNVUR.js";
 import { u as ht } from "./useResizableTable-BoivAevK.js";
 import { _ as mt } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 import { _ as ft } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
@@ -19,7 +19,7 @@ const yt = { class: "ss-dash-btn-group" }, xt = {
 }, wt = {
   key: 0,
   class: "ss-dash-sort-arrow"
-}, $t = ["onClick", "onKeydown"], Ct = {
+}, Ct = ["onClick", "onKeydown"], $t = {
   key: 0,
   class: "ss-dash-dup"
 }, gt = { style: { color: "var(--ss-muted)", "text-align": "center", display: "block" } }, Dt = { class: "ss-dash-duration" }, Nt = { class: "ss-dash-duration" }, Pt = { style: { color: "var(--ss-muted)", "text-align": "center", display: "block" } }, St = {
@@ -88,12 +88,12 @@ const J = H({
   ...Gt,
   __name: "QueriesSection",
   setup(n) {
-    const z = A("ss-refresh-key", C(0)), F = A("ss-dashboard-endpoint", "/__stats/api"), K = A("ss-auth-token", void 0), j = A("ss-base-url", ""), c = C("list"), d = C(null), a = C(null), y = C(null), N = g(() => c.value === "grouped" ? "queries/grouped" : "queries"), { data: w, loading: G, pagination: P, sort: h, goToPage: X, setSearch: Y, setSort: Z, explainQuery: tt } = vt(() => N.value, {
+    const z = A("ss-refresh-key", $(0)), F = A("ss-dashboard-endpoint", "/__stats/api"), K = A("ss-auth-token", void 0), j = A("ss-base-url", ""), c = $("list"), d = $(null), a = $(null), y = $(null), N = g(() => c.value === "grouped" ? "queries/grouped" : "queries"), { data: w, loading: G, pagination: P, sort: h, goToPage: X, setSearch: Y, setSort: Z, explainQuery: tt } = vt(() => N.value, {
       baseUrl: j,
       dashboardEndpoint: F,
       authToken: K,
       refreshKey: z
-    }), M = C(""), O = g(() => w.value ? c.value === "grouped" ? w.value.groups || [] : w.value.data || w.value || [] : []), m = g(() => c.value !== "grouped" ? O.value : O.value.map((s) => {
+    }), M = $(""), O = g(() => w.value ? c.value === "grouped" ? w.value.groups || [] : w.value.data || w.value || [] : []), m = g(() => c.value !== "grouped" ? O.value : O.value.map((s) => {
       const t = { ...s };
       return (t.sqlNormalized === null || t.sqlNormalized === void 0 && (s.sql_normalized || s.pattern)) && (t.sqlNormalized = s.sql_normalized || s.pattern || ""), (t.count === null || t.count === void 0) && s.total_count !== null && s.total_count !== void 0 && (t.count = s.total_count), (t.avgDuration === null || t.avgDuration === void 0) && s.avg_duration !== null && s.avg_duration !== void 0 && (t.avgDuration = s.avg_duration), (t.maxDuration === null || t.maxDuration === void 0) && s.max_duration !== null && s.max_duration !== void 0 && (t.maxDuration = s.max_duration), (t.minDuration === null || t.minDuration === void 0) && s.min_duration !== null && s.min_duration !== void 0 && (t.minDuration = s.min_duration), (t.totalDuration === null || t.totalDuration === void 0) && s.total_duration !== null && s.total_duration !== void 0 && (t.totalDuration = s.total_duration), (t.percentOfTotal === null || t.percentOfTotal === void 0) && s.pct_time !== null && s.pct_time !== void 0 && (t.percentOfTotal = s.pct_time), t;
     })), R = g(() => {
@@ -103,7 +103,7 @@ const J = H({
         s.set(l, (s.get(l) || 0) + 1);
       }
       return s;
-    }), $ = g(() => {
+    }), C = g(() => {
       const s = P.total ?? m.value.length;
       let t = 0, l = 0, p = 0, x = 0;
       for (const _ of m.value) {
@@ -115,8 +115,8 @@ const J = H({
       return { total: s, slow: t, duplicates: l, avgDuration: x > 0 ? p / x : 0 };
     }), st = g(() => {
       if (c.value === "grouped") return `${m.value.length} query patterns`;
-      const s = [`${$.value.total} queries`];
-      return $.value.slow > 0 && s.push(`${$.value.slow} slow`), $.value.duplicates > 0 && s.push(`${$.value.duplicates} dup`), s.push(`avg ${($.value.avgDuration || 0).toFixed(1)}ms`), s.join(", ");
+      const s = [`${C.value.total} queries`];
+      return C.value.slow > 0 && s.push(`${C.value.slow} slow`), C.value.duplicates > 0 && s.push(`${C.value.duplicates} dup`), s.push(`avg ${(C.value.avgDuration || 0).toFixed(1)}ms`), s.join(", ");
     });
     function et(s) {
       M.value = s, Y(s);
@@ -147,8 +147,7 @@ const J = H({
       }
     }
     function E(s) {
-      const t = ct(s);
-      return t === "very-slow" ? "ss-dash-very-slow" : t === "slow" ? "ss-dash-slow" : "";
+      return ct(s, "ss-dash");
     }
     function q() {
       const s = a.value?.plan;
@@ -191,7 +190,7 @@ const J = H({
         ]),
         _: 1
       }, 8, ["model-value", "summary"]),
-      u(G) && !u(w) ? (o(), i("div", xt, "Loading queries...")) : c.value === "grouped" ? (o(), i("div", _t, [
+      r(G) && !r(w) ? (o(), i("div", xt, "Loading queries...")) : c.value === "grouped" ? (o(), i("div", _t, [
         m.value.length > 0 ? (o(), i("table", {
           key: 0,
           ref_key: "tableRef",
@@ -206,14 +205,14 @@ const J = H({
                 onClick: t[2] || (t[2] = (l) => S("count"))
               }, [
                 t[8] || (t[8] = b(" Count ", -1)),
-                u(h).column === "count" ? (o(), i("span", bt, r(u(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                r(h).column === "count" ? (o(), i("span", bt, u(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
               ]),
               e("th", {
                 class: "ss-dash-sortable",
                 onClick: t[3] || (t[3] = (l) => S("avgDuration"))
               }, [
                 t[9] || (t[9] = b(" Avg ", -1)),
-                u(h).column === "avgDuration" ? (o(), i("span", kt, r(u(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                r(h).column === "avgDuration" ? (o(), i("span", kt, u(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
               ]),
               t[12] || (t[12] = e("th", null, "Min", -1)),
               t[13] || (t[13] = e("th", null, "Max", -1)),
@@ -222,7 +221,7 @@ const J = H({
                 onClick: t[4] || (t[4] = (l) => S("totalDuration"))
               }, [
                 t[10] || (t[10] = b(" Total ", -1)),
-                u(h).column === "totalDuration" ? (o(), i("span", wt, r(u(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                r(h).column === "totalDuration" ? (o(), i("span", wt, u(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
               ]),
               t[14] || (t[14] = e("th", null, "% Time", -1))
             ])
@@ -237,30 +236,30 @@ const J = H({
                   tabindex: "0",
                   onClick: L((x) => d.value = d.value === l.sqlNormalized ? null : l.sqlNormalized, ["stop"]),
                   onKeydown: B((x) => d.value = d.value === l.sqlNormalized ? null : l.sqlNormalized, ["enter"])
-                }, r(l.sqlNormalized), 43, $t),
-                (l.count || 0) >= 3 ? (o(), i("span", Ct, "DUP")) : v("", !0)
+                }, u(l.sqlNormalized), 43, Ct),
+                (l.count || 0) >= 3 ? (o(), i("span", $t, "DUP")) : v("", !0)
               ]),
               e("td", null, [
-                e("span", gt, r(l.count || 0), 1)
+                e("span", gt, u(l.count || 0), 1)
               ]),
               e("td", null, [
                 e("span", {
                   class: f(`ss-dash-duration ${E(l.avgDuration || 0)}`)
-                }, r((l.avgDuration || 0).toFixed(2)) + "ms ", 3)
+                }, u((l.avgDuration || 0).toFixed(2)) + "ms ", 3)
               ]),
               e("td", null, [
-                e("span", Dt, r((l.minDuration || 0).toFixed(2)) + "ms", 1)
+                e("span", Dt, u((l.minDuration || 0).toFixed(2)) + "ms", 1)
               ]),
               e("td", null, [
                 e("span", {
                   class: f(`ss-dash-duration ${E(l.maxDuration || 0)}`)
-                }, r((l.maxDuration || 0).toFixed(2)) + "ms ", 3)
+                }, u((l.maxDuration || 0).toFixed(2)) + "ms ", 3)
               ]),
               e("td", null, [
-                e("span", Nt, r((l.totalDuration || 0).toFixed(1)) + "ms", 1)
+                e("span", Nt, u((l.totalDuration || 0).toFixed(1)) + "ms", 1)
               ]),
               e("td", null, [
-                e("span", Pt, r((l.percentOfTotal || 0).toFixed(1)) + "%", 1)
+                e("span", Pt, u((l.percentOfTotal || 0).toFixed(1)) + "%", 1)
               ])
             ]))), 128))
           ])
@@ -292,7 +291,7 @@ const J = H({
                   onClick: t[5] || (t[5] = (l) => S("duration"))
                 }, [
                   t[15] || (t[15] = b(" Duration ", -1)),
-                  u(h).column === "duration" ? (o(), i("span", zt, r(u(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  r(h).column === "duration" ? (o(), i("span", zt, u(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
                 ]),
                 t[19] || (t[19] = e("th", null, "Method", -1)),
                 t[20] || (t[20] = e("th", null, "Model", -1)),
@@ -302,7 +301,7 @@ const J = H({
                   onClick: t[6] || (t[6] = (l) => S("createdAt"))
                 }, [
                   t[16] || (t[16] = b(" Time ", -1)),
-                  u(h).column === "createdAt" ? (o(), i("span", jt, r(u(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
+                  r(h).column === "createdAt" ? (o(), i("span", jt, u(r(h).direction === "asc" ? " ▲" : " ▼"), 1)) : v("", !0)
                 ]),
                 t[22] || (t[22] = e("th", null, null, -1))
               ])
@@ -313,7 +312,7 @@ const J = H({
               }, [
                 e("tr", null, [
                   e("td", null, [
-                    e("span", At, r(l.id), 1)
+                    e("span", At, u(l.id), 1)
                   ]),
                   e("td", null, [
                     e("div", null, [
@@ -324,10 +323,10 @@ const J = H({
                         tabindex: "0",
                         onClick: L((p) => d.value = d.value === l.id ? null : l.id, ["stop"]),
                         onKeydown: B((p) => d.value = d.value === l.id ? null : l.id, ["enter"])
-                      }, r(l.sql || l.sql_text || ""), 43, Ft),
+                      }, u(l.sql || l.sql_text || ""), 43, Ft),
                       (R.value.get(
                         (l.sqlNormalized || l.sql || l.sql_text) ?? ""
-                      ) ?? 0) > 1 ? (o(), i("span", Kt, " ×" + r(R.value.get(
+                      ) ?? 0) > 1 ? (o(), i("span", Kt, " ×" + u(R.value.get(
                         (l.sqlNormalized || l.sql || l.sql_text) ?? ""
                       )), 1)) : v("", !0)
                     ])
@@ -335,29 +334,29 @@ const J = H({
                   e("td", null, [
                     e("span", {
                       class: f(`ss-dash-duration ${E(l.duration || 0)}`)
-                    }, r((l.duration || 0).toFixed(2)) + "ms ", 3)
+                    }, u((l.duration || 0).toFixed(2)) + "ms ", 3)
                   ]),
                   e("td", null, [
                     e("span", {
                       class: f(`ss-dash-method ss-dash-method-${(l.method || l.sql_method || "").toLowerCase()}`)
-                    }, r(l.method || l.sql_method || ""), 3)
+                    }, u(l.method || l.sql_method || ""), 3)
                   ]),
                   e("td", null, [
                     e("span", {
                       style: { color: "var(--ss-muted)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
                       title: l.model
-                    }, r(l.model || "-"), 9, Rt)
+                    }, u(l.model || "-"), 9, Rt)
                   ]),
                   e("td", null, [
-                    e("span", Et, r(l.connection || "-"), 1)
+                    e("span", Et, u(l.connection || "-"), 1)
                   ]),
                   e("td", null, [
                     e("span", {
                       class: "ss-dash-event-time",
-                      title: u(ut)(
+                      title: r(rt)(
                         l.createdAt || l.created_at || l.timestamp || ""
                       )
-                    }, r(u(dt)(
+                    }, u(r(dt)(
                       l.createdAt || l.created_at || l.timestamp || ""
                     )), 9, Lt)
                   ]),
@@ -368,7 +367,7 @@ const J = H({
                       class: f(`ss-dash-explain-btn${a.value?.queryId === l.id && !a.value?.error ? " ss-dash-explain-btn-active" : ""}`),
                       disabled: y.value === l.id,
                       onClick: L((p) => lt(l.id), ["stop"])
-                    }, r(y.value === l.id ? "..." : "EXPLAIN"), 11, Mt)) : v("", !0)
+                    }, u(y.value === l.id ? "..." : "EXPLAIN"), 11, Mt)) : v("", !0)
                   ])
                 ]),
                 a.value && a.value.queryId === l.id ? (o(), i("tr", Ot, [
@@ -377,11 +376,11 @@ const J = H({
                       e("div", Ut, [
                         a.value.error ? (o(), i("div", Qt, [
                           t[23] || (t[23] = e("strong", null, "Error:", -1)),
-                          b(" " + r(a.value.error) + " ", 1),
+                          b(" " + u(a.value.error) + " ", 1),
                           a.value.message ? (o(), i("br", Wt)) : v("", !0),
-                          b(" " + r(a.value.message), 1)
+                          b(" " + u(a.value.message), 1)
                         ])) : at() ? (o(), i("div", Bt, [
-                          W(u(J), {
+                          W(r(J), {
                             node: ot(),
                             depth: 0
                           }, null, 8, ["node"])
@@ -389,12 +388,12 @@ const J = H({
                           e("table", null, [
                             e("thead", null, [
                               e("tr", null, [
-                                (o(!0), i(k, null, T(q(), (p) => (o(), i("th", { key: p }, r(p), 1))), 128))
+                                (o(!0), i(k, null, T(q(), (p) => (o(), i("th", { key: p }, u(p), 1))), 128))
                               ])
                             ]),
                             e("tbody", null, [
                               (o(!0), i(k, null, T(a.value.plan, (p, x) => (o(), i("tr", { key: x }, [
-                                (o(!0), i(k, null, T(q(), (_) => (o(), i("td", { key: _ }, r(nt(p, _)), 1))), 128))
+                                (o(!0), i(k, null, T(q(), (_) => (o(), i("td", { key: _ }, u(nt(p, _)), 1))), 128))
                               ]))), 128))
                             ])
                           ])
@@ -413,12 +412,12 @@ const J = H({
             ])
           ], 512)) : (o(), i("div", Jt, "No queries recorded"))
         ]),
-        u(P).totalPages > 1 ? (o(), rt(ft, {
+        r(P).totalPages > 1 ? (o(), ut(ft, {
           key: 0,
-          page: u(P).page,
-          "last-page": u(P).totalPages,
-          total: u(P).total,
-          onPageChange: u(X)
+          page: r(P).page,
+          "last-page": r(P).totalPages,
+          total: r(P).total,
+          onPageChange: r(X)
         }, null, 8, ["page", "last-page", "total", "onPageChange"])) : v("", !0)
       ], 64))
     ]));