adonisjs-server-stats 1.13.0 → 1.14.0

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

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as e } from "react/jsx-runtime";
-import { useState as T, useRef as P, useEffect as ss, useCallback as O } from "react";
-import { resolveMetric as k, formatDuration as S, durationClassName as U, resolveEventName as es, resolveNormalizedSql as as } from "adonisjs-server-stats/core";
-import { a as z, b as M } from "./index-CsprmgzI.js";
-import { T as ls } from "./TimeAgoCell-o3KigGfM.js";
-const rs = [
+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 = [
   { value: "5m", label: "5m" },
   { value: "15m", label: "15m" },
   { value: "30m", label: "30m" },
@@ -12,30 +12,30 @@ const rs = [
   { value: "24h", label: "24h" },
   { value: "7d", label: "7d" }
 ];
-function ts({ value: r, onChange: i, className: c = "" }) {
-  return /* @__PURE__ */ s("div", { className: `ss-dash-btn-group ${c}`, children: rs.map((n) => /* @__PURE__ */ s(
+function cs({ value: l, onChange: i, className: c = "" }) {
+  return /* @__PURE__ */ s("div", { className: `ss-dash-btn-group ${c}`, children: ns.map((n) => /* @__PURE__ */ s(
     "button",
     {
       type: "button",
-      className: `ss-dash-btn ${r === n.value ? "ss-dash-active" : ""}`,
+      className: `ss-dash-btn ${l === n.value ? "ss-dash-active" : ""}`,
       onClick: () => i(n.value),
       children: n.label
     },
     n.value
   )) });
 }
-function ds(r, i) {
-  if (r <= 0) return [0];
-  const c = r / i, n = Math.pow(10, Math.floor(Math.log10(c))), u = c / n;
+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;
   let o;
-  u <= 1 ? o = n : u <= 2 ? o = 2 * n : u <= 5 ? o = 5 * n : o = 10 * n;
+  m <= 1 ? o = n : m <= 2 ? o = 2 * n : m <= 5 ? o = 5 * n : o = 10 * n;
   const a = [];
-  for (let v = o; v <= r + o * 0.5; v += o) a.push(Math.round(v));
-  return a.length === 0 && a.push(Math.ceil(r)), 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;
 }
-function I(r) {
+function V(l) {
   try {
-    return new Date(r).toLocaleTimeString("en-US", {
+    return new Date(l).toLocaleTimeString("en-US", {
       hour12: !1,
       hour: "2-digit",
       minute: "2-digit"
@@ -44,59 +44,59 @@ function I(r) {
     return "";
   }
 }
-function G(r) {
-  if (r.length === 0) return "";
-  if (r.length === 1) return `M${r[0].x},${r[0].y}`;
-  let i = `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;
-    i += ` C${o.toFixed(1)},${n.y.toFixed(1)} ${o.toFixed(1)},${u.y.toFixed(1)} ${u.x.toFixed(1)},${u.y.toFixed(1)}`;
+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)}`;
   }
   return i;
 }
-function is({ chartPoints: r }) {
-  const i = { top: 12, right: 12, bottom: 28, left: 38 }, c = 220, n = P(null), [u, o] = T(0);
-  ss(() => {
-    const d = n.current;
+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;
-    o(d.clientWidth);
-    const t = new ResizeObserver((w) => {
-      for (const D of w)
-        o(D.contentRect.width);
+    b(d.clientWidth);
+    const r = new ResizeObserver((w) => {
+      for (const j of w)
+        b(j.contentRect.width);
     });
-    return t.observe(d), () => t.disconnect();
+    return r.observe(d), () => r.disconnect();
   }, []);
-  const a = u || 600, v = a - i.left - i.right, f = c - i.top - i.bottom, x = i.top + f, b = r.map((d) => k(d, "requestCount", "request_count") || d.total || 0), N = r.map((d) => k(d, "errorCount", "error_count")), F = Math.max(...b, 1), g = Math.ceil(F * 1.1), y = N.some((d) => d > 0), R = ds(g, 4), C = R.length > 0 ? R[R.length - 1] : g, q = (d) => i.left + d / Math.max(r.length - 1, 1) * v, $ = (d) => i.top + f - d / (C || 1) * f, l = r.map((d, t) => ({ x: q(t), y: $(b[t]) })), h = r.map((d, t) => ({ x: q(t), y: $(N[t]) })), m = G(l), L = y ? G(h) : "", j = l.length > 1 ? `${m} L${l[l.length - 1].x.toFixed(1)},${x} L${l[0].x.toFixed(1)},${x} Z` : "", Q = y && h.length > 1 ? `${L} L${h[h.length - 1].x.toFixed(1)},${x} L${h[0].x.toFixed(1)},${x} Z` : "", K = Math.min(10, r.length), V = Math.max(1, Math.ceil(r.length / K)), [p, A] = T({ visible: !1, x: 0, idx: -1 }), Y = O(
+  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 t = l[d].x;
-      A({ visible: !0, x: t, idx: d });
+      const r = N[d].x;
+      I({ visible: !0, x: r, idx: d });
     },
-    [l]
-  ), Z = O(() => {
-    A({ visible: !1, x: 0, idx: -1 });
-  }, []), _ = 120, J = p.visible ? Math.max(_ / 2, Math.min(p.x, a - _ / 2)) : 0;
-  return /* @__PURE__ */ e("div", { ref: n, style: { position: "relative" }, children: [
-    /* @__PURE__ */ e("svg", { viewBox: `0 0 ${a} ${c}`, className: "ss-dash-chart-svg", children: [
+    [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;
+  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: "ss-cg-total", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e("linearGradient", { id: m, 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 })
         ] }),
-        /* @__PURE__ */ e("linearGradient", { id: "ss-cg-error", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+        /* @__PURE__ */ e("linearGradient", { id: o, x1: "0", y1: "0", x2: "0", y2: "1", children: [
           /* @__PURE__ */ s("stop", { offset: "0%", stopColor: "var(--ss-red-fg)", stopOpacity: 0.35 }),
           /* @__PURE__ */ s("stop", { offset: "100%", stopColor: "var(--ss-red-fg)", stopOpacity: 0.02 })
         ] })
       ] }),
       R.map((d) => {
-        const t = $(d);
+        const r = h(d);
         return /* @__PURE__ */ e("g", { children: [
           /* @__PURE__ */ s(
             "line",
             {
               x1: i.left,
-              y1: t,
-              x2: a - i.right,
-              y2: t,
+              y1: r,
+              x2: f - i.right,
+              y2: r,
               stroke: "var(--ss-border-faint)",
               strokeWidth: 0.5,
               strokeDasharray: "3,3"
@@ -106,7 +106,7 @@ function is({ chartPoints: r }) {
             "text",
             {
               x: i.left - 6,
-              y: t,
+              y: r,
               textAnchor: "end",
               fill: "var(--ss-dim)",
               fontSize: 9,
@@ -116,11 +116,11 @@ function is({ chartPoints: r }) {
           )
         ] }, `ytick-${d}`);
       }),
-      j && /* @__PURE__ */ s("path", { d: j, fill: "url(#ss-cg-total)" }),
-      m && /* @__PURE__ */ s(
+      _ && /* @__PURE__ */ s("path", { d: _, fill: `url(#${m})` }),
+      T && /* @__PURE__ */ s(
         "path",
         {
-          d: m,
+          d: T,
           fill: "none",
           stroke: "var(--ss-accent)",
           strokeWidth: 1.5,
@@ -128,11 +128,11 @@ function is({ chartPoints: r }) {
           strokeLinecap: "round"
         }
       ),
-      Q && /* @__PURE__ */ s("path", { d: Q, fill: "url(#ss-cg-error)" }),
-      L && /* @__PURE__ */ s(
+      W && /* @__PURE__ */ s("path", { d: W, fill: `url(#${o})` }),
+      F && /* @__PURE__ */ s(
         "path",
         {
-          d: L,
+          d: F,
           fill: "none",
           stroke: "var(--ss-red-fg)",
           strokeWidth: 1.5,
@@ -141,67 +141,67 @@ function is({ chartPoints: r }) {
           strokeDasharray: "4,2"
         }
       ),
-      r.map((d, t) => {
-        const w = b[t], D = N[t], E = l[t].x, X = l[t].y, W = v / (r.length || 1), H = p.visible && p.idx === t, B = p.visible && p.idx !== t;
+      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;
         return /* @__PURE__ */ e("g", { children: [
           /* @__PURE__ */ s(
             "rect",
             {
-              x: E - W / 2,
+              x: Q - B / 2,
               y: i.top,
-              width: W,
-              height: f,
+              width: B,
+              height: x,
               fill: "transparent",
               className: "ss-dash-chart-hover-zone",
-              "data-idx": t,
-              onMouseEnter: () => Y(t),
-              onMouseLeave: Z
+              "data-idx": r,
+              onMouseEnter: () => X(r),
+              onMouseLeave: P
             }
           ),
           w > 0 && /* @__PURE__ */ s(
             "circle",
             {
-              cx: E,
-              cy: X,
-              r: H ? 4 : 2.5,
+              cx: Q,
+              cy: es,
+              r: O ? 4 : 2.5,
               fill: "var(--ss-accent)",
               stroke: "var(--ss-surface)",
               strokeWidth: 1,
               className: "ss-dash-chart-dot",
-              "data-idx": t,
-              opacity: B ? 0.3 : 1
+              "data-idx": r,
+              opacity: U ? 0.3 : 1
             }
           ),
-          D > 0 && /* @__PURE__ */ s(
+          j > 0 && /* @__PURE__ */ s(
             "circle",
             {
-              cx: E,
-              cy: h[t].y,
-              r: H ? 3.5 : 2,
+              cx: Q,
+              cy: $[r].y,
+              r: O ? 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": t,
-              opacity: B ? 0.3 : 1
+              "data-idx": r,
+              opacity: U ? 0.3 : 1
             }
           )
-        ] }, t);
+        ] }, r);
       }),
-      r.map((d, t) => {
-        if (t % V !== 0 && t !== r.length - 1) return null;
-        const w = I(d.bucket);
+      l.map((d, r) => {
+        if (r % J !== 0 && r !== l.length - 1) return null;
+        const w = V(d.bucket);
         return w ? /* @__PURE__ */ s(
           "text",
           {
-            x: q(t),
+            x: y(r),
             y: c - 6,
             textAnchor: "middle",
             fill: "var(--ss-dim)",
             fontSize: 9,
             children: w
           },
-          `xlabel-${t}`
+          `xlabel-${r}`
         ) : null;
       })
     ] }),
@@ -210,31 +210,31 @@ function is({ chartPoints: r }) {
       {
         className: "ss-dash-chart-tooltip",
         style: {
-          left: J,
+          left: ss,
           top: i.top - 4,
           transform: "translate(-50%, -100%)"
         },
         children: [
-          /* @__PURE__ */ s("div", { children: I(r[p.idx].bucket) }),
+          /* @__PURE__ */ s("div", { children: V(l[p.idx].bucket) }),
           /* @__PURE__ */ e("div", { children: [
             "Requests: ",
-            b[p.idx]
+            u[p.idx]
           ] }),
-          N[p.idx] > 0 && /* @__PURE__ */ e("div", { style: { color: "var(--ss-red-fg)" }, children: [
+          v[p.idx] > 0 && /* @__PURE__ */ e("div", { style: { color: "var(--ss-red-fg)" }, children: [
             "Errors: ",
-            N[p.idx]
+            v[p.idx]
           ] })
         ]
       }
     )
   ] });
 }
-function us({ options: r = {} }) {
-  const [i, c] = T("1h"), { data: n, isLoading: u } = z("overview", r), { data: o } = z("overview/chart", {
-    ...r,
+function ys({ options: l = {} }) {
+  const [i, c] = A("1h"), { data: n, isLoading: m } = K("overview", l), { data: o } = K("overview/chart", {
+    ...l,
     timeRange: i
   });
-  if (u && !n)
+  if (m && !n)
     return /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading overview..." });
   const a = n || {
     avgResponseTime: 0,
@@ -252,7 +252,7 @@ function us({ options: r = {} }) {
     jobQueueStatus: null,
     statusDistribution: { "2xx": 0, "3xx": 0, "4xx": 0, "5xx": 0 },
     slowestQueries: []
-  }, v = a, f = k(v, "avgResponseTime", "avg_response_time"), x = k(v, "p95ResponseTime", "p95_response_time"), b = k(v, "requestsPerMinute", "requests_per_minute"), N = k(v, "errorRate", "error_rate"), g = k(v, "totalRequests", "total_requests") > 0, y = o?.buckets || [], R = a.sparklines?.avgResponseTime ?? y.map((l) => l.avgDuration ?? 0), C = a.sparklines?.p95ResponseTime ?? y.map((l) => l.p95Duration ?? 0), q = a.sparklines?.requestsPerMinute ?? y.map((l) => l.requestCount ?? 0), $ = a.sparklines?.errorRate ?? y.map((l) => l.errorCount ?? 0);
+  }, 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);
   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,52 +260,52 @@ function us({ options: r = {} }) {
         /* @__PURE__ */ s(
           "div",
           {
-            className: `ss-dash-card-value ${g ? f > 500 ? "ss-dash-red" : f > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
-            children: g ? S(f) : "-"
+            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) : "-"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(M, { data: R, color: "#34d399", width: 160, height: 40 }) })
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: E, color: "#34d399", width: 160, height: 40 }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-card", children: [
         /* @__PURE__ */ s("div", { className: "ss-dash-card-title", children: "P95 Response Time" }),
         /* @__PURE__ */ s(
           "div",
           {
-            className: `ss-dash-card-value ${g ? x > 500 ? "ss-dash-red" : x > 200 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
-            children: g ? S(x) : "-"
+            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) : "-"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(M, { data: C, color: "#60a5fa", width: 160, height: 40 }) })
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: C, 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 ${g ? "ss-dash-accent" : "ss-dash-dim"}`, children: g ? b.toFixed(1) : "-" }),
-        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(M, { data: q, color: "#34d399", width: 160, height: 40 }) })
+        /* @__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__ */ 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 ${g ? N > 5 ? "ss-dash-red" : N > 1 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
-            children: g ? `${N.toFixed(1)}%` : "-"
+            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)}%` : "-"
           }
         ),
-        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(M, { data: $, color: "#f87171", width: 160, height: 40 }) })
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(D, { data: R, color: "#f87171", width: 160, height: 40 }) })
       ] })
     ] }),
     /* @__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(ts, { value: i, onChange: c })
+        /* @__PURE__ */ s(cs, { value: i, onChange: c })
       ] }),
-      /* @__PURE__ */ s("div", { className: "ss-dash-chart", id: "ss-dash-chart-area", children: y.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "120px" }, children: "No data for this range" }) : /* @__PURE__ */ s(is, { chartPoints: y }) }),
+      /* @__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__ */ 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"
         ] }),
-        y.some((l) => (l.errorCount ?? 0) > 0) && /* @__PURE__ */ e("span", { className: "ss-dash-chart-legend-item", children: [
+        v.some((t) => (t.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,25 +314,25 @@ function us({ options: r = {} }) {
     /* @__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((l, h) => {
-          const m = l.url || l.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((t, y) => {
+          const h = t.url || t.pattern || "-";
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
             "a",
             {
-              href: `#requests?url=${encodeURIComponent(m)}`,
+              href: `#requests?url=${encodeURIComponent(h)}`,
               className: "ss-dash-widget-row-link",
               children: [
-                /* @__PURE__ */ s("span", { title: m, children: m }),
+                /* @__PURE__ */ s("span", { title: h, children: h }),
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    className: `ss-dash-secondary-list-value ss-dash-duration ${U(l.avgDuration)}`,
-                    children: S(l.avgDuration)
+                    className: `ss-dash-secondary-list-value ss-dash-duration ${G(t.avgDuration)}`,
+                    children: S(t.avgDuration)
                   }
                 )
               ]
             }
-          ) }, h);
+          ) }, y);
         }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
