adonisjs-server-stats 1.11.6 → 1.11.7

package/dist/react/{QueriesSection-CrMdU5Ax.js → QueriesSection-CZJ-imAb.js}

@@ -1,72 +1,72 @@
-import { jsx as t, jsxs as l, Fragment as v } from "react/jsx-runtime";
-import { useState as y, useCallback as $, useEffect as X, useMemo as T } from "react";
-import { resolveField as b, resolveNormalizedSql as A, durationClassName as R, resolveSqlMethod as Q, resolveTimestamp as Y, SLOW_DURATION_MS as Z } from "adonisjs-server-stats/core";
-import { a as ee } from "./index-DwDK-4oX.js";
+import { jsx as t, jsxs as r, Fragment as y } from "react/jsx-runtime";
+import { useState as g, useCallback as $, useEffect as X, useMemo as T } from "react";
+import { resolveField as N, resolveNormalizedSql as A, durationClassName as R, resolveSqlMethod as z, resolveTimestamp as Y, SLOW_DURATION_MS as Z } from "adonisjs-server-stats/core";
+import { a as ee } from "./index-C4EMJrkH.js";
 import { D as U } from "./DataTable-YyShr5B-.js";
 import { F as se } from "./FilterBar-CQ7bD669.js";
 import { T as te } from "./TimeAgoCell-o3KigGfM.js";
