adonisjs-server-stats 1.11.7 → 1.12.0

package/dist/vue/QueriesSection-D2WGsuR4.js

@@ -1,444 +0,0 @@
-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

@@ -1,114 +0,0 @@
-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
-};