adonisjs-server-stats 1.11.7 → 1.12.0

package/dist/vue/{OverviewSection-BRDK3Ony.js → OverviewSection-BTcnPeoM.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 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-CYaqRGIT.js";
+import { u as xs, _ as U } from "./index-CptF6Qbp.js";
 const Gs = { class: "ss-dash-btn-group" }, Xs = ["onClick"], Ys = /* @__PURE__ */ ws({
   __name: "TimeRangeSelector",
   props: {

package/dist/vue/QueriesSection-2SE3igQJ.js

@@ -0,0 +1,411 @@
+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 { 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";
+const Le = { class: "ss-dash-btn-group" }, Qe = {
+  key: 0,
+  class: "ss-dash-empty"
+}, Ve = {
+  key: 1,
+  class: "ss-dash-table-wrap"
+}, Re = ["onClick"], je = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, Ke = ["onClick", "onKeydown"], Me = {
+  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 = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, We = { key: 1 }, Ye = { style: { color: "var(--ss-dim)" } }, Ze = ["onClick", "onKeydown"], Ie = {
+  key: 0,
+  class: "ss-dash-dup"
+}, qe = ["title"], et = { style: { color: "var(--ss-dim)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" } }, tt = ["title"], st = ["disabled", "onClick"], nt = {
+  key: 0,
+  class: "ss-dash-explain-row"
+}, at = {
+  colspan: "8",
+  class: "ss-dash-explain"
+}, lt = { style: { display: "flex", "justify-content": "space-between", "align-items": "start" } }, ot = { style: { flex: "1" } }, rt = {
+  key: 0,
+  class: "ss-dash-explain-result ss-dash-explain-error"
+}, it = { key: 0 }, ut = {
+  key: 1,
+  class: "ss-dash-explain-result"
+}, dt = { class: "ss-dash-explain-node-header" }, ct = { class: "ss-dash-explain-node-type" }, pt = {
+  key: 0,
+  class: "ss-dash-explain-metrics"
+}, ht = {
+  key: 2,
+  class: "ss-dash-explain-result"
+}, mt = {
+  key: 3,
+  class: "ss-dash-explain-result"
+}, vt = ["onClick"], yt = {
+  key: 1,
+  class: "ss-dash-empty"
+}, 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);
+    function k() {
+      x.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, {
+      baseUrl: Y,
+      dashboardEndpoint: J,
+      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) => {
+      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(", ");
+    });
+    function le(n) {
+      Q.value = n, te(n);
+    }
+    function j(n) {
+      n !== y.value && (i.setViewMode(n), k());
+    }
+    function K(n) {
+      se(n);
+    }
+    function M(n) {
+      return x.value, i.isExpanded(n);
+    }
+    function S(n) {
+      i.toggleExpand(n), k();
+    }
+    async function oe(n) {
+      const t = i.getExplainState(n);
+      if (t && !t.loading) {
+        i.state.explainData.delete(n), k();
+        return;
+      }
+      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
+        });
+      } catch (e) {
+        i.failExplain(n, e instanceof Error ? e.message : String(e));
+      }
+      k();
+    }
+    function m(n) {
+      return x.value, i.getExplainState(n);
+    }
+    function O(n) {
+      return x.value, i.getExplainState(n)?.loading ?? !1;
+    }
+    function re(n) {
+      x.value;
+      const t = i.getExplainState(n);
+      return !!t && !t.loading && !t.error && !!t.result;
+    }
+    function ie(n) {
+      i.state.explainData.delete(n), k();
+    }
+    function ue(n) {
+      const t = m(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) : [];
+    }
+    function A(n) {
+      const t = m(n);
+      if (!t?.result) return [];
+      const e = t.result.plan || t.result.rows;
+      return !e || e.length === 0 ? [] : $e(e);
+    }
+    function de(n) {
+      const t = m(n);
+      return t?.result ? t.result.plan || t.result.rows || [] : [];
+    }
+    function ce(n) {
+      const t = m(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);
+      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");
+    }
+    const { tableRef: B } = Pe(() => $.value);
+    return (n, t) => (a(), l("div", null, [
+      me(Te, {
+        "model-value": Q.value,
+        placeholder: "Filter queries...",
+        summary: ae.value,
+        "onUpdate:modelValue": le
+      }, {
+        default: ve(() => [
+          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"))
+            }, " 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"))
+            }, " 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", {
+          key: 0,
+          ref_key: "tableRef",
+          ref: B,
+          class: "ss-dash-table"
+        }, [
+          s("thead", null, [
+            s("tr", null, [
+              (a(!0), l(u, null, _(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
+              }, [
+                h(o(e.label) + " ", 1),
+                e.sortable && d(E).column === e.key ? (a(), l("span", je, o(d(E).direction === "asc" ? " ▲" : " ▼"), 1)) : p("", !0)
+              ], 10, Re))), 128))
+            ])
+          ]),
+          s("tbody", null, [
+            (a(!0), l(u, null, _($.value, (e, f) => (a(), l("tr", { key: f }, [
+              s("td", null, [
+                s("span", {
+                  class: v(`ss-dash-sql ${M(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)
+              ]),
+              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)}`)
+                }, o((e.avgDuration || 0).toFixed(2)) + "ms ", 3)
+              ]),
+              s("td", null, [
+                s("span", Ae, o((e.minDuration || 0).toFixed(2)) + "ms", 1)
+              ]),
+              s("td", null, [
+                s("span", {
+                  class: v(`ss-dash-duration ${N(e.maxDuration || 0)}`)
+                }, o((e.maxDuration || 0).toFixed(2)) + "ms ", 3)
+              ]),
+              s("td", null, [
+                s("span", Be, o((e.totalDuration || 0).toFixed(1)) + "ms", 1)
+              ]),
+              s("td", null, [
+                s("span", Ue, o((e.percentOfTotal || 0).toFixed(1)) + "%", 1)
+              ])
+            ]))), 128))
+          ])
+        ], 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 "),
+            s("code", null, "debug: true"),
+            h(" on your Lucid connections in "),
+            s("code", null, "config/database.ts")
+          ], -1)
+        ])]))
+      ])) : (a(), l(u, { key: 2 }, [
+        s("div", He, [
+          V.value.length > 0 ? (a(), l("table", {
+            key: 0,
+            ref_key: "tableRef",
+            ref: B,
+            class: "ss-dash-table"
+          }, [
+            s("colgroup", null, [
+              (a(!0), l(u, null, _(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, {
+                  key: e.key + e.type
+                }, [
+                  e.sortable ? (a(), l("th", {
+                    key: 0,
+                    class: "ss-dash-sortable",
+                    onClick: (f) => K(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))
+                ], 64))), 128))
+              ])
+            ]),
+            s("tbody", null, [
+              (a(!0), l(u, null, _(V.value, (e, f) => (a(), l(u, {
+                key: e.id
+              }, [
+                s("tr", null, [
+                  s("td", null, [
+                    s("span", Ye, o(e.id), 1)
+                  ]),
+                  s("td", null, [
+                    s("div", null, [
+                      s("span", {
+                        class: v(`ss-dash-sql ${M(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"])
+                      }, 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)
+                    ])
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: v(`ss-dash-duration ${N(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()}`)
+                    }, o(e.method), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      style: { color: "var(--ss-muted)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                      title: e.model
+                    }, o(e.model || "-"), 9, qe)
+                  ]),
+                  s("td", null, [
+                    s("span", et, o(e.connection || "-"), 1)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: "ss-dash-event-time",
+                      title: d(we)(String(e.timestamp))
+                    }, o(d(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" : ""}`),
+                      disabled: O(e.id),
+                      onClick: F((r) => oe(e.id), ["stop"])
+                    }, o(O(e.id) ? "..." : "EXPLAIN"), 11, st)) : p("", !0)
+                  ])
+                ]),
+                m(e.id) ? (a(), l("tr", nt, [
+                  s("td", at, [
+                    s("div", lt, [
+                      s("div", ot, [
+                        m(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)
+                        ])) : ce(e.id) ? (a(), l("div", ut, [
+                          (a(!0), l(u, null, _(ue(e.id), (r, P) => (a(), l("div", {
+                            key: P,
+                            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)),
+                                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)),
+                                s("em", null, o(r.indexName), 1)
+                              ], 64)) : p("", !0)
+                            ]),
+                            r.metrics.length > 0 ? (a(), l("div", pt, o(r.metrics.join(" · ")), 1)) : p("", !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))
+                              ])
+                            ]),
+                            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))
+                              ]))), 128))
+                            ])
+                          ])
+                        ])) : (a(), l("div", mt, "No plan data returned"))
+                      ]),
+                      s("button", {
+                        type: "button",
+                        class: "ss-dash-explain-btn",
+                        style: { "margin-left": "8px", "flex-shrink": "0" },
+                        onClick: (r) => ie(e.id)
+                      }, " Close ", 8, vt)
+                    ])
+                  ])
+                ])) : p("", !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 "),
+              s("code", null, "debug: true"),
+              h(" on your Lucid connections in "),
+              s("code", null, "config/database.ts")
+            ], -1)
+          ])]))
+        ]),
+        d(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)
+      ], 64))
+    ]));
+  }
+});
+export {
+  Ct as default
+};