@@ -354,33 +354,33 @@ function us({ options: r = {} }) {
       ] }),
       /* @__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((l, h) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: `#logs?id=${l.id ?? ""}`, className: "ss-dash-widget-row-link", children: [
-          /* @__PURE__ */ s("span", { style: { color: "var(--ss-red-fg)" }, title: l.message, children: l.message }),
-          l.timestamp && /* @__PURE__ */ s(
-            ls,
+        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,
             {
-              ts: l.timestamp,
+              ts: t.timestamp,
               className: "ss-dash-secondary-list-value",
               style: { color: "var(--ss-dim)" }
             }
           )
-        ] }) }, h)) })
+        ] }) }, y)) })
       ] }),
       /* @__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((l, h) => {
-          const m = es(l);
+        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);
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
             "a",
             {
-              href: `#events?event_name=${encodeURIComponent(m)}`,
+              href: `#events?event_name=${encodeURIComponent(h)}`,
               className: "ss-dash-widget-row-link",
               children: [
-                /* @__PURE__ */ s("span", { children: m }),
-                /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: l.count })
+                /* @__PURE__ */ s("span", { children: h }),
+                /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: t.count })
               ]
             }
-          ) }, h);
+          ) }, y);
         }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
@@ -499,31 +499,31 @@ function us({ options: r = {} }) {
       ] }),
       /* @__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((l, h) => {
-          const m = as(l) || "-";
+        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) || "-";
           return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
             "a",
             {
-              href: `#queries?pattern=${encodeURIComponent(m)}`,
+              href: `#queries?pattern=${encodeURIComponent(h)}`,
               className: "ss-dash-widget-row-link",
               children: [
-                /* @__PURE__ */ s("span", { title: m, children: m }),
+                /* @__PURE__ */ s("span", { title: h, children: h }),
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    className: `ss-dash-secondary-list-value ss-dash-duration ${U(l.avgDuration)}`,
-                    children: S(l.avgDuration)
+                    className: `ss-dash-secondary-list-value ss-dash-duration ${G(t.avgDuration)}`,
+                    children: S(t.avgDuration)
                   }
                 )
               ]
             }
-          ) }, h);
+          ) }, y);
         }) })
       ] })
     ] })
   ] });
 }
 export {
-  us as OverviewSection,
-  us as default
+  ys as OverviewSection,
+  ys as default
 };

package/dist/react/{QueriesSection-DsQBKrNK.js → QueriesSection-DFsaOSJI.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-CsprmgzI.js";
+import { a as P } from "./index-DOSlCpZ9.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-CxCC1GVq.js → QueriesTab-CY9CG_7L.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-CsprmgzI.js";
+import { u as U } from "./index-DOSlCpZ9.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(() => {