adonisjs-server-stats 1.11.7 → 1.12.0

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-Cb5YeqvI.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-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-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-B43olD9v.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-C4EMJrkH.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-RfhCUbkx.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-C4EMJrkH.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-B05Mg6Sg.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-DFI52ZEw.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-Dx4686Ti.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-C4EMJrkH.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-B05Mg6Sg.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/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-CAUHa8QX.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-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-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-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-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-CAUHa8QX.js";
 export {
   s as Badge,
   t as DashboardPage,