adonisjs-server-stats 1.11.5 → 1.11.7

package/dist/vue/QueriesSection-D2WGsuR4.js

@@ -0,0 +1,444 @@
+import { defineComponent as H, inject as A, ref as C, computed as $, openBlock as o, createElementBlock as i, createVNode as W, withCtx as it, createElementVNode as s, normalizeClass as y, unref as r, createTextVNode as v, toDisplayString as u, createCommentVNode as h, Fragment as k, renderList as T, withKeys as B, withModifiers as E, 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-CYaqRGIT.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";
+const yt = { class: "ss-dash-btn-group" }, xt = {
+  key: 0,
+  class: "ss-dash-empty"
+}, _t = {
+  key: 1,
+  class: "ss-dash-table-wrap"
+}, bt = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, kt = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, wt = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, gt = ["onClick", "onKeydown"], Ct = {
+  key: 0,
+  class: "ss-dash-dup"
+}, $t = { 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 = {
+  key: 1,
+  class: "ss-dash-empty"
+}, Tt = { class: "ss-dash-table-wrap" }, zt = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, jt = {
+  key: 0,
+  class: "ss-dash-sort-arrow"
+}, At = { style: { color: "var(--ss-dim)" } }, Ft = ["onClick", "onKeydown"], Kt = {
+  key: 0,
+  class: "ss-dash-dup"
+}, Lt = ["title"], Rt = { style: { color: "var(--ss-dim)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" } }, Et = ["title"], Mt = ["disabled", "onClick"], Ot = {
+  key: 0,
+  class: "ss-dash-explain-row"
+}, qt = {
+  colspan: "8",
+  class: "ss-dash-explain"
+}, Vt = { style: { display: "flex", "justify-content": "space-between", "align-items": "start" } }, Qt = { style: { flex: "1" } }, Ut = {
+  key: 0,
+  class: "ss-dash-explain-result ss-dash-explain-error"
+}, Wt = { key: 0 }, Bt = {
+  key: 1,
+  class: "ss-dash-explain-result"
+}, Ht = {
+  key: 2,
+  class: "ss-dash-explain-result"
+}, It = {
+  key: 3,
+  class: "ss-dash-explain-result"
+}, Jt = {
+  key: 1,
+  class: "ss-dash-empty"
+};
+function I(n, z) {
+  if (!n) return null;
+  const F = z * 20, K = n["Node Type"] || "Unknown", j = n["Relation Name"] || "", c = n.Alias && n.Alias !== n["Relation Name"] ? ` (${n.Alias})` : "", d = n["Index Name"] || "", a = [];
+  if (n["Startup Cost"] !== null && n["Startup Cost"] !== void 0 && a.push(`cost=${n["Startup Cost"]}..${n["Total Cost"]}`), n["Plan Rows"] !== null && n["Plan Rows"] !== void 0 && a.push(`rows=${n["Plan Rows"]}`), n["Plan Width"] !== null && n["Plan Width"] !== void 0 && a.push(`width=${n["Plan Width"]}`), n.Filter && a.push(`filter: ${n.Filter}`), n["Index Cond"] && a.push(`cond: ${n["Index Cond"]}`), n["Hash Cond"] && a.push(`hash: ${n["Hash Cond"]}`), n["Join Type"] && a.push(`join: ${n["Join Type"]}`), n["Sort Key"]) {
+    const N = Array.isArray(n["Sort Key"]) ? n["Sort Key"].join(", ") : n["Sort Key"];
+    a.push(`sort: ${N}`);
+  }
+  const x = n.Plans || [];
+  return D("div", { class: "ss-dash-explain-node", style: { marginLeft: `${F}px` } }, [
+    D("div", { class: "ss-dash-explain-node-header" }, [
+      D("span", { class: "ss-dash-explain-node-type" }, K),
+      j ? [" on ", D("strong", null, j)] : null,
+      c || null,
+      d ? [" using ", D("em", null, d)] : null
+    ]),
+    a.length > 0 ? D("div", { class: "ss-dash-explain-metrics" }, a.join(" · ")) : null,
+    ...x.map((N, w) => I(N, z + 1))
+  ]);
+}
+const J = H({
+  name: "ExplainPlanNode",
+  props: {
+    node: { type: Object, required: !0 },
+    depth: { type: Number, default: 0 }
+  },
+  setup(n) {
+    return () => I(n.node, n.depth);
+  }
+}), Gt = { components: { ExplainPlanNode: J } }, ls = /* @__PURE__ */ 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), x = C(null), N = $(() => c.value === "grouped" ? "queries/grouped" : "queries"), { data: w, loading: G, pagination: P, sort: m, goToPage: X, setSearch: Y, setSort: Z, explainQuery: tt } = vt(() => N.value, {
+      baseUrl: j,
+      dashboardEndpoint: F,
+      authToken: K,
+      refreshKey: z
+    }), M = C(""), O = $(() => w.value ? c.value === "grouped" ? w.value.groups || [] : w.value.data || w.value || [] : []), f = $(() => c.value !== "grouped" ? O.value : O.value.map((e) => {
+      const t = { ...e };
+      return (t.sqlNormalized === null || t.sqlNormalized === void 0 && (e.sql_normalized || e.pattern)) && (t.sqlNormalized = e.sql_normalized || e.pattern || ""), (t.count === null || t.count === void 0) && e.total_count !== null && e.total_count !== void 0 && (t.count = e.total_count), (t.avgDuration === null || t.avgDuration === void 0) && e.avg_duration !== null && e.avg_duration !== void 0 && (t.avgDuration = e.avg_duration), (t.maxDuration === null || t.maxDuration === void 0) && e.max_duration !== null && e.max_duration !== void 0 && (t.maxDuration = e.max_duration), (t.minDuration === null || t.minDuration === void 0) && e.min_duration !== null && e.min_duration !== void 0 && (t.minDuration = e.min_duration), (t.totalDuration === null || t.totalDuration === void 0) && e.total_duration !== null && e.total_duration !== void 0 && (t.totalDuration = e.total_duration), (t.percentOfTotal === null || t.percentOfTotal === void 0) && e.pct_time !== null && e.pct_time !== void 0 && (t.percentOfTotal = e.pct_time), t;
+    })), L = $(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const t of f.value) {
+        const l = t.sqlNormalized || t.sql || t.sql_text || "";
+        e.set(l, (e.get(l) || 0) + 1);
+      }
+      return e;
+    }), g = $(() => {
+      const e = P.total ?? f.value.length;
+      let t = 0, l = 0, p = 0, _ = 0;
+      for (const b of f.value) {
+        const U = b.duration || 0;
+        p += U, _++, U > pt && t++;
+      }
+      for (const b of L.value.values())
+        b > 1 && (l += b);
+      return { total: e, slow: t, duplicates: l, avgDuration: _ > 0 ? p / _ : 0 };
+    }), st = $(() => {
+      if (c.value === "grouped") return `${f.value.length} query patterns`;
+      const e = [`${g.value.total} queries`];
+      return g.value.slow > 0 && e.push(`${g.value.slow} slow`), g.value.duplicates > 0 && e.push(`${g.value.duplicates} dup`), e.push(`avg ${(g.value.avgDuration || 0).toFixed(1)}ms`), e.join(", ");
+    });
+    function et(e) {
+      M.value = e, Y(e);
+    }
+    function q(e) {
+      e !== c.value && (c.value = e, d.value = null, a.value = null, x.value = null);
+    }
+    function S(e) {
+      Z(e);
+    }
+    async function lt(e) {
+      if (a.value && a.value.queryId === e) {
+        a.value = null;
+        return;
+      }
+      x.value = e;
+      try {
+        const t = await tt(e);
+        t && t.error ? a.value = { queryId: e, plan: [], error: t.error, message: t.message } : a.value = { queryId: e, plan: t?.plan || t?.rows || [] };
+      } catch (t) {
+        a.value = {
+          queryId: e,
+          plan: [],
+          error: t instanceof Error ? t.message : String(t)
+        };
+      } finally {
+        x.value = null;
+      }
+    }
+    function R(e) {
+      return ct(e, "ss-dash");
+    }
+    function V() {
+      const e = a.value?.plan;
+      return !e || e.length === 0 || typeof e[0] != "object" || !e[0] ? [] : Object.keys(e[0]);
+    }
+    function nt(e, t) {
+      if (!e || typeof e != "object") return "-";
+      const l = e[t];
+      return l != null ? String(l) : "-";
+    }
+    function at() {
+      const e = a.value?.plan;
+      return !e || e.length === 0 || typeof e[0] != "object" || !e[0] ? !1 : "Plan" in e[0];
+    }
+    function ot() {
+      const e = a.value?.plan;
+      return !e || e.length === 0 || typeof e[0] != "object" || !e[0] ? {} : e[0].Plan;
+    }
+    const { tableRef: Q } = ht(() => f.value);
+    return (e, t) => (o(), i("div", null, [
+      W(mt, {
+        "model-value": M.value,
+        placeholder: "Filter queries...",
+        summary: st.value,
+        "onUpdate:modelValue": et
+      }, {
+        default: it(() => [
+          s("div", yt, [
+            s("button", {
+              type: "button",
+              class: y(`ss-dash-btn ${c.value === "list" ? "ss-dash-active" : ""}`),
+              onClick: t[0] || (t[0] = (l) => q("list"))
+            }, " List ", 2),
+            s("button", {
+              type: "button",
+              class: y(`ss-dash-btn ${c.value === "grouped" ? "ss-dash-active" : ""}`),
+              onClick: t[1] || (t[1] = (l) => q("grouped"))
+            }, " Grouped ", 2)
+          ])
+        ]),
+        _: 1
+      }, 8, ["model-value", "summary"]),
+      r(G) && !r(w) ? (o(), i("div", xt, "Loading queries...")) : c.value === "grouped" ? (o(), i("div", _t, [
+        f.value.length > 0 ? (o(), i("table", {
+          key: 0,
+          ref_key: "tableRef",
+          ref: Q,
+          class: "ss-dash-table"
+        }, [
+          s("thead", null, [
+            s("tr", null, [
+              t[11] || (t[11] = s("th", null, "Pattern", -1)),
+              s("th", {
+                class: "ss-dash-sortable",
+                onClick: t[2] || (t[2] = (l) => S("count"))
+              }, [
+                t[8] || (t[8] = v(" Count ", -1)),
+                r(m).column === "count" ? (o(), i("span", bt, u(r(m).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
+              ]),
+              s("th", {
+                class: "ss-dash-sortable",
+                onClick: t[3] || (t[3] = (l) => S("avgDuration"))
+              }, [
+                t[9] || (t[9] = v(" Avg ", -1)),
+                r(m).column === "avgDuration" ? (o(), i("span", kt, u(r(m).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
+              ]),
+              t[12] || (t[12] = s("th", null, "Min", -1)),
+              t[13] || (t[13] = s("th", null, "Max", -1)),
+              s("th", {
+                class: "ss-dash-sortable",
+                onClick: t[4] || (t[4] = (l) => S("totalDuration"))
+              }, [
+                t[10] || (t[10] = v(" Total ", -1)),
+                r(m).column === "totalDuration" ? (o(), i("span", wt, u(r(m).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
+              ]),
+              t[14] || (t[14] = s("th", null, "% Time", -1))
+            ])
+          ]),
+          s("tbody", null, [
+            (o(!0), i(k, null, T(f.value, (l, p) => (o(), i("tr", { key: p }, [
+              s("td", null, [
+                s("span", {
+                  class: y(`ss-dash-sql ${d.value === l.sqlNormalized ? "ss-dash-expanded" : ""}`),
+                  title: "Click to expand",
+                  role: "button",
+                  tabindex: "0",
+                  onClick: E((_) => d.value = d.value === l.sqlNormalized ? null : l.sqlNormalized, ["stop"]),
+                  onKeydown: B((_) => d.value = d.value === l.sqlNormalized ? null : l.sqlNormalized, ["enter"])
+                }, u(l.sqlNormalized), 43, gt),
+                (l.count || 0) >= 3 ? (o(), i("span", Ct, "DUP")) : h("", !0)
+              ]),
+              s("td", null, [
+                s("span", $t, u(l.count || 0), 1)
+              ]),
+              s("td", null, [
+                s("span", {
+                  class: y(`ss-dash-duration ${R(l.avgDuration || 0)}`)
+                }, u((l.avgDuration || 0).toFixed(2)) + "ms ", 3)
+              ]),
+              s("td", null, [
+                s("span", Dt, u((l.minDuration || 0).toFixed(2)) + "ms", 1)
+              ]),
+              s("td", null, [
+                s("span", {
+                  class: y(`ss-dash-duration ${R(l.maxDuration || 0)}`)
+                }, u((l.maxDuration || 0).toFixed(2)) + "ms ", 3)
+              ]),
+              s("td", null, [
+                s("span", Nt, u((l.totalDuration || 0).toFixed(1)) + "ms", 1)
+              ]),
+              s("td", null, [
+                s("span", Pt, u((l.percentOfTotal || 0).toFixed(1)) + "%", 1)
+              ])
+            ]))), 128))
+          ])
+        ], 512)) : (o(), i("div", St, [...t[15] || (t[15] = [
+          s("span", null, "No queries recorded", -1),
+          s("span", { class: "ss-empty-hint" }, [
+            v(" Queries require "),
+            s("code", null, "debug: true"),
+            v(" on your Lucid connections in "),
+            s("code", null, "config/database.ts")
+          ], -1)
+        ])]))
+      ])) : (o(), i(k, { key: 2 }, [
+        s("div", Tt, [
+          f.value.length > 0 ? (o(), i("table", {
+            key: 0,
+            ref_key: "tableRef",
+            ref: Q,
+            class: "ss-dash-table"
+          }, [
+            t[25] || (t[25] = s("colgroup", null, [
+              s("col", { style: { width: "40px" } }),
+              s("col"),
+              s("col", { style: { width: "70px" } }),
+              s("col", { style: { width: "60px" } }),
+              s("col", { style: { width: "90px" } }),
+              s("col", { style: { width: "80px" } }),
+              s("col", { style: { width: "90px" } }),
+              s("col", { style: { width: "70px" } })
+            ], -1)),
+            s("thead", null, [
+              s("tr", null, [
+                t[18] || (t[18] = s("th", null, "#", -1)),
+                t[19] || (t[19] = s("th", null, "SQL", -1)),
+                s("th", {
+                  class: "ss-dash-sortable",
+                  onClick: t[5] || (t[5] = (l) => S("duration"))
+                }, [
+                  t[16] || (t[16] = v(" Duration ", -1)),
+                  r(m).column === "duration" ? (o(), i("span", zt, u(r(m).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
+                ]),
+                t[20] || (t[20] = s("th", null, "Method", -1)),
+                t[21] || (t[21] = s("th", null, "Model", -1)),
+                t[22] || (t[22] = s("th", null, "Connection", -1)),
+                s("th", {
+                  class: "ss-dash-sortable",
+                  onClick: t[6] || (t[6] = (l) => S("createdAt"))
+                }, [
+                  t[17] || (t[17] = v(" Time ", -1)),
+                  r(m).column === "createdAt" ? (o(), i("span", jt, u(r(m).direction === "asc" ? " ▲" : " ▼"), 1)) : h("", !0)
+                ]),
+                t[23] || (t[23] = s("th", null, null, -1))
+              ])
+            ]),
+            s("tbody", null, [
+              (o(!0), i(k, null, T(f.value, (l) => (o(), i(k, {
+                key: l.id
+              }, [
+                s("tr", null, [
+                  s("td", null, [
+                    s("span", At, u(l.id), 1)
+                  ]),
+                  s("td", null, [
+                    s("div", null, [
+                      s("span", {
+                        class: y(`ss-dash-sql ${d.value === l.id ? "ss-dash-expanded" : ""}`),
+                        title: "Click to expand",
+                        role: "button",
+                        tabindex: "0",
+                        onClick: E((p) => d.value = d.value === l.id ? null : l.id, ["stop"]),
+                        onKeydown: B((p) => d.value = d.value === l.id ? null : l.id, ["enter"])
+                      }, u(l.sql || l.sql_text || ""), 43, Ft),
+                      (L.value.get(
+                        (l.sqlNormalized || l.sql || l.sql_text) ?? ""
+                      ) ?? 0) > 1 ? (o(), i("span", Kt, " ×" + u(L.value.get(
+                        (l.sqlNormalized || l.sql || l.sql_text) ?? ""
+                      )), 1)) : h("", !0)
+                    ])
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: y(`ss-dash-duration ${R(l.duration || 0)}`)
+                    }, u((l.duration || 0).toFixed(2)) + "ms ", 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: y(`ss-dash-method ss-dash-method-${(l.method || l.sql_method || "").toLowerCase()}`)
+                    }, u(l.method || l.sql_method || ""), 3)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      style: { color: "var(--ss-muted)", overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" },
+                      title: l.model
+                    }, u(l.model || "-"), 9, Lt)
+                  ]),
+                  s("td", null, [
+                    s("span", Rt, u(l.connection || "-"), 1)
+                  ]),
+                  s("td", null, [
+                    s("span", {
+                      class: "ss-dash-event-time",
+                      title: r(rt)(
+                        l.createdAt || l.created_at || l.timestamp || ""
+                      )
+                    }, u(r(dt)(
+                      l.createdAt || l.created_at || l.timestamp || ""
+                    )), 9, Et)
+                  ]),
+                  s("td", null, [
+                    (l.method || l.sql_method || "") === "select" ? (o(), i("button", {
+                      key: 0,
+                      type: "button",
+                      class: y(`ss-dash-explain-btn${a.value?.queryId === l.id && !a.value?.error ? " ss-dash-explain-btn-active" : ""}`),
+                      disabled: x.value === l.id,
+                      onClick: E((p) => lt(l.id), ["stop"])
+                    }, u(x.value === l.id ? "..." : "EXPLAIN"), 11, Mt)) : h("", !0)
+                  ])
+                ]),
+                a.value && a.value.queryId === l.id ? (o(), i("tr", Ot, [
+                  s("td", qt, [
+                    s("div", Vt, [
+                      s("div", Qt, [
+                        a.value.error ? (o(), i("div", Ut, [
+                          t[24] || (t[24] = s("strong", null, "Error:", -1)),
+                          v(" " + u(a.value.error) + " ", 1),
+                          a.value.message ? (o(), i("br", Wt)) : h("", !0),
+                          v(" " + u(a.value.message), 1)
+                        ])) : at() ? (o(), i("div", Bt, [
+                          W(r(J), {
+                            node: ot(),
+                            depth: 0
+                          }, null, 8, ["node"])
+                        ])) : a.value.plan && a.value.plan.length > 0 && typeof a.value.plan[0] == "object" ? (o(), i("div", Ht, [
+                          s("table", null, [
+                            s("thead", null, [
+                              s("tr", null, [
+                                (o(!0), i(k, null, T(V(), (p) => (o(), i("th", { key: p }, u(p), 1))), 128))
+                              ])
+                            ]),
+                            s("tbody", null, [
+                              (o(!0), i(k, null, T(a.value.plan, (p, _) => (o(), i("tr", { key: _ }, [
+                                (o(!0), i(k, null, T(V(), (b) => (o(), i("td", { key: b }, u(nt(p, b)), 1))), 128))
+                              ]))), 128))
+                            ])
+                          ])
+                        ])) : (o(), i("div", It, "No plan data returned"))
+                      ]),
+                      s("button", {
+                        type: "button",
+                        class: "ss-dash-explain-btn",
+                        style: { "margin-left": "8px", "flex-shrink": "0" },
+                        onClick: t[7] || (t[7] = (p) => a.value = null)
+                      }, " Close ")
+                    ])
+                  ])
+                ])) : h("", !0)
+              ], 64))), 128))
+            ])
+          ], 512)) : (o(), i("div", Jt, [...t[26] || (t[26] = [
+            s("span", null, "No queries recorded", -1),
+            s("span", { class: "ss-empty-hint" }, [
+              v(" Queries require "),
+              s("code", null, "debug: true"),
+              v(" on your Lucid connections in "),
+              s("code", null, "config/database.ts")
+            ], -1)
+          ])]))
+        ]),
+        r(P).totalPages > 1 ? (o(), ut(ft, {
+          key: 0,
+          page: r(P).page,
+          "last-page": r(P).totalPages,
+          total: r(P).total,
+          onPageChange: r(X)
+        }, null, 8, ["page", "last-page", "total", "onPageChange"])) : h("", !0)
+      ], 64))
+    ]));
+  }
+});
+export {
+  ls as default
+};

package/dist/vue/QueriesTab-6D_xfi7Q.js

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

package/dist/vue/{RequestsSection-CTu4jPZ_.js → RequestsSection-DLrjCfcE.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-CM3yNVUR.js";
+import { u as ct } from "./index-CYaqRGIT.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-zQZDedL7.js → RoutesSection-CPr9w42B.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-CM3yNVUR.js";
+import { u as z } from "./index-CYaqRGIT.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-CM3yNVUR.js → index-CYaqRGIT.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-DuTG7cpC.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-DEMjqtlw.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-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({
       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-BMabyqw-.js")), t = E(() => import("./RequestsSection-CTu4jPZ_.js")), r = E(() => import("./QueriesSection-BfDFwGqH.js")), o = E(() => import("./EventsSection-CxqtVF-o.js")), c = E(() => import("./RoutesSection-zQZDedL7.js")), y = E(() => import("./LogsSection-DmmZVJ7D.js")), v = E(() => import("./EmailsSection-B65g0FVS.js")), f = E(() => import("./CacheSection-DT2Mwf_s.js")), S = E(() => import("./JobsSection-rMIyMb-g.js")), R = E(() => import("./ConfigSection-BwKwS9lh.js")), P = E(() => import("./InternalsSection-BJUXE-5F.js")), b = [
+    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 = [
       "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-CM3yNVUR.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-CYaqRGIT.js";
 export {
   s as DashboardPage,
   r as DebugPanel,