adonisjs-server-stats 1.12.0 → 1.12.2

package/dist/vue/{QueriesSection-2SE3igQJ.js → QueriesSection-CUpwhp7u.js}

@@ -1,6 +1,6 @@
-import { defineComponent as he, inject as z, ref as T, computed as c, openBlock as a, createElementBlock as l, createVNode as me, withCtx as ve, createElementVNode as s, normalizeClass as v, unref as d, Fragment as u, renderList as _, createTextVNode as h, toDisplayString as o, createCommentVNode as p, withKeys as G, withModifiers as F, normalizeStyle as H, createBlock as ye } from "vue";
-import { QueriesController as fe, getDashboardListColumns as _e, getDashboardGroupedColumns as xe, resolveField as g, normalizeDashboardQuery as ge, buildSqlCounts as ke, computeDashboardQuerySummary as be, formatTime as we, timeAgo as Ce, formatCellValue as De, flattenPlanTree as Ee, getExplainColumns as $e, hasNestedPlan as Se, durationClassName as ze } from "adonisjs-server-stats/core";
-import { u as Ne } from "./index-CptF6Qbp.js";
+import { defineComponent as he, inject as z, ref as T, computed as p, openBlock as a, createElementBlock as l, createVNode as me, withCtx as ve, createElementVNode as s, normalizeClass as f, unref as c, Fragment as d, renderList as x, createTextVNode as v, toDisplayString as o, createCommentVNode as h, withKeys as G, withModifiers as F, normalizeStyle as H, createBlock as ye } from "vue";
+import { QueriesController as fe, getDashboardListColumns as _e, getDashboardGroupedColumns as xe, resolveField as b, normalizeDashboardQuery as ge, buildSqlCounts as be, computeDashboardQuerySummary as ke, formatTime as we, timeAgo as Ce, formatCellValue as $e, flattenPlanTree as De, getExplainColumns as Ee, hasNestedPlan as Se, durationClassName as Ne } from "adonisjs-server-stats/core";
+import { u as ze } from "./index-30jLw-_w.js";
 import { u as Pe } from "./useResizableTable-BoivAevK.js";
 import { _ as Te } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 import { _ as Fe } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";