package/dist/vue/QueriesTab-DO5XwJ--.js

@@ -0,0 +1,112 @@
+import { defineComponent as A, ref as f, computed as o, openBlock as n, createElementBlock as a, createElementVNode as t, withDirectives as K, vModelText as L, toDisplayString as l, createTextVNode as _, Fragment as C, renderList as k, withKeys as R, normalizeClass as p, createCommentVNode as x, unref as v } from "vue";
+import { QueriesController as S, getDebugPaneColumns as z, filterQueries as B, countDuplicateQueries as F, computeQuerySummary as P, formatDuration as w, formatTime as M, timeAgo as U, durationClassName as X } from "adonisjs-server-stats/core";
+import { u as j } from "./useResizableTable-BoivAevK.js";
+const G = { class: "ss-dbg-search-bar" }, H = { class: "ss-dbg-summary" }, I = {
+  key: 0,
+  class: "ss-dbg-empty"
+}, J = {
+  class: "ss-dbg-c-dim",
+  style: { "white-space": "nowrap" }
+}, O = ["onClick", "onKeydown"], W = {
+  key: 0,
+  class: "ss-dbg-dup"
+}, Y = {
+  key: 1,
+  class: "ss-dbg-dup"
+}, Z = { class: "ss-dbg-c-muted" }, q = ["title"], ne = /* @__PURE__ */ A({
+  __name: "QueriesTab",
+  props: {
+    data: {},
+    dashboardPath: {}
+  },
+  setup(Q) {
+    const b = Q, i = f(""), g = new S(), y = f(0);
+    function h(s) {
+      g.toggleExpand(s), y.value++;
+    }
+    function T(s) {
+      return y.value, g.isExpanded(s);
+    }
+    const $ = o(() => z()), c = o(() => {
+      if (!b.data) return [];
+      const s = b.data;
+      return (Array.isArray(s) ? s : s.queries) || [];
+    }), u = o(() => B(c.value, i.value)), m = o(() => F(c.value)), r = o(() => P(c.value, m.value)), D = o(() => {
+      let s = `${u.value.length} queries`;
+      return r.value.slowCount > 0 && (s += ` | ${r.value.slowCount} slow`), r.value.dupCount > 0 && (s += ` | ${r.value.dupCount} dup`), u.value.length > 0 && (s += ` | avg ${w(r.value.avgDuration)}`), s;
+    });
+    function E(s) {
+      return X(s, "ss-dbg");
+    }
+    const { tableRef: N } = j(() => u.value);
+    return (s, d) => (n(), a("div", null, [
+      t("div", G, [
+        K(t("input", {
+          "onUpdate:modelValue": d[0] || (d[0] = (e) => i.value = e),
+          class: "ss-dbg-search",
+          placeholder: "Filter queries...",
+          type: "text"
+        }, null, 512), [
+          [L, i.value]
+        ]),
+        t("span", H, l(D.value), 1)
+      ]),
+      u.value.length === 0 ? (n(), a("div", I, [...d[1] || (d[1] = [
+        t("span", null, "No queries captured", -1),
+        t("span", { class: "ss-empty-hint" }, [
+          _(" Queries require "),
+          t("code", null, "debug: true"),
+          _(" on your Lucid connections in "),
+          t("code", null, "config/database.ts")
+        ], -1)
+      ])])) : (n(), a("table", {
+        key: 1,
+        ref_key: "tableRef",
+        ref: N,
+        class: "ss-dbg-table"
+      }, [
+        t("thead", null, [
+          t("tr", null, [
+            (n(!0), a(C, null, k($.value, (e) => (n(), a("th", {
+              key: e.key + e.type
+            }, l(e.label), 1))), 128))
+          ])
+        ]),
+        t("tbody", null, [
+          (n(!0), a(C, null, k(u.value, (e) => (n(), a("tr", {
+            key: e.id
+          }, [
+            t("td", J, l(e.id), 1),
+            t("td", null, [
+              t("span", {
+                class: p(["ss-dbg-sql", { "ss-dbg-expanded": T(e.id) }]),
+                role: "button",
+                tabindex: "0",
+                onClick: (V) => h(e.id),
+                onKeydown: R((V) => h(e.id), ["enter"])
+              }, l(e.sql), 43, O),
+              m.value[e.sql] > 1 ? (n(), a("span", W, " x" + l(m.value[e.sql]), 1)) : x("", !0),
+              e.inTransaction ? (n(), a("span", Y, " TXN")) : x("", !0)
+            ]),
+            t("td", {
+              class: p(["ss-dbg-duration", E(e.duration)])
+            }, l(v(w)(e.duration)), 3),
+            t("td", null, [
+              t("span", {
+                class: p(`ss-dbg-method ss-dbg-method-${e.method.toLowerCase()}`)
+              }, l(e.method), 3)
+            ]),
+            t("td", Z, l(e.model || "-"), 1),
+            t("td", {
+              class: "ss-dbg-event-time",
+              title: v(M)(e.timestamp)
+            }, l(v(U)(e.timestamp)), 9, q)
+          ]))), 128))
+        ])
+      ], 512))
+    ]));
+  }
+});
+export {
+  ne as default
+};

