adonisjs-server-stats 1.11.6 → 1.12.0

package/dist/react/QueriesContent-BDIx8zFn.js

@@ -0,0 +1,288 @@
+import { jsxs as l, jsx as e, Fragment as x } from "react/jsx-runtime";
+import { useMemo as E } from "react";
+import { buildSqlCounts as R, getDashboardGroupedColumns as z, getDashboardListColumns as K, durationClassName as S, resolveSqlMethod as F, resolveTimestamp as H, resolveNormalizedSql as L, hasNestedPlan as U, getExplainColumns as V, formatCellValue as X, flattenPlanTree as B } from "adonisjs-server-stats/core";
+import { F as A } from "./FilterBar-CQ7bD669.js";
+import { T as J } from "./TimeAgoCell-o3KigGfM.js";
+import { D as I } from "./DataTable-YyShr5B-.js";
+import { P as W } from "./Pagination-BkmzUDY8.js";
+function Y({ node: s, depth: d = 0 }) {
+  if (!s) return null;
+  const i = E(() => B(s, d), [s, d]);
+  return /* @__PURE__ */ e(x, { children: i.map((r, o) => /* @__PURE__ */ l("div", { className: "ss-dash-explain-node", style: { marginLeft: `${r.depth * 20}px` }, children: [
+    /* @__PURE__ */ l("div", { className: "ss-dash-explain-node-header", children: [
+      /* @__PURE__ */ e("span", { className: "ss-dash-explain-node-type", children: r.nodeType }),
+      r.relationName && /* @__PURE__ */ l(x, { children: [
+        " on ",
+        /* @__PURE__ */ e("strong", { children: r.relationName })
+      ] }),
+      r.alias && ` (${r.alias})`,
+      r.indexName && /* @__PURE__ */ l(x, { children: [
+        " using ",
+        /* @__PURE__ */ e("em", { children: r.indexName })
+      ] })
+    ] }),
+    r.metrics.length > 0 && /* @__PURE__ */ e("div", { className: "ss-dash-explain-metrics", children: r.metrics.join(" · ") })
+  ] }, o)) });
+}
+function Z({ plan: s }) {
+  if (!s || !Array.isArray(s) || s.length === 0)
+    return /* @__PURE__ */ e("div", { className: "ss-dash-explain-result", children: "No plan data returned" });
+  const d = s[0];
+  if (U(d))
+    return /* @__PURE__ */ e("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ e(Y, { node: d.Plan, depth: 0 }) });
+  if (typeof d == "object" && d !== null) {
+    const i = V(s);
+    return /* @__PURE__ */ e("div", { className: "ss-dash-explain-result", children: /* @__PURE__ */ l("table", { children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: i.map((r) => /* @__PURE__ */ e("th", { children: r }, r)) }) }),
+      /* @__PURE__ */ e("tbody", { children: s.map((r, o) => {
+        const c = r;
+        return /* @__PURE__ */ e("tr", { children: i.map((n) => /* @__PURE__ */ e("td", { children: X(c[n]) }, n)) }, o);
+      }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ e("div", { className: "ss-dash-explain-result", children: "No plan data returned" });
+}
+const $ = /* @__PURE__ */ l("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" })
+] });
+function de({
+  mode: s,
+  controllerState: d,
+  queries: i,
+  meta: r,
+  isLoading: o,
+  onSearchChange: c,
+  onSort: n,
+  onToggleExpand: a,
+  onViewModeChange: t,
+  onPageChange: p,
+  onExplain: u,
+  onCloseExplain: h,
+  summary: y,
+  filterBarChildren: b
+}) {
+  const { viewMode: g, sort: N, expandedIds: C, explainData: D, search: P } = d, q = !!u, T = s === "dashboard" && !!r, j = s === "dashboard" && !!t, M = E(() => R(i), [i]);
+  if (j && g === "grouped")
+    return G();
+  return _();
+  function G() {
+    const k = z().map(
+      (w) => ee(w, C, a)
+    );
+    return /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e(A, { search: P, onSearchChange: c, placeholder: "Filter queries...", summary: y, children: b }),
+      o && i.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading queries..." }) : /* @__PURE__ */ e("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ e(
+        I,
+        {
+          columns: k,
+          data: i,
+          keyField: "sqlNormalized",
+          sort: N.key,
+          sortDir: N.dir,
+          onSort: n,
+          emptyMessage: /* @__PURE__ */ l(x, { children: [
+            "No queries recorded",
+            $
+          ] })
+        }
+      ) })
+    ] });
+  }
+  function _() {
+    const v = K({ showExplain: q }), k = v.map(
+      (f) => se(f, C, M, D, a, u)
+    ), w = v.length, O = q ? (f) => {
+      const Q = f.id, m = D.get(Q);
+      return !m || m.loading ? null : /* @__PURE__ */ e("tr", { className: "ss-dash-explain-row", children: /* @__PURE__ */ e("td", { colSpan: w, className: "ss-dash-explain", children: /* @__PURE__ */ l("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "start" }, children: [
+        /* @__PURE__ */ e("div", { style: { flex: 1 }, children: m.error ? /* @__PURE__ */ l("div", { className: "ss-dash-explain-result ss-dash-explain-error", children: [
+          /* @__PURE__ */ e("strong", { children: "Error:" }),
+          " ",
+          m.error,
+          m.result?.message && /* @__PURE__ */ l(x, { children: [
+            /* @__PURE__ */ e("br", {}),
+            m.result.message
+          ] })
+        ] }) : m.result ? /* @__PURE__ */ e(Z, { plan: m.result.plan || m.result.rows || [] }) : null }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-explain-btn",
+            onClick: () => h?.(),
+            style: { marginLeft: "8px", flexShrink: 0 },
+            children: "Close"
+          }
+        )
+      ] }) }) });
+    } : void 0;
+    return /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e(A, { search: P, onSearchChange: c, placeholder: "Filter queries...", summary: y, children: b }),
+      o && i.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading queries..." }) : /* @__PURE__ */ l(x, { children: [
+        /* @__PURE__ */ e("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ e(
+          I,
+          {
+            columns: k,
+            data: i,
+            sort: N.key,
+            sortDir: N.dir,
+            onSort: n,
+            emptyMessage: /* @__PURE__ */ l(x, { children: [
+              "No queries captured",
+              $
+            ] }),
+            renderAfterRow: O
+          }
+        ) }),
+        T && r && /* @__PURE__ */ e(
+          W,
+          {
+            page: r.page,
+            lastPage: r.lastPage,
+            total: r.total,
+            onPageChange: p
+          }
+        )
+      ] })
+    ] });
+  }
+}
+function ee(s, d, i) {
+  const r = {
+    key: s.key,
+    label: s.label,
+    width: s.width,
+    sortable: s.sortable
+  };
+  switch (s.type) {
+    case "sql":
+      r.render = (o, c) => {
+        const n = o || "", a = (c.count || 0) >= 3;
+        return /* @__PURE__ */ l(x, { children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `ss-dash-sql ${d.has(n) ? "ss-dash-expanded" : ""}`,
+              title: "Click to expand",
+              onClick: (t) => {
+                t.stopPropagation(), i(n);
+              },
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (t) => t.key === "Enter" && i(n),
+              children: n
+            }
+          ),
+          a && /* @__PURE__ */ l(x, { children: [
+            " ",
+            /* @__PURE__ */ e("span", { className: "ss-dash-dup", children: "DUP" })
+          ] })
+        ] });
+      };
+      break;
+    case "duration":
+      r.render = (o) => {
+        const c = o || 0, n = s.key === "avgDuration" || s.key === "maxDuration";
+        return /* @__PURE__ */ e("span", { className: `ss-dash-duration ${n ? S(c) : ""}`, children: s.key === "totalDuration" ? c.toFixed(1) + "ms" : c.toFixed(2) + "ms" });
+      };
+      break;
+    default:
+      s.key === "count" ? r.render = (o) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-muted)", textAlign: "center", display: "block" }, children: o || 0 }) : s.key === "percentOfTotal" && (r.render = (o) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-muted)", textAlign: "center", display: "block" }, children: (o || 0).toFixed(1) + "%" }));
+      break;
+  }
+  return r;
+}
+function se(s, d, i, r, o, c) {
+  const n = {
+    key: s.key,
+    label: s.label,
+    width: s.width,
+    sortable: s.sortable
+  };
+  switch (s.type) {
+    case "index":
+      n.render = (a) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-dim)" }, children: a });
+      break;
+    case "sql":
+      n.render = (a, t) => {
+        const p = t.sql || t.sql_text || "", u = t.id;
+        return /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `ss-dash-sql ${d.has(u) ? "ss-dash-expanded" : ""}`,
+              title: "Click to expand",
+              onClick: (h) => {
+                h.stopPropagation(), o(u);
+              },
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (h) => h.key === "Enter" && o(u),
+              children: p
+            }
+          ),
+          (i.get(L(t)) ?? 0) > 1 && /* @__PURE__ */ l("span", { className: "ss-dash-dup", children: [
+            "×",
+            i.get(L(t))
+          ] })
+        ] });
+      };
+      break;
+    case "duration":
+      n.render = (a) => {
+        const t = a || 0;
+        return /* @__PURE__ */ e("span", { className: `ss-dash-duration ${S(t)}`, children: t.toFixed(2) + "ms" });
+      };
+      break;
+    case "method":
+      n.render = (a, t) => {
+        const p = F(t);
+        return /* @__PURE__ */ e("span", { className: `ss-dash-method ss-dash-method-${p.toLowerCase()}`, children: p });
+      };
+      break;
+    case "model":
+      n.render = (a) => /* @__PURE__ */ e(
+        "span",
+        {
+          style: { color: "var(--ss-muted)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
+          title: a,
+          children: a || "-"
+        }
+      );
+      break;
+    case "connection":
+      n.render = (a) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-dim)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: a || "-" });
+      break;
+    case "time":
+      n.render = (a, t) => {
+        const p = a || (H(t) ?? "");
+        return /* @__PURE__ */ e(J, { ts: p, className: "ss-dash-event-time" });
+      };
+      break;
+    case "explain":
+      n.render = (a, t) => {
+        if (F(t) !== "select") return null;
+        const u = t.id, h = r.get(u), y = h && !h.loading && h.result && !h.error, b = h?.loading;
+        return /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `ss-dash-explain-btn${y ? " ss-dash-explain-btn-active" : ""}`,
+            onClick: (g) => {
+              g.stopPropagation(), c?.(u);
+            },
+            disabled: !!b,
+            children: b ? "..." : "EXPLAIN"
+          }
+        );
+      };
+      break;
+  }
+  return n;
+}
+export {
+  de as Q
+};