-import { P as ae } from "./Pagination-BkmzUDY8.js";
-function W({ node: a, depth: d = 0 }) {
-  if (!a) return null;
-  const f = d * 20, u = a["Node Type"] || "Unknown", C = a["Relation Name"] ? /* @__PURE__ */ l(v, { children: [
+import { P as ne } from "./Pagination-BkmzUDY8.js";
+function W({ node: n, depth: d = 0 }) {
+  if (!n) return null;
+  const f = d * 20, u = n["Node Type"] || "Unknown", S = n["Relation Name"] ? /* @__PURE__ */ r(y, { children: [
     " on ",
-    /* @__PURE__ */ t("strong", { children: a["Relation Name"] })
-  ] }) : null, c = a.Alias && a.Alias !== a["Relation Name"] ? ` (${a.Alias})` : "", m = a["Index Name"] ? /* @__PURE__ */ l(v, { children: [
+    /* @__PURE__ */ t("strong", { children: n["Relation Name"] })
+  ] }) : null, c = n.Alias && n.Alias !== n["Relation Name"] ? ` (${n.Alias})` : "", m = n["Index Name"] ? /* @__PURE__ */ r(y, { children: [
     " using ",
-    /* @__PURE__ */ t("em", { children: a["Index Name"] })
+    /* @__PURE__ */ t("em", { children: n["Index Name"] })
   ] }) : null, i = [];
-  if (a["Startup Cost"] !== null && a["Startup Cost"] !== void 0 && i.push(`cost=${a["Startup Cost"]}..${a["Total Cost"]}`), a["Plan Rows"] !== null && a["Plan Rows"] !== void 0 && i.push(`rows=${a["Plan Rows"]}`), a["Plan Width"] !== null && a["Plan Width"] !== void 0 && i.push(`width=${a["Plan Width"]}`), a.Filter && i.push(`filter: ${a.Filter}`), a["Index Cond"] && i.push(`cond: ${a["Index Cond"]}`), a["Hash Cond"] && i.push(`hash: ${a["Hash Cond"]}`), a["Join Type"] && i.push(`join: ${a["Join Type"]}`), a["Sort Key"]) {
-    const r = Array.isArray(a["Sort Key"]) ? a["Sort Key"].join(", ") : a["Sort Key"];
-    i.push(`sort: ${r}`);
+  if (n["Startup Cost"] !== null && n["Startup Cost"] !== void 0 && i.push(`cost=${n["Startup Cost"]}..${n["Total Cost"]}`), n["Plan Rows"] !== null && n["Plan Rows"] !== void 0 && i.push(`rows=${n["Plan Rows"]}`), n["Plan Width"] !== null && n["Plan Width"] !== void 0 && i.push(`width=${n["Plan Width"]}`), n.Filter && i.push(`filter: ${n.Filter}`), n["Index Cond"] && i.push(`cond: ${n["Index Cond"]}`), n["Hash Cond"] && i.push(`hash: ${n["Hash Cond"]}`), n["Join Type"] && i.push(`join: ${n["Join Type"]}`), n["Sort Key"]) {
+    const l = Array.isArray(n["Sort Key"]) ? n["Sort Key"].join(", ") : n["Sort Key"];
+    i.push(`sort: ${l}`);
   }
-  const q = a.Plans || [];
-  return /* @__PURE__ */ l("div", { className: "ss-dash-explain-node", style: { marginLeft: `${f}px` }, children: [
-    /* @__PURE__ */ l("div", { className: "ss-dash-explain-node-header", children: [
+  const C = n.Plans || [];
+  return /* @__PURE__ */ r("div", { className: "ss-dash-explain-node", style: { marginLeft: `${f}px` }, children: [
+    /* @__PURE__ */ r("div", { className: "ss-dash-explain-node-header", children: [
       /* @__PURE__ */ t("span", { className: "ss-dash-explain-node-type", children: u }),
-      C,
+      S,
       c,
       m
     ] }),
     i.length > 0 && /* @__PURE__ */ t("div", { className: "ss-dash-explain-metrics", children: i.join(" · ") }),
-    q.map((r, F) => /* @__PURE__ */ t(W, { node: r, depth: d + 1 }, F))
+    C.map((l, F) => /* @__PURE__ */ t(W, { node: l, depth: d + 1 }, F))
   ] });
 }
-function ne({ plan: a }) {
-  if (!a || !Array.isArray(a) || a.length === 0)
+function ae({ plan: n }) {
+  if (!n || !Array.isArray(n) || n.length === 0)
     return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: "No plan data returned" });
-  const d = a[0];
+  const d = n[0];
   if (d && d.Plan)
     return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ t(W, { node: d.Plan, depth: 0 }) });
   if (typeof d == "object" && d !== null) {
     const f = Object.keys(d);
-    return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ l("table", { children: [
+    return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ r("table", { children: [
       /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: f.map((u) => /* @__PURE__ */ t("th", { children: u }, u)) }) }),
-      /* @__PURE__ */ t("tbody", { children: a.map((u, C) => {
+      /* @__PURE__ */ t("tbody", { children: n.map((u, S) => {
         const c = u;
-        return /* @__PURE__ */ t("tr", { children: f.map((m) => /* @__PURE__ */ t("td", { children: c[m] !== null && c[m] !== void 0 ? String(c[m]) : "-" }, m)) }, C);
+        return /* @__PURE__ */ t("tr", { children: f.map((m) => /* @__PURE__ */ t("td", { children: c[m] !== null && c[m] !== void 0 ? String(c[m]) : "-" }, m)) }, S);
       }) })
     ] }) });
   }
   return /* @__PURE__ */ t("div", { className: "ss-dash-explain-result", children: "No plan data returned" });
 }
 const re = 8;
-function me({ options: a = {} }) {
-  const [d, f] = y(1), [u, C] = y(""), [c, m] = y("createdAt"), [i, q] = y("desc"), [r, F] = y("list"), [N, D] = y(null), [o, w] = y(null), [j, _] = y(null), I = $(
+function me({ options: n = {} }) {
+  const [d, f] = g(1), [u, S] = g(""), [c, m] = g("createdAt"), [i, C] = g("desc"), [l, F] = g("list"), [v, D] = g(null), [o, w] = g(null), [j, L] = g(null), I = $(
     (e) => {
-      e !== r && (F(e), f(1), m(e === "list" ? "createdAt" : "count"), q("desc"), D(null), w(null), _(null));
+      e !== l && (F(e), f(1), m(e === "list" ? "createdAt" : "count"), C("desc"), D(null), w(null), L(null));
     },
-    [r]
+    [l]
   );
   X(() => f(1), [u]);
-  const H = r === "grouped" ? "queries/grouped" : "queries", { data: M, meta: k, isLoading: J, getApi: O } = ee(H, {
-    ...a,
+  const H = l === "grouped" ? "queries/grouped" : "queries", { data: _, meta: k, isLoading: J, getApi: O } = ee(H, {
+    ...n,
     page: d,
     search: u,
     sort: c,
     sortDir: i
   }), K = $(
     (e) => {
-      c === e ? q((s) => s === "asc" ? "desc" : "asc") : (m(e), q("desc"));
+      c === e ? C((s) => s === "asc" ? "desc" : "asc") : (m(e), C("desc"));
     },
     [c]
   ), V = $(
@@ -75,7 +75,7 @@ function me({ options: a = {} }) {
         w(null);
         return;
       }
-      _(e);
+      L(e);
       try {
         const s = await O().explainQuery(e);
         s && s.error ? w({
@@ -94,23 +94,23 @@ function me({ options: a = {} }) {
           error: s instanceof Error ? s.message : String(s)
         });
       } finally {
-        _(null);
+        L(null);
       }
     },
     [O, o]
   ), B = $(
     (e) => {
       const s = e.id;
-      return !o || o.queryId !== s ? null : /* @__PURE__ */ t("tr", { className: "ss-dash-explain-row", children: /* @__PURE__ */ t("td", { colSpan: re, className: "ss-dash-explain", children: /* @__PURE__ */ l("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "start" }, children: [
-        /* @__PURE__ */ t("div", { style: { flex: 1 }, children: o.error ? /* @__PURE__ */ l("div", { className: "ss-dash-explain-result ss-dash-explain-error", children: [
+      return !o || o.queryId !== s ? null : /* @__PURE__ */ t("tr", { className: "ss-dash-explain-row", children: /* @__PURE__ */ t("td", { colSpan: re, className: "ss-dash-explain", children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "start" }, children: [
+        /* @__PURE__ */ t("div", { style: { flex: 1 }, children: o.error ? /* @__PURE__ */ r("div", { className: "ss-dash-explain-result ss-dash-explain-error", children: [
           /* @__PURE__ */ t("strong", { children: "Error:" }),
           " ",
           o.error,
-          o.message && /* @__PURE__ */ l(v, { children: [
+          o.message && /* @__PURE__ */ r(y, { children: [
             /* @__PURE__ */ t("br", {}),
             o.message
           ] })
-        ] }) : /* @__PURE__ */ t(ne, { plan: o.plan }) }),
+        ] }) : /* @__PURE__ */ t(ae, { plan: o.plan }) }),
         /* @__PURE__ */ t(
           "button",
           {
@@ -124,56 +124,56 @@ function me({ options: a = {} }) {
       ] }) }) });
     },
     [o]
-  ), E = r === "grouped" ? M?.groups || [] : M || [], p = T(() => r !== "grouped" ? E : E.map((e) => {
+  ), M = l === "grouped" ? _?.groups || [] : _ || [], h = T(() => l !== "grouped" ? M : M.map((e) => {
     const s = { ...e };
-    return s.sqlNormalized ??= b(e, "sql_normalized", "pattern") ?? void 0, s.count ??= b(e, "total_count"), s.avgDuration ??= b(e, "avg_duration"), s.maxDuration ??= b(e, "max_duration"), s.minDuration ??= b(e, "min_duration"), s.totalDuration ??= b(e, "total_duration"), s.percentOfTotal ??= b(e, "pct_time"), s;
-  }), [E, r]), g = T(() => {
-    const e = k?.total ?? p.length;
-    let s = 0, n = 0, h = 0, x = 0;
-    for (const S of p) {
-      const P = S.duration || 0;
-      h += P, x++, P > Z && s++;
+    return s.sqlNormalized ??= N(e, "sql_normalized", "pattern") ?? void 0, s.count ??= N(e, "total_count"), s.avgDuration ??= N(e, "avg_duration"), s.maxDuration ??= N(e, "max_duration"), s.minDuration ??= N(e, "min_duration"), s.totalDuration ??= N(e, "total_duration"), s.percentOfTotal ??= N(e, "pct_time"), s;
+  }), [M, l]), b = T(() => {
+    const e = k?.total ?? h.length;
+    let s = 0, a = 0, p = 0, x = 0;
+    for (const q of h) {
+      const P = q.duration || 0;
+      p += P, x++, P > Z && s++;
     }
-    const L = /* @__PURE__ */ new Map();
-    for (const S of p) {
-      const P = A(S);
-      L.set(P, (L.get(P) || 0) + 1);
+    const E = /* @__PURE__ */ new Map();
+    for (const q of h) {
+      const P = A(q);
+      E.set(P, (E.get(P) || 0) + 1);
     }
-    for (const S of L.values())
-      S > 1 && (n += S);
+    for (const q of E.values())
+      q > 1 && (a += q);
     return {
       total: e,
       slow: s,
-      duplicates: n,
-      avgDuration: x > 0 ? h / x : 0
+      duplicates: a,
+      avgDuration: x > 0 ? p / x : 0
     };
-  }, [p, k]), z = T(() => {
+  }, [h, k]), Q = T(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const s of p) {
-      const n = A(s);
-      e.set(n, (e.get(n) || 0) + 1);
+    for (const s of h) {
+      const a = A(s);
+      e.set(a, (e.get(a) || 0) + 1);
     }
     return e;
-  }, [p]), G = T(() => {
-    if (r === "grouped")
-      return `${p.length} query patterns`;
-    const e = [`${g.total} queries`];
-    return g.slow > 0 && e.push(`${g.slow} slow`), g.duplicates > 0 && e.push(`${g.duplicates} dup`), e.push(`avg ${(g.avgDuration || 0).toFixed(1)}ms`), e.join(", ");
-  }, [r, p.length, g]);
-  return /* @__PURE__ */ l("div", { children: [
+  }, [h]), G = T(() => {
+    if (l === "grouped")
+      return `${h.length} query patterns`;
+    const e = [`${b.total} queries`];
+    return b.slow > 0 && e.push(`${b.slow} slow`), b.duplicates > 0 && e.push(`${b.duplicates} dup`), e.push(`avg ${(b.avgDuration || 0).toFixed(1)}ms`), e.join(", ");
+  }, [l, h.length, b]);
+  return /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ t(
       se,
       {
         search: u,
-        onSearchChange: C,
+        onSearchChange: S,
         placeholder: "Filter queries...",
         summary: G,
-        children: /* @__PURE__ */ l("div", { className: "ss-dash-btn-group", children: [
+        children: /* @__PURE__ */ r("div", { className: "ss-dash-btn-group", children: [
           /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              className: `ss-dash-btn ${r === "list" ? "ss-dash-active" : ""}`,
+              className: `ss-dash-btn ${l === "list" ? "ss-dash-active" : ""}`,
               onClick: () => I("list"),
               children: "List"
             }
@@ -182,7 +182,7 @@ function me({ options: a = {} }) {
             "button",
             {
               type: "button",
-              className: `ss-dash-btn ${r === "grouped" ? "ss-dash-active" : ""}`,
+              className: `ss-dash-btn ${l === "grouped" ? "ss-dash-active" : ""}`,
               onClick: () => I("grouped"),
               children: "Grouped"
             }
@@ -190,7 +190,7 @@ function me({ options: a = {} }) {
         ] })
       }
     ),
-    J && !M ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading queries..." }) : r === "grouped" ? /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+    J && !_ ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading queries..." }) : l === "grouped" ? /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
       U,
       {
         columns: [
@@ -198,23 +198,23 @@ function me({ options: a = {} }) {
             key: "sqlNormalized",
             label: "Pattern",
             render: (e, s) => {
-              const n = e || "", h = (s.count || 0) >= 3;
-              return /* @__PURE__ */ l(v, { children: [
+              const a = e || "", p = (s.count || 0) >= 3;
+              return /* @__PURE__ */ r(y, { children: [
                 /* @__PURE__ */ t(
                   "span",
                   {
-                    className: `ss-dash-sql ${N === n ? "ss-dash-expanded" : ""}`,
+                    className: `ss-dash-sql ${v === a ? "ss-dash-expanded" : ""}`,
                     title: "Click to expand",
                     onClick: (x) => {
-                      x.stopPropagation(), D(N === n ? null : n);
+                      x.stopPropagation(), D(v === a ? null : a);
                     },
                     role: "button",
                     tabIndex: 0,
-                    onKeyDown: (x) => x.key === "Enter" && D(N === n ? null : n),
-                    children: n
+                    onKeyDown: (x) => x.key === "Enter" && D(v === a ? null : a),
+                    children: a
                   }
                 ),
-                h && /* @__PURE__ */ l(v, { children: [
+                p && /* @__PURE__ */ r(y, { children: [
                   " ",
                   /* @__PURE__ */ t("span", { className: "ss-dash-dup", children: "DUP" })
                 ] })
@@ -291,14 +291,22 @@ function me({ options: a = {} }) {
             )
           }
         ],
-        data: p,
+        data: h,
         keyField: "sqlNormalized",
         sort: c,
         sortDir: i,
         onSort: K,
-        emptyMessage: "No queries recorded"
+        emptyMessage: /* @__PURE__ */ r(y, { children: [
+          "No queries recorded",
+          /* @__PURE__ */ r("span", { className: "ss-empty-hint", children: [
+            "Queries require ",
+            /* @__PURE__ */ t("code", { children: "debug: true" }),
+            " on your Lucid connections in ",
+            /* @__PURE__ */ t("code", { children: "config/database.ts" })
+          ] })
+        ] })
       }
-    ) }) }) : /* @__PURE__ */ l(v, { children: [
+    ) }) }) : /* @__PURE__ */ r(y, { children: [
       /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
         U,
         {
@@ -313,29 +321,29 @@ function me({ options: a = {} }) {
               key: "sql",
               label: "SQL",
               render: (e, s) => {
-                const n = s.sql || s.sql_text || "";
-                return /* @__PURE__ */ l("div", { children: [
+                const a = s.sql || s.sql_text || "";
+                return /* @__PURE__ */ r("div", { children: [
                   /* @__PURE__ */ t(
                     "span",
                     {
-                      className: `ss-dash-sql ${N === s.id ? "ss-dash-expanded" : ""}`,
+                      className: `ss-dash-sql ${v === s.id ? "ss-dash-expanded" : ""}`,
                       title: "Click to expand",
-                      onClick: (h) => {
-                        h.stopPropagation(), D(
-                          N === s.id ? null : s.id
+                      onClick: (p) => {
+                        p.stopPropagation(), D(
+                          v === s.id ? null : s.id
                         );
                       },
                       role: "button",
                       tabIndex: 0,
-                      onKeyDown: (h) => h.key === "Enter" && D(
-                        N === s.id ? null : s.id
+                      onKeyDown: (p) => p.key === "Enter" && D(
+                        v === s.id ? null : s.id
                       ),
-                      children: n
+                      children: a
                     }
                   ),
-                  (z.get(A(s)) ?? 0) > 1 && /* @__PURE__ */ l("span", { className: "ss-dash-dup", children: [
+                  (Q.get(A(s)) ?? 0) > 1 && /* @__PURE__ */ r("span", { className: "ss-dash-dup", children: [
                     "×",
-                    z.get(A(s))
+                    Q.get(A(s))
                   ] })
                 ] });
               }
@@ -361,8 +369,8 @@ function me({ options: a = {} }) {
               label: "Method",
               width: "60px",
               render: (e, s) => {
-                const n = Q(s);
-                return /* @__PURE__ */ t("span", { className: `ss-dash-method ss-dash-method-${n.toLowerCase()}`, children: n });
+                const a = z(s);
+                return /* @__PURE__ */ t("span", { className: `ss-dash-method ss-dash-method-${a.toLowerCase()}`, children: a });
               }
             },
             {
@@ -406,8 +414,8 @@ function me({ options: a = {} }) {
               width: "90px",
               sortable: !0,
               render: (e, s) => {
-                const n = e || (Y(s) ?? "");
-                return /* @__PURE__ */ t(te, { ts: n, className: "ss-dash-event-time" });
+                const a = e || (Y(s) ?? "");
+                return /* @__PURE__ */ t(te, { ts: a, className: "ss-dash-event-time" });
               }
             },
             {
@@ -415,13 +423,13 @@ function me({ options: a = {} }) {
               label: "",
               width: "70px",
               render: (e, s) => {
-                if (Q(s) !== "select") return null;
-                const h = o?.queryId === s.id && !o?.error;
+                if (z(s) !== "select") return null;
+                const p = o?.queryId === s.id && !o?.error;
                 return /* @__PURE__ */ t(
                   "button",
                   {
                     type: "button",
-                    className: `ss-dash-explain-btn${h ? " ss-dash-explain-btn-active" : ""}`,
+                    className: `ss-dash-explain-btn${p ? " ss-dash-explain-btn-active" : ""}`,
                     onClick: (x) => {
                       x.stopPropagation(), V(s.id);
                     },
@@ -432,16 +440,24 @@ function me({ options: a = {} }) {
               }
             }
           ],
-          data: p,
+          data: h,
           sort: c,
           sortDir: i,
           onSort: K,
-          emptyMessage: "No queries recorded",
+          emptyMessage: /* @__PURE__ */ r(y, { children: [
+            "No queries recorded",
+            /* @__PURE__ */ r("span", { className: "ss-empty-hint", children: [
+              "Queries require ",
+              /* @__PURE__ */ t("code", { children: "debug: true" }),
+              " on your Lucid connections in ",
+              /* @__PURE__ */ t("code", { children: "config/database.ts" })
+            ] })
+          ] }),
           renderAfterRow: B
         }
       ) }),
       k && /* @__PURE__ */ t(
-        ae,
+        ne,
         {
           page: k.page,
           lastPage: k.lastPage,

package/dist/react/{QueriesTab-x85PjkyS.js → QueriesTab-CQHa1ck3.js}

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as t, Fragment as w } from "react/jsx-runtime";
-import { useState as m, useMemo as i, useCallback as C } from "react";
-import { filterQueries as v, countDuplicateQueries as D, computeQuerySummary as S, formatDuration as p, durationClassName as T } from "adonisjs-server-stats/core";
-import { T as Q } from "./TimeAgoCell-o3KigGfM.js";
-import { u as M, M as $ } from "./index-DwDK-4oX.js";
+import { useState as m, useMemo as l, useCallback as C } from "react";
+import { filterQueries as v, countDuplicateQueries as D, computeQuerySummary as Q, formatDuration as p, durationClassName as S } from "adonisjs-server-stats/core";
+import { T } from "./TimeAgoCell-o3KigGfM.js";
+import { u as M, M as $ } from "./index-C4EMJrkH.js";
 import { u as E } from "./useResizableTable-CNJmACdt.js";
 import { F } from "./FilterBar-CQ7bD669.js";
 function A({ options: g }) {
-  const { data: n, isLoading: b, error: u } = M("queries", g), [o, f] = m(""), [y, x] = m(null), d = i(() => n?.queries || [], [n]), r = i(() => v(d, o), [d, o]), a = i(() => D(d), [d]), l = i(
-    () => S(d, a),
+  const { data: n, isLoading: b, error: u } = M("queries", g), [o, y] = m(""), [f, x] = m(null), d = l(() => n?.queries || [], [n]), r = l(() => v(d, o), [d, o]), a = l(() => D(d), [d]), i = l(
+    () => Q(d, a),
     [d, a]
   ), h = C((s) => {
     x((c) => c === s ? null : s);
@@ -20,18 +20,27 @@ function A({ options: g }) {
       F,
       {
         search: o,
-        onSearchChange: f,
+        onSearchChange: y,
         placeholder: "Filter queries...",
         summary: /* @__PURE__ */ t(w, { children: [
           r.length,
           " queries",
-          l.slowCount > 0 && ` | ${l.slowCount} slow`,
-          l.dupCount > 0 && ` | ${l.dupCount} dup`,
-          r.length > 0 && ` | avg ${p(l.avgDuration)}`
+          i.slowCount > 0 && ` | ${i.slowCount} slow`,
+          i.dupCount > 0 && ` | ${i.dupCount} dup`,
+          r.length > 0 && ` | avg ${p(i.avgDuration)}`
         ] })
       }
     ),
-    r.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No queries captured" }) : /* @__PURE__ */ t("table", { ref: N, className: "ss-dbg-table", children: [
+    r.length === 0 ? /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+      /* @__PURE__ */ e("span", { children: "No queries captured" }),
+      /* @__PURE__ */ t("span", { className: "ss-empty-hint", children: [
+        "Queries require ",
+        /* @__PURE__ */ e("code", { children: "debug: true" }),
+        " on your Lucid connections in",
+        " ",
+        /* @__PURE__ */ e("code", { children: "config/database.ts" })
+      ] })
+    ] }) : /* @__PURE__ */ t("table", { ref: N, className: "ss-dbg-table", children: [
       /* @__PURE__ */ t("colgroup", { children: [
         /* @__PURE__ */ e("col", { style: { width: "50px" } }),
         /* @__PURE__ */ e("col", {}),
@@ -54,7 +63,7 @@ function A({ options: g }) {
           /* @__PURE__ */ e(
             "span",
             {
-              className: `ss-dbg-sql ${y === s.id ? "ss-dbg-expanded" : ""}`,
+              className: `ss-dbg-sql ${f === s.id ? "ss-dbg-expanded" : ""}`,
               onClick: () => h(s.id),
               role: "button",
               tabIndex: 0,
@@ -71,13 +80,13 @@ function A({ options: g }) {
         /* @__PURE__ */ e(
           "td",
           {
-            className: `ss-dbg-duration ${T(s.duration, "ss-dbg")}`,
+            className: `ss-dbg-duration ${S(s.duration, "ss-dbg")}`,
             children: p(s.duration)
           }
         ),
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e($, { method: s.method, classPrefix: "ss-dbg" }) }),
         /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: s.model || "-" }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(Q, { ts: s.timestamp, className: "ss-dbg-event-time" }) })
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(T, { ts: s.timestamp, className: "ss-dbg-event-time" }) })
       ] }, s.id)) })
     ] })
   ] });

package/dist/react/{RequestsSection-DETN9oZb.js → RequestsSection-Cb5YeqvI.js}

@@ -3,8 +3,8 @@ import { useMemo as $, useState as g, useEffect as E, useCallback as L } from "r
 import { normalizeTraceFields as P, resolveStatusCode as j, resolveDuration as W, durationClassName as z, resolveSpanCount as G, resolveWarningCount as I, resolveTimestamp as U } from "adonisjs-server-stats/core";
 import { T as Y } from "./TimeAgoCell-o3KigGfM.js";
 import { u as K } from "./useApiClient-BVtNCmnL.js";
-import { a as V, M as D, S as R } from "./index-DwDK-4oX.js";
-import { S as H, R as J } from "./SplitPaneWrapper-BiIgT4ND.js";
+import { a as V, M as D, S as R } from "./index-C4EMJrkH.js";
+import { S as H, R as J } from "./SplitPaneWrapper-B05Mg6Sg.js";
 import { D as Q } from "./DataTable-YyShr5B-.js";
 import { F as X } from "./FilterBar-CQ7bD669.js";
 import { P as Z } from "./Pagination-BkmzUDY8.js";

package/dist/react/{RoutesSection-CmorkJeC.js → RoutesSection-B43olD9v.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r, Fragment as p } from "react/jsx-runtime";
 import { useState as y } from "react";
-import { a as u, M as f } from "./index-DwDK-4oX.js";
+import { a as u, M as f } from "./index-C4EMJrkH.js";
 import { D as w } from "./DataTable-YyShr5B-.js";
 import { F as b } from "./FilterBar-CQ7bD669.js";
 function A({ options: n = {} }) {

package/dist/react/{RoutesTab-CbzBOzpc.js → RoutesTab-RfhCUbkx.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { useState as g, useMemo as p } from "react";
-import { u as b, M as f } from "./index-DwDK-4oX.js";
+import { u as b, M as f } from "./index-C4EMJrkH.js";
 import { u as w } from "./useResizableTable-CNJmACdt.js";
 import { F as N } from "./FilterBar-CQ7bD669.js";
 function R({ options: o, currentPath: n }) {

package/dist/react/{SplitPaneWrapper-BiIgT4ND.js → SplitPaneWrapper-B05Mg6Sg.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as l } from "react/jsx-runtime";
 import { useState as d, useRef as o, useEffect as u } from "react";
-import { L as p } from "./LogEntryRow-CMMkqA9M.js";
+import { L as p } from "./LogEntryRow-DFI52ZEw.js";
 import { initSplitPane as f } from "adonisjs-server-stats/core";
 function v({ logs: n, onReqIdClick: a }) {
   const [t, s] = d(null);

package/dist/react/{TimelineTab-Ue9tUD_n.js → TimelineTab-Dx4686Ti.js}

@@ -2,11 +2,11 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useState as i, useMemo as q, useEffect as I, useCallback as O } from "react";
 import { formatDuration as m, durationClassName as j } from "adonisjs-server-stats/core";
 import { u as U } from "./useApiClient-BVtNCmnL.js";
-import { u as W, M as D, S as L } from "./index-DwDK-4oX.js";
+import { u as W, M as D, S as L } from "./index-C4EMJrkH.js";
 import { T as _ } from "./TimeAgoCell-o3KigGfM.js";
 import { u as z } from "./useResizableTable-CNJmACdt.js";
 import { F as G } from "./FilterBar-CQ7bD669.js";
-import { S as K, R as V } from "./SplitPaneWrapper-BiIgT4ND.js";
+import { S as K, R as V } from "./SplitPaneWrapper-B05Mg6Sg.js";
 const S = {
   request: "#1e3a5f",
   middleware: "rgba(30, 58, 95, 0.7)",

package/dist/react/components/Dashboard/shared/DataTable.d.ts

@@ -15,7 +15,7 @@ interface DataTableProps<T> {
     onSort?: (key: string) => void;
     onRowClick?: (row: T) => void;
     rowClassName?: string | ((row: T) => string);
-    emptyMessage?: string;
+    emptyMessage?: React.ReactNode;
     className?: string;
     renderAfterRow?: (row: T, index: number) => React.ReactNode;
 }

package/dist/react/{index-DwDK-4oX.js → index-C4EMJrkH.js}

@@ -435,7 +435,7 @@ function A({
     }
   );
 }
-const ge = L(() => import("./QueriesTab-x85PjkyS.js")), me = L(() => import("./EventsTab-B-FoehXC.js")), ve = L(() => import("./EmailsTab-Ch8jp10B.js")), fe = L(() => import("./RoutesTab-CbzBOzpc.js")), we = L(() => import("./LogsTab-CS4sLfLw.js")), ke = L(() => import("./TimelineTab-Ue9tUD_n.js")), Ne = L(() => import("./CacheTab-DOhuK05d.js")), ye = L(() => import("./JobsTab-DqnifQXV.js")), Ce = L(() => import("./ConfigTab-C8kriE2b.js")), Se = L(() => import("./InternalsTab-CkEKpRMU.js")), Le = L(() => import("./CustomPaneTab-CvzQS_Wh.js"));
+const ge = L(() => import("./QueriesTab-CQHa1ck3.js")), me = L(() => import("./EventsTab-BRRSW6RI.js")), ve = L(() => import("./EmailsTab-DKxK322z.js")), fe = L(() => import("./RoutesTab-RfhCUbkx.js")), we = L(() => import("./LogsTab-CV4Gf_yb.js")), ke = L(() => import("./TimelineTab-Dx4686Ti.js")), Ne = L(() => import("./CacheTab-D9o6bsPc.js")), ye = L(() => import("./JobsTab-CQXWCrl8.js")), Ce = L(() => import("./ConfigTab-CT-Tu-ct.js")), Se = L(() => import("./InternalsTab--RD-L1dX.js")), Le = L(() => import("./CustomPaneTab-CvIPe7NP.js"));
 function Qe(s) {
   const {
     defaultOpen: o = !1,
@@ -724,7 +724,7 @@ const De = [
   "jobs",
   "config",
   "internals"
-], Re = L(() => import("./OverviewSection-CxvfOR0v.js")), Oe = L(() => import("./RequestsSection-DETN9oZb.js")), _e = L(() => import("./QueriesSection-CrMdU5Ax.js")), je = L(() => import("./EventsSection-DJPwHeT8.js")), Pe = L(() => import("./RoutesSection-CmorkJeC.js")), He = L(() => import("./LogsSection-C1xC5aP4.js")), qe = L(() => import("./EmailsSection-BJyFJf7A.js")), Ue = L(() => import("./CacheSection-BYN53kYO.js")), Fe = L(() => import("./JobsSection-DWF4i1t_.js")), Ae = L(() => import("./ConfigSection-B9EHh4Rp.js")), ze = L(() => import("./InternalsSection-B6VlVx5f.js"));
+], Re = L(() => import("./OverviewSection-CxF9cabq.js")), Oe = L(() => import("./RequestsSection-Cb5YeqvI.js")), _e = L(() => import("./QueriesSection-CZJ-imAb.js")), je = L(() => import("./EventsSection-D3AK0mhw.js")), Pe = L(() => import("./RoutesSection-B43olD9v.js")), He = L(() => import("./LogsSection-CW2hQ976.js")), qe = L(() => import("./EmailsSection-B1LT7Nx3.js")), Ue = L(() => import("./CacheSection-DOUnyUrw.js")), Fe = L(() => import("./JobsSection-BMvj5886.js")), Ae = L(() => import("./ConfigSection-DzNC7pOJ.js")), ze = L(() => import("./InternalsSection-BwrTfpjA.js"));
 function Xe(s) {
   const {
     baseUrl: o = "",

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { B as s, D as t, c as r, J as u, M as g, d as o, d, S as D, T as S, e as h, a as B, u as T, f as b, g as l, h as m } from "./index-DwDK-4oX.js";
+import { B as s, D as t, c as r, J as u, M as g, d as o, d, S as D, T as S, e as h, a as B, u as T, f as b, g as l, h as m } from "./index-C4EMJrkH.js";
 export {
   s as Badge,
   t as DashboardPage,