adonisjs-server-stats 1.16.0 → 1.17.0

package/dist/react/{LogsTab-CJM47LPn.js → LogsTab-ixusY4v7.js}

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { useState as n, useMemo as x, useCallback as C } from "react";
 import { filterLogsByLevel as N, resolveLogRequestId as F, resolveLogMessage as k, LOG_LEVELS as w } from "adonisjs-server-stats/core";
-import { u as E } from "./index-DOSlCpZ9.js";
+import { u as E } from "./index-LlFvooUN.js";
 import { F as q } from "./FilterBar-CQ7bD669.js";
-import { L as R } from "./LogEntryRow-BWkHE51-.js";
+import { L as R } from "./LogEntryRow-Cn8Ee_X0.js";
 function K({ options: f }) {
   const { data: r, isLoading: p, error: g } = E("logs", f), [d, L] = n("all"), [a, h] = n(""), [l, m] = n(""), [b, y] = n(null), c = x(() => {
     let e = Array.isArray(r) ? r : r?.logs || r?.entries || [];

package/dist/react/{OverviewSection-DOMu2qvl.js → OverviewSection-CvhObTLP.js}

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as e } from "react/jsx-runtime";
-import { useState as A, useId as as, useRef as ls, useEffect as rs, useCallback as z } from "react";
-import { resolveMetric as k, formatDuration as S, durationClassName as G, resolveEventName as ts, resolveNormalizedSql as ds } from "adonisjs-server-stats/core";
-import { a as K, b as D } from "./index-DOSlCpZ9.js";
-import { T as is } from "./TimeAgoCell-o3KigGfM.js";
-const ns = [
+import { useContext as rs, useState as A, useId as ts, useRef as ls, useEffect as ds, useCallback as z } from "react";
+import { resolveMetric as k, formatDuration as S, durationClassName as G, resolveEventName as is, resolveNormalizedSql as ns } from "adonisjs-server-stats/core";
+import { O as cs, a as Y, b as D } from "./index-LlFvooUN.js";
+import { T as os } from "./TimeAgoCell-o3KigGfM.js";
+const hs = [
   { value: "5m", label: "5m" },
   { value: "15m", label: "15m" },
   { value: "30m", label: "30m" },
@@ -12,30 +12,30 @@ const ns = [
   { value: "24h", label: "24h" },
   { value: "7d", label: "7d" }
 ];
-function cs({ value: l, onChange: i, className: c = "" }) {
-  return /* @__PURE__ */ s("div", { className: `ss-dash-btn-group ${c}`, children: ns.map((n) => /* @__PURE__ */ s(
+function us({ value: r, onChange: l, className: c = "" }) {
+  return /* @__PURE__ */ s("div", { className: `ss-dash-btn-group ${c}`, children: hs.map((n) => /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      className: `ss-dash-btn ${l === n.value ? "ss-dash-active" : ""}`,
-      onClick: () => i(n.value),
+      className: `ss-dash-btn ${r === n.value ? "ss-dash-active" : ""}`,
+      onClick: () => l(n.value),
       children: n.label
     },
     n.value
   )) });
 }
-function os(l, i) {
-  if (l <= 0) return [0];
-  const c = l / i, n = Math.pow(10, Math.floor(Math.log10(c))), m = c / n;
+function ms(r, l) {
+  if (r <= 0) return [0];
+  const c = r / l, n = Math.pow(10, Math.floor(Math.log10(c))), u = c / n;
   let o;
-  m <= 1 ? o = n : m <= 2 ? o = 2 * n : m <= 5 ? o = 5 * n : o = 10 * n;
+  u <= 1 ? o = n : u <= 2 ? o = 2 * n : u <= 5 ? o = 5 * n : o = 10 * n;
   const a = [];
-  for (let g = o; g <= l + o * 0.5; g += o) a.push(Math.round(g));
-  return a.length === 0 && a.push(Math.ceil(l)), a;
+  for (let g = o; g <= r + o * 0.5; g += o) a.push(Math.round(g));
+  return a.length === 0 && a.push(Math.ceil(r)), a;
 }
-function V(l) {
+function K(r) {
   try {
-    return new Date(l).toLocaleTimeString("en-US", {
+    return new Date(r).toLocaleTimeString("en-US", {
       hour12: !1,
       hour: "2-digit",
       minute: "2-digit"
@@ -44,41 +44,41 @@ function V(l) {
     return "";
   }
 }
-function Y(l) {
-  if (l.length === 0) return "";
-  if (l.length === 1) return `M${l[0].x},${l[0].y}`;
-  let i = `M${l[0].x.toFixed(1)},${l[0].y.toFixed(1)}`;
-  for (let c = 0; c < l.length - 1; c++) {
-    const n = l[c], m = l[c + 1], o = (n.x + m.x) / 2;
-    i += ` C${o.toFixed(1)},${n.y.toFixed(1)} ${o.toFixed(1)},${m.y.toFixed(1)} ${m.x.toFixed(1)},${m.y.toFixed(1)}`;
+function V(r) {
+  if (r.length === 0) return "";
+  if (r.length === 1) return `M${r[0].x},${r[0].y}`;
+  let l = `M${r[0].x.toFixed(1)},${r[0].y.toFixed(1)}`;
+  for (let c = 0; c < r.length - 1; c++) {
+    const n = r[c], u = r[c + 1], o = (n.x + u.x) / 2;
+    l += ` C${o.toFixed(1)},${n.y.toFixed(1)} ${o.toFixed(1)},${u.y.toFixed(1)} ${u.x.toFixed(1)},${u.y.toFixed(1)}`;
   }
-  return i;
+  return l;
 }
-function hs({ chartPoints: l }) {
-  const i = { top: 12, right: 12, bottom: 28, left: 38 }, c = 220, n = as(), m = `ss-cg-total-${n}`, o = `ss-cg-error-${n}`, a = ls(null), [g, b] = A(0);
-  rs(() => {
-    const d = a.current;
-    if (!d) return;
-    b(d.clientWidth);
-    const r = new ResizeObserver((w) => {
+function vs({ chartPoints: r }) {
+  const l = { top: 12, right: 12, bottom: 28, left: 38 }, c = 220, n = ts(), u = `ss-cg-total-${n}`, o = `ss-cg-error-${n}`, a = ls(null), [g, b] = A(0);
+  ds(() => {
+    const i = a.current;
+    if (!i) return;
+    b(i.clientWidth);
+    const t = new ResizeObserver((w) => {
       for (const j of w)
         b(j.contentRect.width);
     });
-    return r.observe(d), () => r.disconnect();
+    return t.observe(i), () => t.disconnect();
   }, []);
-  const f = g || 600, M = f - i.left - i.right, x = c - i.top - i.bottom, q = i.top + x, u = l.map((d) => k(d, "requestCount", "request_count") || d.total || 0), v = l.map((d) => k(d, "errorCount", "error_count")), E = Math.max(...u, 1), C = Math.ceil(E * 1.1), L = v.some((d) => d > 0), R = os(C, 4), t = R.length > 0 ? R[R.length - 1] : C, y = (d) => i.left + d / Math.max(l.length - 1, 1) * M, h = (d) => i.top + x - d / (t || 1) * x, N = l.map((d, r) => ({ x: y(r), y: h(u[r]) })), $ = l.map((d, r) => ({ x: y(r), y: h(v[r]) })), T = Y(N), F = L ? Y($) : "", _ = N.length > 1 ? `${T} L${N[N.length - 1].x.toFixed(1)},${q} L${N[0].x.toFixed(1)},${q} Z` : "", W = L && $.length > 1 ? `${F} L${$[$.length - 1].x.toFixed(1)},${q} L${$[0].x.toFixed(1)},${q} Z` : "", Z = Math.min(10, l.length), J = Math.max(1, Math.ceil(l.length / Z)), [p, I] = A({ visible: !1, x: 0, idx: -1 }), X = z(
-    (d) => {
-      const r = N[d].x;
-      I({ visible: !0, x: r, idx: d });
+  const f = g || 600, C = f - l.left - l.right, x = c - l.top - l.bottom, q = l.top + x, m = r.map((i) => k(i, "requestCount", "request_count") || i.total || 0), v = r.map((i) => k(i, "errorCount", "error_count")), E = Math.max(...m, 1), L = Math.ceil(E * 1.1), M = v.some((i) => i > 0), R = ms(L, 4), d = R.length > 0 ? R[R.length - 1] : L, y = (i) => l.left + i / Math.max(r.length - 1, 1) * C, h = (i) => l.top + x - i / (d || 1) * x, N = r.map((i, t) => ({ x: y(t), y: h(m[t]) })), $ = r.map((i, t) => ({ x: y(t), y: h(v[t]) })), T = V(N), F = M ? V($) : "", _ = N.length > 1 ? `${T} L${N[N.length - 1].x.toFixed(1)},${q} L${N[0].x.toFixed(1)},${q} Z` : "", W = M && $.length > 1 ? `${F} L${$[$.length - 1].x.toFixed(1)},${q} L${$[0].x.toFixed(1)},${q} Z` : "", J = Math.min(10, r.length), X = Math.max(1, Math.ceil(r.length / J)), [p, O] = A({ visible: !1, x: 0, idx: -1 }), P = z(
+    (i) => {
+      const t = N[i].x;
+      O({ visible: !0, x: t, idx: i });
     },
     [N]
-  ), P = z(() => {
-    I({ visible: !1, x: 0, idx: -1 });
-  }, []), H = 120, ss = p.visible ? Math.max(H / 2, Math.min(p.x, f - H / 2)) : 0;
+  ), ss = z(() => {
+    O({ visible: !1, x: 0, idx: -1 });
+  }, []), I = 120, es = p.visible ? Math.max(I / 2, Math.min(p.x, f - I / 2)) : 0;
   return /* @__PURE__ */ e("div", { ref: a, style: { position: "relative" }, children: [
     /* @__PURE__ */ e("svg", { viewBox: `0 0 ${f} ${c}`, className: "ss-dash-chart-svg", children: [
       /* @__PURE__ */ e("defs", { children: [
-        /* @__PURE__ */ e("linearGradient", { id: m, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e("linearGradient", { id: u, x1: "0", y1: "0", x2: "0", y2: "1", children: [
           /* @__PURE__ */ s("stop", { offset: "0%", stopColor: "var(--ss-accent)", stopOpacity: 0.3 }),
           /* @__PURE__ */ s("stop", { offset: "100%", stopColor: "var(--ss-accent)", stopOpacity: 0.02 })
         ] }),
@@ -87,16 +87,16 @@ function hs({ chartPoints: l }) {
           /* @__PURE__ */ s("stop", { offset: "100%", stopColor: "var(--ss-red-fg)", stopOpacity: 0.02 })
         ] })
       ] }),
-      R.map((d) => {
-        const r = h(d);
+      R.map((i) => {
+        const t = h(i);
         return /* @__PURE__ */ e("g", { children: [
           /* @__PURE__ */ s(
             "line",
             {
-              x1: i.left,
-              y1: r,
-              x2: f - i.right,
-              y2: r,
+              x1: l.left,
+              y1: t,
+              x2: f - l.right,
+              y2: t,
               stroke: "var(--ss-border-faint)",
               strokeWidth: 0.5,
               strokeDasharray: "3,3"
@@ -105,18 +105,18 @@ function hs({ chartPoints: l }) {
           /* @__PURE__ */ s(
             "text",
             {
-              x: i.left - 6,
-              y: r,
+              x: l.left - 6,
+              y: t,
               textAnchor: "end",
               fill: "var(--ss-dim)",
               fontSize: 9,
               dominantBaseline: "middle",
-              children: d
+              children: i
             }
           )
-        ] }, `ytick-${d}`);
+        ] }, `ytick-${i}`);
       }),
-      _ && /* @__PURE__ */ s("path", { d: _, fill: `url(#${m})` }),
+      _ && /* @__PURE__ */ s("path", { d: _, fill: `url(#${u})` }),
       T && /* @__PURE__ */ s(
         "path",
         {
@@ -141,34 +141,34 @@ function hs({ chartPoints: l }) {
           strokeDasharray: "4,2"
         }
       ),
-      l.map((d, r) => {
-        const w = u[r], j = v[r], Q = N[r].x, es = N[r].y, B = M / (l.length || 1), O = p.visible && p.idx === r, U = p.visible && p.idx !== r;
+      r.map((i, t) => {
+        const w = m[t], j = v[t], Q = N[t].x, as = N[t].y, B = C / (r.length || 1), H = p.visible && p.idx === t, U = p.visible && p.idx !== t;
         return /* @__PURE__ */ e("g", { children: [
           /* @__PURE__ */ s(
             "rect",
             {
               x: Q - B / 2,
-              y: i.top,
+              y: l.top,
               width: B,
               height: x,
               fill: "transparent",
               className: "ss-dash-chart-hover-zone",
-              "data-idx": r,
-              onMouseEnter: () => X(r),
-              onMouseLeave: P
+              "data-idx": t,
+              onMouseEnter: () => P(t),
+              onMouseLeave: ss
             }
           ),
           w > 0 && /* @__PURE__ */ s(
             "circle",
             {
               cx: Q,
-              cy: es,
-              r: O ? 4 : 2.5,
+              cy: as,
+              r: H ? 4 : 2.5,
               fill: "var(--ss-accent)",
               stroke: "var(--ss-surface)",
               strokeWidth: 1,
               className: "ss-dash-chart-dot",
-              "data-idx": r,
+              "data-idx": t,
               opacity: U ? 0.3 : 1
             }
           ),
@@ -176,32 +176,32 @@ function hs({ chartPoints: l }) {
             "circle",
             {
               cx: Q,
-              cy: $[r].y,
-              r: O ? 3.5 : 2,
+              cy: $[t].y,
+              r: H ? 3.5 : 2,
               fill: "var(--ss-red-fg)",
               stroke: "var(--ss-surface)",
               strokeWidth: 1,
               className: "ss-dash-chart-dot ss-dash-chart-dot-err",
-              "data-idx": r,
+              "data-idx": t,
               opacity: U ? 0.3 : 1
             }
           )
-        ] }, r);
+        ] }, t);
       }),
-      l.map((d, r) => {
-        if (r % J !== 0 && r !== l.length - 1) return null;
-        const w = V(d.bucket);
+      r.map((i, t) => {
+        if (t % X !== 0 && t !== r.length - 1) return null;
+        const w = K(i.bucket);
         return w ? /* @__PURE__ */ s(
           "text",
           {
-            x: y(r),
+            x: y(t),
             y: c - 6,
             textAnchor: "middle",
             fill: "var(--ss-dim)",
             fontSize: 9,
             children: w
           },
-          `xlabel-${r}`
+          `xlabel-${t}`
         ) : null;
       })
     ] }),
@@ -210,15 +210,15 @@ function hs({ chartPoints: l }) {
       {
         className: "ss-dash-chart-tooltip",
         style: {
-          left: ss,
-          top: i.top - 4,
+          left: es,
+          top: l.top - 4,
           transform: "translate(-50%, -100%)"
         },
         children: [
-          /* @__PURE__ */ s("div", { children: V(l[p.idx].bucket) }),
+          /* @__PURE__ */ s("div", { children: K(r[p.idx].bucket) }),
           /* @__PURE__ */ e("div", { children: [
             "Requests: ",
-            u[p.idx]
+            m[p.idx]
           ] }),
           v[p.idx] > 0 && /* @__PURE__ */ e("div", { style: { color: "var(--ss-red-fg)" }, children: [
             "Errors: ",
@@ -229,14 +229,22 @@ function hs({ chartPoints: l }) {
     )
   ] });
 }
-function ys({ options: l = {} }) {
-  const [i, c] = A("1h"), { data: n, isLoading: m } = K("overview", l), { data: o } = K("overview/chart", {
-    ...l,
-    timeRange: i
+function ws({ options: r = {} }) {
+  const l = rs(cs);
+  return l ? /* @__PURE__ */ s(Z, { options: r, overview: l.data, isLoading: l.isLoading }) : /* @__PURE__ */ s(ps, { options: r });
+}
+function ps({ options: r }) {
+  const { data: l, isLoading: c } = Y("overview", r);
+  return /* @__PURE__ */ s(Z, { options: r, overview: l, isLoading: c });
+}
+function Z({ options: r, overview: l, isLoading: c }) {
+  const [n, u] = A("1h"), { data: o } = Y("overview/chart", {
+    ...r,
+    timeRange: n
   });
-  if (m && !n)
+  if (c && !l)
     return /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading overview..." });
-  const a = n || {
+  const a = l || {
     avgResponseTime: 0,
     p95ResponseTime: 0,
     requestsPerMinute: 0,
@@ -252,7 +260,7 @@ function ys({ options: l = {} }) {
     jobQueueStatus: null,
     statusDistribution: { "2xx": 0, "3xx": 0, "4xx": 0, "5xx": 0 },
     slowestQueries: []
-  }, g = a, b = k(g, "avgResponseTime", "avg_response_time"), f = k(g, "p95ResponseTime", "p95_response_time"), M = k(g, "requestsPerMinute", "requests_per_minute"), x = k(g, "errorRate", "error_rate"), u = k(g, "totalRequests", "total_requests") > 0, v = o?.buckets || [], E = a.sparklines?.avgResponseTime ?? v.map((t) => t.avgDuration ?? 0), C = a.sparklines?.p95ResponseTime ?? v.map((t) => t.p95Duration ?? 0), L = a.sparklines?.requestsPerMinute ?? v.map((t) => t.requestCount ?? 0), R = a.sparklines?.errorRate ?? v.map((t) => t.errorCount ?? 0);
+  }, g = a, b = k(g, "avgResponseTime", "avg_response_time"), f = k(g, "p95ResponseTime", "p95_response_time"), C = k(g, "requestsPerMinute", "requests_per_minute"), x = k(g, "errorRate", "error_rate"), m = k(g, "totalRequests", "total_requests") > 0, v = o?.buckets || [], E = a.sparklines?.avgResponseTime ?? v.map((d) => d.avgDuration ?? 0), L = a.sparklines?.p95ResponseTime ?? v.map((d) => d.p95Duration ?? 0), M = a.sparklines?.requestsPerMinute ?? v.map((d) => d.requestCount ?? 0), R = a.sparklines?.errorRate ?? v.map((d) => d.errorCount ?? 0);
   return /* @__PURE__ */ e("div", { className: "ss-dash-overview", children: [
     /* @__PURE__ */ e("div", { className: "ss-dash-cards", children: [
       /* @__PURE__ */ e("div", { className: "ss-dash-card", children: [
@@ -260,8 +268,8 @@ function ys({ options: l = {} }) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: `ss-dash-card-value ${u ? b > 500 ? "ss-dash-red" : b > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
-            children: u ? S(b) : "-"
+            className: `ss-dash-card-value ${m ? b > 500 ? "ss-dash-red" : b > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
+            children: m ? S(b) : "-"
           }
         ),
         /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: E, color: "#34d399", width: 160, height: 40 }) })
@@ -271,24 +279,24 @@ function ys({ options: l = {} }) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: `ss-dash-card-value ${u ? f > 500 ? "ss-dash-red" : f > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
-            children: u ? S(f) : "-"
+            className: `ss-dash-card-value ${m ? f > 500 ? "ss-dash-red" : f > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
+            children: m ? S(f) : "-"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: C, color: "#60a5fa", width: 160, height: 40 }) })
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: L, color: "#60a5fa", width: 160, height: 40 }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-card-title", children: "Requests / min" }),
-        /* @__PURE__ */ s("div", { className: `ss-dash-card-value ${u ? "ss-dash-accent" : "ss-dash-dim"}`, children: u ? M.toFixed(1) : "-" }),
-        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: L, color: "#34d399", width: 160, height: 40 }) })
+        /* @__PURE__ */ s("div", { className: `ss-dash-card-value ${m ? "ss-dash-accent" : "ss-dash-dim"}`, children: m ? C.toFixed(1) : "-" }),
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: M, color: "#34d399", width: 160, height: 40 }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-card-title", children: "Error Rate" }),
         /* @__PURE__ */ s(
           "div",
           {
-            className: `ss-dash-card-value ${u ? x > 5 ? "ss-dash-red" : x > 1 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
-            children: u ? `${x.toFixed(1)}%` : "-"
+            className: `ss-dash-card-value ${m ? x > 5 ? "ss-dash-red" : x > 1 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
+            children: m ? `${x.toFixed(1)}%` : "-"
           }
         ),
         /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: R, color: "#f87171", width: 160, height: 40 }) })
@@ -297,15 +305,15 @@ function ys({ options: l = {} }) {
     /* @__PURE__ */ e("div", { className: "ss-dash-chart-container", children: [
       /* @__PURE__ */ e("div", { className: "ss-dash-chart-header", children: [
         /* @__PURE__ */ s("span", { className: "ss-dash-chart-title", children: "Request Volume" }),
-        /* @__PURE__ */ s(cs, { value: i, onChange: c })
+        /* @__PURE__ */ s(us, { value: n, onChange: u })
       ] }),
-      /* @__PURE__ */ s("div", { className: "ss-dash-chart", id: "ss-dash-chart-area", children: v.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "120px" }, children: "No data for this range" }) : /* @__PURE__ */ s(hs, { chartPoints: v }) }),
+      /* @__PURE__ */ s("div", { className: "ss-dash-chart", id: "ss-dash-chart-area", children: v.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "120px" }, children: "No data for this range" }) : /* @__PURE__ */ s(vs, { chartPoints: v }) }),
       /* @__PURE__ */ e("div", { className: "ss-dash-chart-legend", id: "ss-dash-chart-legend", children: [
         /* @__PURE__ */ e("span", { className: "ss-dash-chart-legend-item", children: [
           /* @__PURE__ */ s("span", { className: "ss-dash-legend-dot", style: { background: "var(--ss-accent)" } }),
           "Requests"
         ] }),
-        v.some((t) => (t.errorCount ?? 0) > 0) && /* @__PURE__ */ e("span", { className: "ss-dash-chart-legend-item", children: [
+        v.some((d) => (d.errorCount ?? 0) > 0) && /* @__PURE__ */ e("span", { className: "ss-dash-chart-legend-item", children: [
           /* @__PURE__ */ s("span", { className: "ss-dash-legend-dot", style: { background: "var(--ss-red-fg)" } }),
           "Errors"
         ] })
@@ -314,8 +322,8 @@ function ys({ options: l = {} }) {
     /* @__PURE__ */ e("div", { className: "ss-dash-secondary-cards", children: [
       /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#requests", className: "ss-dash-widget-link", children: "Slowest Endpoints" }) }),
-        a.slowestEndpoints.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No data yet" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.slowestEndpoints.slice(0, 5).map((t, y) => {
-          const h = t.url || t.pattern || "-";
+        a.slowestEndpoints.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No data yet" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.slowestEndpoints.slice(0, 5).map((d, y) => {
+          const h = d.url || d.pattern || "-";
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
             "a",
             {
@@ -326,8 +334,8 @@ function ys({ options: l = {} }) {
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    className: `ss-dash-secondary-list-value ss-dash-duration ${G(t.avgDuration)}`,
-                    children: S(t.avgDuration)
+                    className: `ss-dash-secondary-list-value ss-dash-duration ${G(d.avgDuration)}`,
+                    children: S(d.avgDuration)
                   }
                 )
               ]
@@ -354,12 +362,12 @@ function ys({ options: l = {} }) {
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#logs?level=error", className: "ss-dash-widget-link", children: "Recent Errors" }) }),
-        a.recentErrors.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No recent errors" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.recentErrors.map((t, y) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: `#logs?id=${t.id ?? ""}`, className: "ss-dash-widget-row-link", children: [
-          /* @__PURE__ */ s("span", { style: { color: "var(--ss-red-fg)" }, title: t.message, children: t.message }),
-          t.timestamp && /* @__PURE__ */ s(
-            is,
+        a.recentErrors.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No recent errors" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.recentErrors.map((d, y) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: `#logs?id=${d.id ?? ""}`, className: "ss-dash-widget-row-link", children: [
+          /* @__PURE__ */ s("span", { style: { color: "var(--ss-red-fg)" }, title: d.message, children: d.message }),
+          d.timestamp && /* @__PURE__ */ s(
+            os,
             {
-              ts: t.timestamp,
+              ts: d.timestamp,
               className: "ss-dash-secondary-list-value",
               style: { color: "var(--ss-dim)" }
             }
@@ -368,8 +376,8 @@ function ys({ options: l = {} }) {
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#events", className: "ss-dash-widget-link", children: "Top Events" }) }),
-        a.topEvents.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No events yet" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.topEvents.slice(0, 5).map((t, y) => {
-          const h = ts(t);
+        a.topEvents.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No events yet" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.topEvents.slice(0, 5).map((d, y) => {
+          const h = is(d);
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
             "a",
             {
@@ -377,7 +385,7 @@ function ys({ options: l = {} }) {
               className: "ss-dash-widget-row-link",
               children: [
                 /* @__PURE__ */ s("span", { children: h }),
-                /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: t.count })
+                /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: d.count })
               ]
             }
           ) }, y);
@@ -499,8 +507,8 @@ function ys({ options: l = {} }) {
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#queries", className: "ss-dash-widget-link", children: "Slowest Queries" }) }),
-        a.slowestQueries.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No query data yet" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.slowestQueries.slice(0, 5).map((t, y) => {
-          const h = ds(t) || "-";
+        a.slowestQueries.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "60px" }, children: "No query data yet" }) : /* @__PURE__ */ s("ul", { className: "ss-dash-secondary-list", children: a.slowestQueries.slice(0, 5).map((d, y) => {
+          const h = ns(d) || "-";
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
             "a",
             {
@@ -511,8 +519,8 @@ function ys({ options: l = {} }) {
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    className: `ss-dash-secondary-list-value ss-dash-duration ${G(t.avgDuration)}`,
-                    children: S(t.avgDuration)
+                    className: `ss-dash-secondary-list-value ss-dash-duration ${G(d.avgDuration)}`,
+                    children: S(d.avgDuration)
                   }
                 )
               ]
@@ -524,6 +532,6 @@ function ys({ options: l = {} }) {
   ] });
 }
 export {
-  ys as OverviewSection,
-  ys as default
+  ws as OverviewSection,
+  ws as default
 };

package/dist/react/{QueriesSection-DFsaOSJI.js → QueriesSection-BvledwBI.js}

@@ -1,7 +1,7 @@
 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-DOSlCpZ9.js";
+import { a as P } from "./index-LlFvooUN.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(() => {

package/dist/react/{QueriesTab-CY9CG_7L.js → QueriesTab-smQQJvJa.js}

@@ -1,7 +1,7 @@
 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-DOSlCpZ9.js";
+import { u as U } from "./index-LlFvooUN.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(() => {

package/dist/react/{RequestsSection-CC-eVHsl.js → RequestsSection-DKuYpViv.js}

@@ -3,8 +3,8 @@ import { useMemo as R, useState as g, useRef as W, useEffect as L, useCallback a
 import { normalizeTraceFields as z, resolveStatusCode as G, resolveDuration as I, durationClassName as U, resolveSpanCount as Y, resolveWarningCount as K, resolveTimestamp as V } from "adonisjs-server-stats/core";
 import { T as H } from "./TimeAgoCell-o3KigGfM.js";
 import { u as J } from "./useApiClient-CtEG7rHs.js";
-import { a as Q, M as A, S as F } from "./index-DOSlCpZ9.js";
-import { S as X, R as Z } from "./SplitPaneWrapper-XgkA0QxE.js";
+import { a as Q, M as A, S as F } from "./index-LlFvooUN.js";
+import { S as X, R as Z } from "./SplitPaneWrapper-DQvJnsuk.js";
 import { D as ee } from "./DataTable-YyShr5B-.js";
 import { F as te } from "./FilterBar-CQ7bD669.js";
 import { P as se } from "./Pagination-BkmzUDY8.js";

package/dist/react/{RoutesSection-p1DMq41y.js → RoutesSection-5RNVurQ6.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-DOSlCpZ9.js";
+import { a as u, M as f } from "./index-LlFvooUN.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-Cnqy8UcK.js → RoutesTab-CpXNO-Rx.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-DOSlCpZ9.js";
+import { u as b, M as f } from "./index-LlFvooUN.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-XgkA0QxE.js → SplitPaneWrapper-DQvJnsuk.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-BWkHE51-.js";
+import { L as p } from "./LogEntryRow-Cn8Ee_X0.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-1YOERxe5.js → TimelineTab-LHQHHKkO.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-CtEG7rHs.js";
-import { u as W, M as D, S as L } from "./index-DOSlCpZ9.js";
+import { u as W, M as D, S as L } from "./index-LlFvooUN.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-XgkA0QxE.js";
+import { S as K, R as V } from "./SplitPaneWrapper-DQvJnsuk.js";
 const S = {
   request: "#1e3a5f",
   middleware: "rgba(30, 58, 95, 0.7)",

package/dist/react/components/Dashboard/overview-data-context.d.ts

@@ -0,0 +1,15 @@
+import { OverviewMetrics } from '../../../core/types.js';
+/**
+ * Shared `overview` poller data, provided by {@link DashboardPage} so the
+ * sidebar badges and {@link OverviewSection} read from a single poller
+ * instead of running two concurrent 5s pollers against the same endpoint.
+ *
+ * `undefined` (the default) means no provider is present — consumers fall
+ * back to their own `useDashboardData` call so a section still works when
+ * mounted standalone.
+ */
+export interface OverviewDataContextValue {
+    data: OverviewMetrics | null;
+    isLoading: boolean;
+}
+export declare const OverviewDataContext: import('react').Context<OverviewDataContextValue | undefined>;

package/dist/react/components/Dashboard/sections/OverviewSection.d.ts

@@ -2,5 +2,14 @@ import { DashboardHookOptions } from '../../../../core/types.js';
 interface OverviewSectionProps {
     options?: DashboardHookOptions;
 }
+/**
+ * Reuses the shared `overview` poller provided by DashboardPage (used for the
+ * sidebar badges) so the dashboard doesn't run a second concurrent poller
+ * against the same endpoint. Falls back to its own poller — via
+ * {@link OverviewSectionStandalone} — when rendered without a provider (e.g.
+ * mounted standalone outside DashboardPage). The conditional is on which
+ * component renders, not which hooks run, so each component's hooks stay
+ * unconditional.
+ */
 export declare function OverviewSection({ options }: OverviewSectionProps): import("react/jsx-runtime").JSX.Element;
 export default OverviewSection;