adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/vue/PaginationControls.vue_vue_type_script_setup_true_lang-CuN7g_8Z.js

@@ -0,0 +1,50 @@
+import { defineComponent as h, computed as u, openBlock as s, createElementBlock as a, createElementVNode as o, toDisplayString as i, Fragment as d, renderList as b, normalizeClass as p, createCommentVNode as C } from "vue";
+import { getPageNumbers as k } from "adonisjs-server-stats/core";
+const P = {
+  key: 0,
+  class: "ss-dash-pagination"
+}, v = { class: "ss-dash-page-info" }, y = { class: "ss-dash-pagination-controls" }, f = ["disabled"], $ = {
+  key: 0,
+  class: "ss-dash-page-ellipsis"
+}, N = ["onClick"], x = ["disabled"], D = /* @__PURE__ */ h({
+  __name: "PaginationControls",
+  props: {
+    page: {},
+    lastPage: {},
+    total: {}
+  },
+  emits: ["pageChange"],
+  setup(e, { emit: c }) {
+    const g = e, l = c, m = u(() => k(g.page, g.lastPage));
+    return (B, n) => e.lastPage > 1 ? (s(), a("div", P, [
+      o("span", v, " Page " + i(e.page) + " of " + i(e.lastPage) + " (" + i(e.total) + " total) ", 1),
+      o("div", y, [
+        o("button", {
+          type: "button",
+          class: "ss-dash-page-btn",
+          disabled: e.page <= 1,
+          onClick: n[0] || (n[0] = (t) => l("pageChange", e.page - 1))
+        }, " « Prev ", 8, f),
+        (s(!0), a(d, null, b(m.value, (t, r) => (s(), a(d, {
+          key: t === "..." ? `ellipsis-${r}` : t
+        }, [
+          t === "..." ? (s(), a("span", $, "...")) : (s(), a("button", {
+            key: 1,
+            type: "button",
+            class: p(`ss-dash-page-btn ${t === e.page ? "ss-dash-active" : ""}`),
+            onClick: (E) => l("pageChange", t)
+          }, i(t), 11, N))
+        ], 64))), 128)),
+        o("button", {
+          type: "button",
+          class: "ss-dash-page-btn",
+          disabled: e.page >= e.lastPage,
+          onClick: n[1] || (n[1] = (t) => l("pageChange", e.page + 1))
+        }, " Next » ", 8, x)
+      ])
+    ])) : C("", !0);
+  }
+});
+export {
+  D as _
+};

package/dist/vue/QueriesSection-BPiv7u3r.js

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

package/dist/vue/QueriesTab-C8_7oprC.js

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