package/dist/react/QueriesSection-CvGGh5Ij.js

@@ -0,0 +1,117 @@
+import { jsx as g, jsxs as j } from "react/jsx-runtime";
+import { useState as E, useRef as z, useCallback as s, useEffect as L, useMemo as w } from "react";
+import { QueriesController as T, resolveField as i, computeDashboardQuerySummary as V } from "adonisjs-server-stats/core";
+import { a as q } from "./index-CAUHa8QX.js";
+import { Q as F } from "./QueriesContent-BDIx8zFn.js";
+function O({ options: v = {} }) {
+  const [S, u] = E(1), r = z(new T("list")), [h, b] = E(r.current.state), n = s(() => {
+    b({ ...r.current.state });
+  }, []), { viewMode: a, sort: f, search: x } = h, c = s(
+    (e) => {
+      e !== r.current.state.viewMode && (r.current.setViewMode(e), u(1), n());
+    },
+    [n]
+  ), D = s(
+    (e) => {
+      r.current.setSearch(e), n();
+    },
+    [n]
+  );
+  L(() => u(1), [x]);
+  const Q = a === "grouped" ? "queries/grouped" : "queries", { data: d, meta: p, isLoading: y, getApi: C } = q(Q, {
+    ...v,
+    page: S,
+    search: x,
+    sort: f.key,
+    sortDir: f.dir
+  }), _ = s(
+    (e) => {
+      r.current.toggleSort(e), n();
+    },
+    [n]
+  ), $ = s(
+    (e) => {
+      r.current.toggleExpand(e), n();
+    },
+    [n]
+  ), M = s(
+    async (e) => {
+      const t = r.current.getExplainState(e);
+      if (t && !t.loading) {
+        r.current.clearExplain(), n();
+        return;
+      }
+      r.current.startExplain(e), n();
+      try {
+        const o = await C().explainQuery(e);
+        o && o.error ? r.current.completeExplain(e, {
+          rows: [],
+          error: o.error,
+          message: o.message
+        }) : r.current.completeExplain(e, {
+          plan: o?.plan || void 0,
+          rows: o?.rows || void 0
+        });
+      } catch (o) {
+        console.warn("[ss] Query explain failed:", o), r.current.failExplain(
+          e,
+          o instanceof Error ? o.message : String(o)
+        );
+      }
+      n();
+    },
+    [C, n]
+  ), k = s(() => {
+    r.current.clearExplain(), n();
+  }, [n]), m = a === "grouped" ? d?.groups || [] : d || [], l = w(() => a !== "grouped" ? m : m.map((e) => {
+    const t = { ...e };
+    return t.sqlNormalized ??= i(e, "sql_normalized", "pattern") ?? void 0, t.count ??= i(e, "total_count"), t.avgDuration ??= i(e, "avg_duration"), t.maxDuration ??= i(e, "max_duration"), t.minDuration ??= i(e, "min_duration"), t.totalDuration ??= i(e, "total_duration"), t.percentOfTotal ??= i(e, "pct_time"), t;
+  }), [m, a]), N = w(() => {
+    if (a === "grouped")
+      return `${l.length} query patterns`;
+    const e = V(l, p ?? void 0), t = [`${e.totalCount} queries`];
+    return e.slowCount > 0 && t.push(`${e.slowCount} slow`), e.dupCount > 0 && t.push(`${e.dupCount} dup`), t.push(`avg ${(e.avgDuration || 0).toFixed(1)}ms`), t.join(", ");
+  }, [a, l, p]);
+  return /* @__PURE__ */ g(
+    F,
+    {
+      mode: "dashboard",
+      controllerState: h,
+      queries: l,
+      meta: p,
+      isLoading: y && !d,
+      onSearchChange: D,
+      onSort: _,
+      onToggleExpand: $,
+      onViewModeChange: c,
+      onPageChange: u,
+      onExplain: M,
+      onCloseExplain: k,
+      summary: N,
+      filterBarChildren: /* @__PURE__ */ j("div", { className: "ss-dash-btn-group", children: [
+        /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            className: `ss-dash-btn ${a === "list" ? "ss-dash-active" : ""}`,
+            onClick: () => c("list"),
+            children: "List"
+          }
+        ),
+        /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            className: `ss-dash-btn ${a === "grouped" ? "ss-dash-active" : ""}`,
+            onClick: () => c("grouped"),
+            children: "Grouped"
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  O as QueriesSection,
+  O as default
+};

package/dist/react/QueriesTab-C7CCwhVc.js

@@ -0,0 +1,87 @@
+import { jsx as S, jsxs as w, Fragment as N } from "react/jsx-runtime";
+import { useRef as L, useState as R, useCallback as o, useMemo as l } from "react";
+import { QueriesController as q, filterQueries as z, countDuplicateQueries as A, computeQuerySummary as B, formatDuration as F } from "adonisjs-server-stats/core";
+import { u as M } from "./index-CAUHa8QX.js";
+import { Q as U } from "./QueriesContent-BDIx8zFn.js";
+function P({ options: m }) {
+  const { baseUrl: d = "", debugEndpoint: g = "/admin/api/debug", authToken: c } = m || {}, { data: u, isLoading: Q, error: h } = M("queries", m), e = L(new q("list")), [f, b] = R(e.current.state), t = o(() => {
+    b({ ...e.current.state });
+  }, []), { search: x } = f, y = o(
+    (r) => {
+      e.current.setSearch(r), t();
+    },
+    [t]
+  ), $ = o(
+    (r) => {
+      e.current.toggleExpand(r), t();
+    },
+    [t]
+  ), v = o((r) => {
+  }, []), D = o(
+    async (r) => {
+      const C = e.current.getExplainState(r);
+      if (C && !C.loading) {
+        e.current.clearExplain(), t();
+        return;
+      }
+      e.current.startExplain(r), t();
+      try {
+        const n = {};
+        c && (n.Authorization = `Bearer ${c}`);
+        const k = `${d}${g}/queries/${r}/explain`, a = await (await fetch(k, { headers: n })).json();
+        a && a.error ? e.current.completeExplain(r, {
+          rows: [],
+          error: a.error,
+          message: a.message
+        }) : e.current.completeExplain(r, {
+          plan: a?.plan || void 0,
+          rows: a?.rows || void 0
+        });
+      } catch (n) {
+        console.warn("[ss] Query explain failed:", n), e.current.failExplain(
+          r,
+          n instanceof Error ? n.message : String(n)
+        );
+      }
+      t();
+    },
+    [d, g, c, t]
+  ), T = o(() => {
+    e.current.clearExplain(), t();
+  }, [t]), s = l(() => u?.queries || [], [u]), p = l(() => z(s, x), [s, x]), E = l(() => A(s), [s]), i = l(
+    () => B(s, E),
+    [s, E]
+  );
+  if (Q && !u)
+    return /* @__PURE__ */ S("div", { className: "ss-dash-empty", children: "Loading queries..." });
+  if (h)
+    return /* @__PURE__ */ w("div", { className: "ss-dash-empty", children: [
+      "Error: ",
+      h.message
+    ] });
+  const j = /* @__PURE__ */ w(N, { children: [
+    p.length,
+    " queries",
+    i.slowCount > 0 && ` | ${i.slowCount} slow`,
+    i.dupCount > 0 && ` | ${i.dupCount} dup`,
+    p.length > 0 && ` | avg ${F(i.avgDuration)}`
+  ] });
+  return /* @__PURE__ */ S(
+    U,
+    {
+      mode: "debug",
+      controllerState: f,
+      queries: p,
+      onSearchChange: y,
+      onSort: v,
+      onToggleExpand: $,
+      onExplain: D,
+      onCloseExplain: T,
+      summary: j
+    }
+  );
+}
+export {
+  P as QueriesTab,
+  P as default
+};

package/dist/react/{RequestsSection-DETN9oZb.js → RequestsSection-mENyeNsk.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-CAUHa8QX.js";
+import { S as H, R as J } from "./SplitPaneWrapper-DyRyH5Re.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-DjovlaNS.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-CAUHa8QX.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-CbQECiUc.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-CAUHa8QX.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-DyRyH5Re.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-Bdie9SFe.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-BKTFbsPe.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-CAUHa8QX.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-DyRyH5Re.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/components/shared/QueriesContent.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { QueriesControllerState } from '../../../core/queries-controller.js';
+interface QueriesContentProps {
+    /** Rendering mode — determines feature set (explain, pagination, grouped). */
+    mode: 'dashboard' | 'debug';
+    controllerState: QueriesControllerState;
+    /** Query rows (untyped dashboard rows or typed QueryRecord[]). */
+    queries: Record<string, unknown>[];
+    /** Pagination metadata (dashboard only). */
+    meta?: {
+        page: number;
+        lastPage: number;
+        total: number;
+    } | null;
+    isLoading?: boolean;
+    onSearchChange: (search: string) => void;
+    onSort: (key: string) => void;
+    onToggleExpand: (id: number | string) => void;
+    onViewModeChange?: (mode: 'list' | 'grouped') => void;
+    onPageChange?: (page: number) => void;
+    onExplain?: (queryId: number) => void;
+    onCloseExplain?: () => void;
+    summary: React.ReactNode;
+    filterBarChildren?: React.ReactNode;
+}
+/**
+ * Shared queries rendering component used by both Dashboard QueriesSection
+ * and DebugPanel QueriesTab. Both modes render the same UI — same columns,
+ * same styles, same DataTable. The only differences: debug mode has no
+ * explain, no pagination, and no grouped view.
+ */
+export declare function QueriesContent({ mode, controllerState, queries, meta, isLoading, onSearchChange, onSort, onToggleExpand, onViewModeChange, onPageChange, onExplain, onCloseExplain, summary, filterBarChildren, }: QueriesContentProps): import("react/jsx-runtime").JSX.Element;
+export default QueriesContent;

package/dist/react/{index-DwDK-4oX.js → index-CAUHa8QX.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-C7CCwhVc.js")), me = L(() => import("./EventsTab-DF13BChE.js")), ve = L(() => import("./EmailsTab-BITuGTQm.js")), fe = L(() => import("./RoutesTab-CbQECiUc.js")), we = L(() => import("./LogsTab-DYSpL637.js")), ke = L(() => import("./TimelineTab-BKTFbsPe.js")), Ne = L(() => import("./CacheTab-D8js5o69.js")), ye = L(() => import("./JobsTab-DK8Fl9nz.js")), Ce = L(() => import("./ConfigTab-CDvljuBF.js")), Se = L(() => import("./InternalsTab--RD-L1dX.js")), Le = L(() => import("./CustomPaneTab-Db9eIQ-9.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-CuaccMZt.js")), Oe = L(() => import("./RequestsSection-mENyeNsk.js")), _e = L(() => import("./QueriesSection-CvGGh5Ij.js")), je = L(() => import("./EventsSection-7mDZv70I.js")), Pe = L(() => import("./RoutesSection-DjovlaNS.js")), He = L(() => import("./LogsSection-CrWqxWRr.js")), qe = L(() => import("./EmailsSection-D7oxvAjA.js")), Ue = L(() => import("./CacheSection-DZFOiOYH.js")), Fe = L(() => import("./JobsSection-B_VJFWy6.js")), Ae = L(() => import("./ConfigSection-DoJmvNkF.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-CAUHa8QX.js";
 export {
   s as Badge,
   t as DashboardPage,