adonisjs-server-stats 1.11.7 → 1.12.1

package/dist/react/QueriesSection-Dz4Eird3.js

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

package/dist/react/QueriesTab-CGMtuFFF.js

@@ -0,0 +1,87 @@
+import { jsx as S, jsxs as w, Fragment as L } from "react/jsx-runtime";
+import { useRef as M, 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 U } from "./index-LkZK--Bi.js";
+import { Q as _ } from "./QueriesContent-BDIx8zFn.js";
+function V({ options: m }) {
+  const { baseUrl: d = "", debugEndpoint: g = "/admin/api/debug", authToken: c } = m || {}, { data: u, isLoading: Q, error: h } = U("queries", m), e = M(new q("list")), [f, $] = R(e.current.state), n = o(() => {
+    $({ ...e.current.state });
+  }, []), { search: x } = f, b = o(
+    (r) => {
+      e.current.setSearch(r), n();
+    },
+    [n]
+  ), y = o(
+    (r) => {
+      e.current.toggleExpand(r), n();
+    },
+    [n]
+  ), v = o((r) => {
+  }, []), D = o(
+    async (r) => {
+      const C = e.current.getExplainState(r);
+      if (C && !C.loading) {
+        e.current.clearExplain(), n();
+        return;
+      }
+      e.current.startExplain(r), n();
+      try {
+        const s = {};
+        c && (s.Authorization = `Bearer ${c}`);
+        const k = `${d}${g}/queries/${r}/explain`, t = await (await fetch(k, { headers: s })).json();
+        if (t && t.error) {
+          const N = t.message ? `${t.error}: ${t.message}` : t.error;
+          e.current.failExplain(r, N);
+        } else
+          e.current.completeExplain(r, {
+            plan: t?.plan || void 0,
+            rows: t?.rows || void 0
+          });
+      } catch (s) {
+        console.warn("[ss] Query explain failed:", s), e.current.failExplain(
+          r,
+          s instanceof Error ? s.message : String(s)
+        );
+      }
+      n();
+    },
+    [d, g, c, n]
+  ), T = o(() => {
+    e.current.clearExplain(), n();
+  }, [n]), a = l(() => u?.queries || [], [u]), p = l(() => z(a, x), [a, x]), E = l(() => A(a), [a]), i = l(
+    () => B(a, E),
+    [a, 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(L, { 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(
+    _,
+    {
+      mode: "debug",
+      controllerState: f,
+      queries: p,
+      onSearchChange: b,
+      onSort: v,
+      onToggleExpand: y,
+      onExplain: D,
+      onCloseExplain: T,
+      summary: j
+    }
+  );
+}
+export {
+  V as QueriesTab,
+  V as default
+};

package/dist/react/{RequestsSection-Cb5YeqvI.js → RequestsSection-CrwlbkXj.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-C4EMJrkH.js";
-import { S as H, R as J } from "./SplitPaneWrapper-B05Mg6Sg.js";
+import { a as V, M as D, S as R } from "./index-LkZK--Bi.js";
+import { S as H, R as J } from "./SplitPaneWrapper-CIygm7YI.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-B43olD9v.js → RoutesSection-DNmTM3w6.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-C4EMJrkH.js";
+import { a as u, M as f } from "./index-LkZK--Bi.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-RfhCUbkx.js → RoutesTab-BS4PNbRf.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-C4EMJrkH.js";
+import { u as b, M as f } from "./index-LkZK--Bi.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-B05Mg6Sg.js → SplitPaneWrapper-CIygm7YI.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-DFI52ZEw.js";
+import { L as p } from "./LogEntryRow-CkS9LMbl.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-Dx4686Ti.js → TimelineTab-M3wrwrmF.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-C4EMJrkH.js";
+import { u as W, M as D, S as L } from "./index-LkZK--Bi.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-B05Mg6Sg.js";
+import { S as K, R as V } from "./SplitPaneWrapper-CIygm7YI.js";
 const S = {
   request: "#1e3a5f",
   middleware: "rgba(30, 58, 95, 0.7)",

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-C4EMJrkH.js → index-LkZK--Bi.js}

@@ -435,7 +435,7 @@ function A({
     }
   );
 }
-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"));
+const ge = L(() => import("./QueriesTab-CGMtuFFF.js")), me = L(() => import("./EventsTab-BUNTKy9p.js")), ve = L(() => import("./EmailsTab-zZ4ucCv5.js")), fe = L(() => import("./RoutesTab-BS4PNbRf.js")), we = L(() => import("./LogsTab-TChjBgV3.js")), ke = L(() => import("./TimelineTab-M3wrwrmF.js")), Ne = L(() => import("./CacheTab-B1wjTs64.js")), ye = L(() => import("./JobsTab-CGrcuRPt.js")), Ce = L(() => import("./ConfigTab-B4E7Pitz.js")), Se = L(() => import("./InternalsTab--RD-L1dX.js")), Le = L(() => import("./CustomPaneTab-iP7K6TLu.js"));
 function Qe(s) {
   const {
     defaultOpen: o = !1,
@@ -724,7 +724,7 @@ const De = [
   "jobs",
   "config",
   "internals"
-], 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"));
+], Re = L(() => import("./OverviewSection-DhU9kO4C.js")), Oe = L(() => import("./RequestsSection-CrwlbkXj.js")), _e = L(() => import("./QueriesSection-Dz4Eird3.js")), je = L(() => import("./EventsSection-CbGz-b_I.js")), Pe = L(() => import("./RoutesSection-DNmTM3w6.js")), He = L(() => import("./LogsSection-BhS0Orbh.js")), qe = L(() => import("./EmailsSection-hUkyUnKo.js")), Ue = L(() => import("./CacheSection-ewL3Ss82.js")), Fe = L(() => import("./JobsSection-D10TwmEZ.js")), Ae = L(() => import("./ConfigSection-DAHu9mfy.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-C4EMJrkH.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-LkZK--Bi.js";
 export {
   s as Badge,
   t as DashboardPage,