package/dist/vue/{RequestsSection-DLrjCfcE.js → RequestsSection-DXcG5Zok.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-CYaqRGIT.js";
+import { u as ct } from "./index-CptF6Qbp.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-CPr9w42B.js → RoutesSection-BkNGWdoP.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-CYaqRGIT.js";
+import { u as z } from "./index-CptF6Qbp.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/components/Dashboard/sections/QueriesSection.vue.d.ts

@@ -1,44 +1,4 @@
-import { PropType, VNode } from 'vue';
-interface PlanNode {
-    'Node Type'?: string;
-    'Relation Name'?: string;
-    Alias?: string;
-    'Index Name'?: string;
-    'Startup Cost'?: number | null;
-    'Total Cost'?: number | null;
-    'Plan Rows'?: number | null;
-    'Plan Width'?: number | null;
-    Filter?: string;
-    'Index Cond'?: string;
-    'Hash Cond'?: string;
-    'Join Type'?: string;
-    'Sort Key'?: string | string[];
-    Plans?: PlanNode[];
-    [key: string]: unknown;
-}
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
-    ExplainPlanNode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        node: {
-            type: PropType<PlanNode>;
-            required: true;
-        };
-        depth: {
-            type: NumberConstructor;
-            default: number;
-        };
-    }>, () => VNode | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        node: {
-            type: PropType<PlanNode>;
-            required: true;
-        };
-        depth: {
-            type: NumberConstructor;
-            default: number;
-        };
-    }>> & Readonly<{}>, {
-        depth: number;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     tableRef: HTMLTableElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/vue/{index-CYaqRGIT.js → index-CptF6Qbp.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-6D_xfi7Q.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-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({
       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-BRDK3Ony.js")), t = E(() => import("./RequestsSection-DLrjCfcE.js")), r = E(() => import("./QueriesSection-D2WGsuR4.js")), o = E(() => import("./EventsSection-BUEwO-0A.js")), c = E(() => import("./RoutesSection-CPr9w42B.js")), y = E(() => import("./LogsSection-BmOx8SNa.js")), v = E(() => import("./EmailsSection-BLwyQO7B.js")), f = E(() => import("./CacheSection-BAotiuQq.js")), S = E(() => import("./JobsSection-21A0yQMq.js")), R = E(() => import("./ConfigSection-JZjK5E5F.js")), P = E(() => import("./InternalsSection-jhTCuK3j.js")), b = [
+    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 = [
       "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-CYaqRGIT.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-CptF6Qbp.js";
 export {
   s as DashboardPage,
   r as DebugPanel,