@@ -10,16 +10,16 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
 }, Ve = {
   key: 1,
   class: "ss-dash-table-wrap"
-}, Re = ["onClick"], je = {
+}, Re = ["onClick"], Me = {
   key: 0,
   class: "ss-dash-sort-arrow"
-}, Ke = ["onClick", "onKeydown"], Me = {
+}, je = ["onClick", "onKeydown"], Ke = {
   key: 0,
   class: "ss-dash-dup"
 }, Oe = { style: { color: "var(--ss-muted)", "text-align": "center", display: "block" } }, Ae = { class: "ss-dash-duration" }, Be = { class: "ss-dash-duration" }, Ue = { style: { color: "var(--ss-muted)", "text-align": "center", display: "block" } }, Ge = {
   key: 1,
   class: "ss-dash-empty"
-}, He = { class: "ss-dash-table-wrap" }, Xe = ["onClick"], Je = {
+}, He = { class: "ss-dash-table-wrap" }, Je = ["onClick"], Xe = {
   key: 0,
   class: "ss-dash-sort-arrow"
 }, We = { key: 1 }, Ye = { style: { color: "var(--ss-dim)" } }, Ze = ["onClick", "onKeydown"], Ie = {
@@ -52,40 +52,40 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
 }, Ct = /* @__PURE__ */ he({
   __name: "QueriesSection",
   setup(ft) {
-    const X = z("ss-refresh-key", T(0)), J = z("ss-dashboard-endpoint", "/__stats/api"), W = z("ss-auth-token", void 0), Y = z("ss-base-url", ""), i = new fe("list"), x = T(0);
+    const J = z("ss-refresh-key", T(0)), X = z("ss-dashboard-endpoint", "/__stats/api"), W = z("ss-auth-token", void 0), Y = z("ss-base-url", ""), i = new fe("list"), g = T(0);
     function k() {
-      x.value++;
+      g.value++;
     }
-    const y = c(() => (x.value, i.state.viewMode));
-    c(() => (x.value, i.state.expandedIds)), c(() => (x.value, i.state.explainData));
-    const L = c(() => _e()), Z = c(() => xe()), I = c(() => y.value === "grouped" ? "queries/grouped" : "queries"), { data: w, loading: q, pagination: C, sort: E, goToPage: ee, setSearch: te, setSort: se, explainQuery: ne } = Ne(() => I.value, {
+    const _ = p(() => (g.value, i.state.viewMode));
+    p(() => (g.value, i.state.expandedIds)), p(() => (g.value, i.state.explainData));
+    const L = p(() => _e()), Z = p(() => xe()), I = p(() => _.value === "grouped" ? "queries/grouped" : "queries"), { data: C, loading: q, pagination: $, sort: E, goToPage: ee, setSearch: te, setSort: se, explainQuery: ne } = ze(() => I.value, {
       baseUrl: Y,
-      dashboardEndpoint: J,
+      dashboardEndpoint: X,
       authToken: W,
-      refreshKey: X
-    }), Q = T(""), D = c(() => w.value ? y.value === "grouped" ? w.value.groups || [] : w.value.data || w.value || [] : []), $ = c(() => y.value !== "grouped" ? D.value : D.value.map((n) => {
+      refreshKey: J
+    }), Q = T(""), D = p(() => C.value ? _.value === "grouped" ? C.value.groups || [] : C.value.data || C.value || [] : []), S = p(() => _.value !== "grouped" ? D.value : D.value.map((n) => {
       const t = { ...n };
-      return (t.sqlNormalized === null || t.sqlNormalized === void 0) && (t.sqlNormalized = g(n, "sql_normalized", "pattern") ?? ""), (t.count === null || t.count === void 0) && (t.count = g(n, "total_count") ?? void 0), (t.avgDuration === null || t.avgDuration === void 0) && (t.avgDuration = g(n, "avg_duration") ?? void 0), (t.maxDuration === null || t.maxDuration === void 0) && (t.maxDuration = g(n, "max_duration") ?? void 0), (t.minDuration === null || t.minDuration === void 0) && (t.minDuration = g(n, "min_duration") ?? void 0), (t.totalDuration === null || t.totalDuration === void 0) && (t.totalDuration = g(n, "total_duration") ?? void 0), (t.percentOfTotal === null || t.percentOfTotal === void 0) && (t.percentOfTotal = g(n, "pct_time") ?? void 0), t;
-    })), V = c(() => y.value !== "list" ? [] : D.value.map((n) => ge(n))), R = c(() => ke(D.value)), b = c(() => be(D.value, {
-      total: C.total
-    })), ae = c(() => {
-      if (y.value === "grouped") return `${$.value.length} query patterns`;
-      const n = [`${b.value.totalCount} queries`];
-      return b.value.slowCount > 0 && n.push(`${b.value.slowCount} slow`), b.value.dupCount > 0 && n.push(`${b.value.dupCount} dup`), n.push(`avg ${(b.value.avgDuration || 0).toFixed(1)}ms`), n.join(", ");
+      return (t.sqlNormalized === null || t.sqlNormalized === void 0) && (t.sqlNormalized = b(n, "sql_normalized", "pattern") ?? ""), (t.count === null || t.count === void 0) && (t.count = b(n, "total_count") ?? void 0), (t.avgDuration === null || t.avgDuration === void 0) && (t.avgDuration = b(n, "avg_duration") ?? void 0), (t.maxDuration === null || t.maxDuration === void 0) && (t.maxDuration = b(n, "max_duration") ?? void 0), (t.minDuration === null || t.minDuration === void 0) && (t.minDuration = b(n, "min_duration") ?? void 0), (t.totalDuration === null || t.totalDuration === void 0) && (t.totalDuration = b(n, "total_duration") ?? void 0), (t.percentOfTotal === null || t.percentOfTotal === void 0) && (t.percentOfTotal = b(n, "pct_time") ?? void 0), t;
+    })), V = p(() => _.value !== "list" ? [] : D.value.map((n) => ge(n))), R = p(() => be(D.value)), w = p(() => ke(D.value, {
+      total: $.total
+    })), ae = p(() => {
+      if (_.value === "grouped") return `${S.value.length} query patterns`;
+      const n = [`${w.value.totalCount} queries`];
+      return w.value.slowCount > 0 && n.push(`${w.value.slowCount} slow`), w.value.dupCount > 0 && n.push(`${w.value.dupCount} dup`), n.push(`avg ${(w.value.avgDuration || 0).toFixed(1)}ms`), n.join(", ");
     });
     function le(n) {
       Q.value = n, te(n);
     }
-    function j(n) {
-      n !== y.value && (i.setViewMode(n), k());
+    function M(n) {
+      n !== _.value && (i.setViewMode(n), k());
     }
-    function K(n) {
+    function j(n) {
       se(n);
     }
-    function M(n) {
-      return x.value, i.isExpanded(n);
+    function K(n) {
+      return g.value, i.isExpanded(n);
     }
-    function S(n) {
+    function N(n) {
       i.toggleExpand(n), k();
     }
     async function oe(n) {
@@ -97,23 +97,35 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
       i.startExplain(n), k();
       try {
         const e = await ne(n);
-        e && e.error ? i.completeExplain(n, { rows: [], error: e.error, message: e.message }) : i.completeExplain(n, {
-          plan: e?.plan,
-          rows: e?.rows
-        });
+        if (e && e.error) {
+          const u = e.message ? `${e.error}: ${e.message}` : e.error;
+          i.failExplain(n, u);
+        } else
+          i.completeExplain(n, {
+            plan: e?.plan,
+            rows: e?.rows
+          });
       } catch (e) {
-        i.failExplain(n, e instanceof Error ? e.message : String(e));
+        let u = e instanceof Error ? e.message : String(e);
+        const r = e?.body;
+        if (r)
+          try {
+            const m = JSON.parse(r);
+            m.message ? u = m.error ? `${m.error}: ${m.message}` : m.message : m.error && (u = m.error);
+          } catch {
+          }
+        i.failExplain(n, u);
       }
       k();
     }
-    function m(n) {
-      return x.value, i.getExplainState(n);
+    function y(n) {
+      return g.value, i.getExplainState(n);
     }
     function O(n) {
-      return x.value, i.getExplainState(n)?.loading ?? !1;
+      return g.value, i.getExplainState(n)?.loading ?? !1;
     }
     function re(n) {
-      x.value;
+      g.value;
       const t = i.getExplainState(n);
       return !!t && !t.loading && !t.error && !!t.result;
     }
@@ -121,39 +133,39 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
       i.state.explainData.delete(n), k();
     }
     function ue(n) {
-      const t = m(n);
+      const t = y(n);
       if (!t?.result) return [];
       const e = t.result.plan || t.result.rows;
       if (!e || e.length === 0) return [];
-      const f = e[0];
-      return !f || typeof f != "object" ? [] : "Plan" in f ? Ee(f.Plan) : [];
+      const u = e[0];
+      return !u || typeof u != "object" ? [] : "Plan" in u ? De(u.Plan) : [];
     }
     function A(n) {
-      const t = m(n);
+      const t = y(n);
       if (!t?.result) return [];
       const e = t.result.plan || t.result.rows;
-      return !e || e.length === 0 ? [] : $e(e);
+      return !e || e.length === 0 ? [] : Ee(e);
     }
     function de(n) {
-      const t = m(n);
+      const t = y(n);
       return t?.result ? t.result.plan || t.result.rows || [] : [];
     }
     function ce(n) {
-      const t = m(n);
+      const t = y(n);
       if (!t?.result) return !1;
       const e = t.result.plan || t.result.rows;
       return !e || e.length === 0 ? !1 : Se(e[0]);
     }
     function pe(n) {
-      const t = m(n);
+      const t = y(n);
       if (!t?.result) return !1;
       const e = t.result.plan || t.result.rows;
       return !!e && e.length > 0 && typeof e[0] == "object";
     }
-    function N(n) {
-      return ze(n, "ss-dash");
+    function P(n) {
+      return Ne(n, "ss-dash");
     }
-    const { tableRef: B } = Pe(() => $.value);
+    const { tableRef: B } = Pe(() => S.value);
     return (n, t) => (a(), l("div", null, [
       me(Te, {
         "model-value": Q.value,
@@ -165,20 +177,20 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
           s("div", Le, [
             s("button", {
               type: "button",
-              class: v(`ss-dash-btn ${y.value === "list" ? "ss-dash-active" : ""}`),
-              onClick: t[0] || (t[0] = (e) => j("list"))
+              class: f(`ss-dash-btn ${_.value === "list" ? "ss-dash-active" : ""}`),
+              onClick: t[0] || (t[0] = (e) => M("list"))
             }, " List ", 2),
             s("button", {
               type: "button",
-              class: v(`ss-dash-btn ${y.value === "grouped" ? "ss-dash-active" : ""}`),
-              onClick: t[1] || (t[1] = (e) => j("grouped"))
+              class: f(`ss-dash-btn ${_.value === "grouped" ? "ss-dash-active" : ""}`),
+              onClick: t[1] || (t[1] = (e) => M("grouped"))
             }, " Grouped ", 2)
           ])
         ]),
         _: 1
       }, 8, ["model-value", "summary"]),
-      d(q) && !d(w) ? (a(), l("div", Qe, "Loading queries...")) : y.value === "grouped" ? (a(), l("div", Ve, [
-        $.value.length > 0 ? (a(), l("table", {
+      c(q) && !c(C) ? (a(), l("div", Qe, "Loading queries...")) : _.value === "grouped" ? (a(), l("div", Ve, [
+        S.value.length > 0 ? (a(), l("table", {
           key: 0,
           ref_key: "tableRef",
           ref: B,
@@ -186,35 +198,35 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
         }, [
           s("thead", null, [
             s("tr", null, [
-              (a(!0), l(u, null, _(Z.value, (e) => (a(), l("th", {
+              (a(!0), l(d, null, x(Z.value, (e) => (a(), l("th", {
                 key: e.key,
-                class: v(e.sortable ? "ss-dash-sortable" : ""),
-                onClick: (f) => e.sortable ? K(e.key) : void 0
+                class: f(e.sortable ? "ss-dash-sortable" : ""),
+                onClick: (u) => e.sortable ? j(e.key) : void 0
               }, [
-                h(o(e.label) + " ", 1),
-                e.sortable && d(E).column === e.key ? (a(), l("span", je, o(d(E).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+                v(o(e.label) + " ", 1),
+                e.sortable && c(E).column === e.key ? (a(), l("span", Me, o(c(E).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
               ], 10, Re))), 128))
             ])
           ]),
           s("tbody", null, [
-            (a(!0), l(u, null, _($.value, (e, f) => (a(), l("tr", { key: f }, [
+            (a(!0), l(d, null, x(S.value, (e, u) => (a(), l("tr", { key: u }, [
               s("td", null, [
                 s("span", {
-                  class: v(`ss-dash-sql ${M(e.sqlNormalized) ? "ss-dash-expanded" : ""}`),
+                  class: f(`ss-dash-sql ${K(e.sqlNormalized) ? "ss-dash-expanded" : ""}`),
                   title: "Click to expand",
                   role: "button",
                   tabindex: "0",
-                  onClick: F((r) => S(e.sqlNormalized), ["stop"]),
-                  onKeydown: G((r) => S(e.sqlNormalized), ["enter"])
-                }, o(e.sqlNormalized), 43, Ke),
-                (e.count || 0) >= 3 ? (a(), l("span", Me, "DUP")) : p("", !0)
+                  onClick: F((r) => N(e.sqlNormalized), ["stop"]),
+                  onKeydown: G((r) => N(e.sqlNormalized), ["enter"])
+                }, o(e.sqlNormalized), 43, je),
+                (e.count || 0) >= 3 ? (a(), l("span", Ke, "DUP")) : h("", !0)
               ]),
               s("td", null, [
                 s("span", Oe, o(e.count || 0), 1)
               ]),
               s("td", null, [
                 s("span", {
-                  class: v(`ss-dash-duration ${N(e.avgDuration || 0)}`)
+                  class: f(`ss-dash-duration ${P(e.avgDuration || 0)}`)
                 }, o((e.avgDuration || 0).toFixed(2)) + "ms ", 3)
               ]),
               s("td", null, [
@@ -222,7 +234,7 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
               ]),
               s("td", null, [
                 s("span", {
-                  class: v(`ss-dash-duration ${N(e.maxDuration || 0)}`)
+                  class: f(`ss-dash-duration ${P(e.maxDuration || 0)}`)
                 }, o((e.maxDuration || 0).toFixed(2)) + "ms ", 3)
               ]),
               s("td", null, [
@@ -236,13 +248,13 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
         ], 512)) : (a(), l("div", Ge, [...t[2] || (t[2] = [
           s("span", null, "No queries recorded", -1),
           s("span", { class: "ss-empty-hint" }, [
-            h(" Queries require "),
+            v(" Queries require "),
             s("code", null, "debug: true"),
-            h(" on your Lucid connections in "),
+            v(" on your Lucid connections in "),
             s("code", null, "config/database.ts")
           ], -1)
         ])]))
-      ])) : (a(), l(u, { key: 2 }, [
+      ])) : (a(), l(d, { key: 2 }, [
         s("div", He, [
           V.value.length > 0 ? (a(), l("table", {
             key: 0,
@@ -251,29 +263,29 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
             class: "ss-dash-table"
           }, [
             s("colgroup", null, [
-              (a(!0), l(u, null, _(L.value, (e) => (a(), l("col", {
+              (a(!0), l(d, null, x(L.value, (e) => (a(), l("col", {
                 key: e.key + e.type,
                 style: H(e.width ? { width: e.width } : {})
               }, null, 4))), 128))
             ]),
             s("thead", null, [
               s("tr", null, [
-                (a(!0), l(u, null, _(L.value, (e) => (a(), l(u, {
+                (a(!0), l(d, null, x(L.value, (e) => (a(), l(d, {
                   key: e.key + e.type
                 }, [
                   e.sortable ? (a(), l("th", {
                     key: 0,
                     class: "ss-dash-sortable",
-                    onClick: (f) => K(e.key)
+                    onClick: (u) => j(e.key)
                   }, [
-                    h(o(e.label) + " ", 1),
-                    d(E).column === e.key ? (a(), l("span", Je, o(d(E).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
-                  ], 8, Xe)) : (a(), l("th", We, o(e.label), 1))
+                    v(o(e.label) + " ", 1),
+                    c(E).column === e.key ? (a(), l("span", Xe, o(c(E).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
+                  ], 8, Je)) : (a(), l("th", We, o(e.label), 1))
                 ], 64))), 128))
               ])
             ]),
             s("tbody", null, [
-              (a(!0), l(u, null, _(V.value, (e, f) => (a(), l(u, {
+              (a(!0), l(d, null, x(V.value, (e, u) => (a(), l(d, {
                 key: e.id
               }, [
                 s("tr", null, [
@@ -283,24 +295,24 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
                   s("td", null, [
                     s("div", null, [
                       s("span", {
-                        class: v(`ss-dash-sql ${M(e.id) ? "ss-dash-expanded" : ""}`),
+                        class: f(`ss-dash-sql ${K(e.id) ? "ss-dash-expanded" : ""}`),
                         title: "Click to expand",
                         role: "button",
                         tabindex: "0",
-                        onClick: F((r) => S(e.id), ["stop"]),
-                        onKeydown: G((r) => S(e.id), ["enter"])
+                        onClick: F((r) => N(e.id), ["stop"]),
+                        onKeydown: G((r) => N(e.id), ["enter"])
                       }, o(e.sql), 43, Ze),
-                      (R.value.get(e.sqlNormalized) ?? 0) > 1 ? (a(), l("span", Ie, " ×" + o(R.value.get(e.sqlNormalized)), 1)) : p("", !0)
+                      (R.value.get(e.sqlNormalized) ?? 0) > 1 ? (a(), l("span", Ie, " ×" + o(R.value.get(e.sqlNormalized)), 1)) : h("", !0)
                     ])
                   ]),
                   s("td", null, [
                     s("span", {
-                      class: v(`ss-dash-duration ${N(e.duration)}`)
+                      class: f(`ss-dash-duration ${P(e.duration)}`)
                     }, o(e.duration.toFixed(2)) + "ms ", 3)
                   ]),
                   s("td", null, [
                     s("span", {
-                      class: v(`ss-dash-method ss-dash-method-${e.method.toLowerCase()}`)
+                      class: f(`ss-dash-method ss-dash-method-${e.method.toLowerCase()}`)
                     }, o(e.method), 3)
                   ]),
                   s("td", null, [
@@ -315,60 +327,60 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
                   s("td", null, [
                     s("span", {
                       class: "ss-dash-event-time",
-                      title: d(we)(String(e.timestamp))
-                    }, o(d(Ce)(String(e.timestamp))), 9, tt)
+                      title: c(we)(String(e.timestamp))
+                    }, o(c(Ce)(String(e.timestamp))), 9, tt)
                   ]),
                   s("td", null, [
                     e.method === "select" ? (a(), l("button", {
                       key: 0,
                       type: "button",
-                      class: v(`ss-dash-explain-btn${re(e.id) ? " ss-dash-explain-btn-active" : ""}`),
+                      class: f(`ss-dash-explain-btn${re(e.id) ? " ss-dash-explain-btn-active" : ""}`),
                       disabled: O(e.id),
                       onClick: F((r) => oe(e.id), ["stop"])
-                    }, o(O(e.id) ? "..." : "EXPLAIN"), 11, st)) : p("", !0)
+                    }, o(O(e.id) ? "..." : "EXPLAIN"), 11, st)) : h("", !0)
                   ])
                 ]),
-                m(e.id) ? (a(), l("tr", nt, [
+                y(e.id) ? (a(), l("tr", nt, [
                   s("td", at, [
                     s("div", lt, [
                       s("div", ot, [
-                        m(e.id)?.error ? (a(), l("div", rt, [
+                        y(e.id)?.error ? (a(), l("div", rt, [
                           t[3] || (t[3] = s("strong", null, "Error:", -1)),
-                          h(" " + o(m(e.id)?.error) + " ", 1),
-                          m(e.id)?.result?.message ? (a(), l("br", it)) : p("", !0),
-                          h(" " + o(m(e.id)?.result?.message), 1)
+                          v(" " + o(y(e.id)?.error) + " ", 1),
+                          y(e.id)?.result?.message ? (a(), l("br", it)) : h("", !0),
+                          v(" " + o(y(e.id)?.result?.message), 1)
                         ])) : ce(e.id) ? (a(), l("div", ut, [
-                          (a(!0), l(u, null, _(ue(e.id), (r, P) => (a(), l("div", {
-                            key: P,
+                          (a(!0), l(d, null, x(ue(e.id), (r, m) => (a(), l("div", {
+                            key: m,
                             class: "ss-dash-explain-node",
                             style: H({ marginLeft: `${r.depth * 20}px` })
                           }, [
                             s("div", dt, [
                               s("span", ct, o(r.nodeType), 1),
-                              r.relationName ? (a(), l(u, { key: 0 }, [
-                                t[4] || (t[4] = h(o(" on "), -1)),
+                              r.relationName ? (a(), l(d, { key: 0 }, [
+                                t[4] || (t[4] = v(o(" on "), -1)),
                                 s("strong", null, o(r.relationName), 1)
-                              ], 64)) : p("", !0),
-                              r.alias ? (a(), l(u, { key: 1 }, [
-                                h(o(` (${r.alias})`), 1)
-                              ], 64)) : p("", !0),
-                              r.indexName ? (a(), l(u, { key: 2 }, [
-                                t[5] || (t[5] = h(o(" using "), -1)),
+                              ], 64)) : h("", !0),
+                              r.alias ? (a(), l(d, { key: 1 }, [
+                                v(o(` (${r.alias})`), 1)
+                              ], 64)) : h("", !0),
+                              r.indexName ? (a(), l(d, { key: 2 }, [
+                                t[5] || (t[5] = v(o(" using "), -1)),
                                 s("em", null, o(r.indexName), 1)
-                              ], 64)) : p("", !0)
+                              ], 64)) : h("", !0)
                             ]),
-                            r.metrics.length > 0 ? (a(), l("div", pt, o(r.metrics.join(" · ")), 1)) : p("", !0)
+                            r.metrics.length > 0 ? (a(), l("div", pt, o(r.metrics.join(" · ")), 1)) : h("", !0)
                           ], 4))), 128))
                         ])) : pe(e.id) ? (a(), l("div", ht, [
                           s("table", null, [
                             s("thead", null, [
                               s("tr", null, [
-                                (a(!0), l(u, null, _(A(e.id), (r) => (a(), l("th", { key: r }, o(r), 1))), 128))
+                                (a(!0), l(d, null, x(A(e.id), (r) => (a(), l("th", { key: r }, o(r), 1))), 128))
                               ])
                             ]),
                             s("tbody", null, [
-                              (a(!0), l(u, null, _(de(e.id), (r, P) => (a(), l("tr", { key: P }, [
-                                (a(!0), l(u, null, _(A(e.id), (U) => (a(), l("td", { key: U }, o(d(De)(r[U])), 1))), 128))
+                              (a(!0), l(d, null, x(de(e.id), (r, m) => (a(), l("tr", { key: m }, [
+                                (a(!0), l(d, null, x(A(e.id), (U) => (a(), l("td", { key: U }, o(c($e)(r[U])), 1))), 128))
                               ]))), 128))
                             ])
                           ])
@@ -382,26 +394,26 @@ const Le = { class: "ss-dash-btn-group" }, Qe = {
                       }, " Close ", 8, vt)
                     ])
                   ])
-                ])) : p("", !0)
+                ])) : h("", !0)
               ], 64))), 128))
             ])
           ], 512)) : (a(), l("div", yt, [...t[6] || (t[6] = [
             s("span", null, "No queries recorded", -1),
             s("span", { class: "ss-empty-hint" }, [
-              h(" Queries require "),
+              v(" Queries require "),
               s("code", null, "debug: true"),
-              h(" on your Lucid connections in "),
+              v(" on your Lucid connections in "),
               s("code", null, "config/database.ts")
             ], -1)
           ])]))
         ]),
-        d(C).totalPages > 1 ? (a(), ye(Fe, {
+        c($).totalPages > 1 ? (a(), ye(Fe, {
           key: 0,
-          page: d(C).page,
-          "last-page": d(C).totalPages,
-          total: d(C).total,
-          onPageChange: d(ee)
-        }, null, 8, ["page", "last-page", "total", "onPageChange"])) : p("", !0)
+          page: c($).page,
+          "last-page": c($).totalPages,
+          total: c($).total,
+          onPageChange: c(ee)
+        }, null, 8, ["page", "last-page", "total", "onPageChange"])) : h("", !0)
       ], 64))
     ]));
   }

package/dist/vue/{RequestsSection-DXcG5Zok.js → RequestsSection-D8P2xpF2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as I, computed as x, openBlock as l, createElementBlock as o, normalizeClass as v, createElementVNode as t, Fragment as f, renderList as B, normalizeStyle as U, toDisplayString as d, createTextVNode as k, createCommentVNode as p, inject as S, ref as m, watch as et, nextTick as at, onUnmounted as lt, createVNode as j, createBlock as G, unref as r } from "vue";
 import { initSplitPane as nt, formatTime as ot, timeAgo as it, normalizeTraceFields as dt, durationClassName as rt } from "adonisjs-server-stats/core";
 import { u as ut } from "./useApiClient-BQQ9CF-q.js";
-import { u as ct } from "./index-CptF6Qbp.js";
+import { u as ct } from "./index-30jLw-_w.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 pt } from "./PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js";

package/dist/vue/{RoutesSection-BkNGWdoP.js → RoutesSection-0qB81hTT.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, inject as d, ref as c, computed as A, openBlock as l, createElementBlock as o, createVNode as N, unref as u, createElementVNode as e, Fragment as R, renderList as S, normalizeClass as j, toDisplayString as a } from "vue";
-import { u as z } from "./index-CptF6Qbp.js";
+import { u as z } from "./index-30jLw-_w.js";
 import { u as C } from "./useResizableTable-BoivAevK.js";
 import { _ as D } from "./FilterBar.vue_vue_type_script_setup_true_lang-ClJ37hhT.js";
 const E = {

package/dist/vue/{index-CptF6Qbp.js → index-30jLw-_w.js}

@@ -617,7 +617,7 @@ const wt = ["title", "aria-label"], Ct = ["viewBox", "innerHTML"], Tt = ["viewBo
     defaultOpen: { type: Boolean, default: !1 }
   },
   setup(e, { expose: s }) {
-    const t = E(() => import("./QueriesTab-DO5XwJ--.js")), r = E(() => import("./EventsTab-BBM7olXF.js")), o = E(() => import("./EmailsTab-CNyEODVB.js")), c = E(() => import("./RoutesTab-Dz0MkZuF.js")), y = E(() => import("./LogsTab-47zEK7jL.js")), v = E(() => import("./TimelineTab-DHfXsX7t.js")), f = E(() => import("./CacheTab-BPisYYiQ.js")), S = E(() => import("./JobsTab-WFnxPdN7.js")), R = E(() => import("./ConfigTab-C8cafGUj.js")), P = E(() => import("./InternalsTab-521fxYYj.js")), b = E(() => import("./CustomPaneTab-Hr1IBHfz.js")), u = e, H = h(u.defaultOpen), g = h("queries"), { theme: I } = oe(), { features: x } = de({
+    const t = E(() => import("./QueriesTab-DO5XwJ--.js")), r = E(() => import("./EventsTab-BBM7olXF.js")), o = E(() => import("./EmailsTab-CwIF1fik.js")), c = E(() => import("./RoutesTab-Dz0MkZuF.js")), y = E(() => import("./LogsTab-47zEK7jL.js")), v = E(() => import("./TimelineTab-DHfXsX7t.js")), f = E(() => import("./CacheTab-BPisYYiQ.js")), S = E(() => import("./JobsTab-WFnxPdN7.js")), R = E(() => import("./ConfigTab-C8cafGUj.js")), P = E(() => import("./InternalsTab-521fxYYj.js")), b = E(() => import("./CustomPaneTab-Hr1IBHfz.js")), u = e, H = h(u.defaultOpen), g = h("queries"), { theme: I } = oe(), { features: x } = de({
       baseUrl: u.baseUrl,
       debugEndpoint: u.debugEndpoint,
       authToken: u.authToken
@@ -976,7 +976,7 @@ const Qt = ["data-theme"], Jt = { class: "ss-dash-header" }, Wt = { class: "ss-d
     channelName: { default: "server-stats/dashboard" }
   },
   setup(e) {
-    const s = E(() => import("./OverviewSection-BTcnPeoM.js")), t = E(() => import("./RequestsSection-DXcG5Zok.js")), r = E(() => import("./QueriesSection-2SE3igQJ.js")), o = E(() => import("./EventsSection-CWbTYOBi.js")), c = E(() => import("./RoutesSection-BkNGWdoP.js")), y = E(() => import("./LogsSection-BPB-C-XA.js")), v = E(() => import("./EmailsSection-CbcDKF9Q.js")), f = E(() => import("./CacheSection-Bx41lpfK.js")), S = E(() => import("./JobsSection-CGGO6rtS.js")), R = E(() => import("./ConfigSection-fkfUdCmx.js")), P = E(() => import("./InternalsSection-jhTCuK3j.js")), b = [
+    const s = E(() => import("./OverviewSection-BAgZTPjY.js")), t = E(() => import("./RequestsSection-D8P2xpF2.js")), r = E(() => import("./QueriesSection-CUpwhp7u.js")), o = E(() => import("./EventsSection-BpgkWIwM.js")), c = E(() => import("./RoutesSection-0qB81hTT.js")), y = E(() => import("./LogsSection-BDxx9Bfi.js")), v = E(() => import("./EmailsSection-BTNw3ZU2.js")), f = E(() => import("./CacheSection-DRqV3YX2.js")), S = E(() => import("./JobsSection-DrghFEKL.js")), R = E(() => import("./ConfigSection-C6pQCHAL.js")), P = E(() => import("./InternalsSection-jhTCuK3j.js")), b = [
       "overview",
       "requests",
       "queries",

package/dist/vue/index.js

@@ -1,4 +1,4 @@
-import { a as s, b as r, c as u, u as t, d as D, e as b, f as g, g as o } from "./index-CptF6Qbp.js";
+import { a as s, b as r, c as u, u as t, d as D, e as b, f as g, g as o } from "./index-30jLw-_w.js";
 export {
   s as DashboardPage,
   r as DebugPanel,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adonisjs-server-stats",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "Real-time server monitoring for AdonisJS v6 applications",
   "keywords": [
     "adonisjs",