npm - adonisjs-server-stats - Versions diffs - 1.5.4 → 1.6.2 - Mend

adonisjs-server-stats 1.5.4 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (527) hide show

package/dist/react/OverviewSection-nm3xdACz.js ADDED Viewed

@@ -0,0 +1,539 @@
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
+import { useState as E, useRef as X, useEffect as P, useCallback as z } from "react";
+import { formatDuration as $, timeAgo as ss, formatTime as es, durationSeverity as as } from "adonisjs-server-stats/core";
+import { a as B, S } from "./index-UdTfSvtO.js";
+const ls = [
+  { value: "5m", label: "5m" },
+  { value: "15m", label: "15m" },
+  { value: "30m", label: "30m" },
+  { value: "1h", label: "1h" },
+  { value: "6h", label: "6h" },
+  { value: "24h", label: "24h" },
+  { value: "7d", label: "7d" }
+];
+function rs({ value: r, onChange: i, className: c = "" }) {
+  return /* @__PURE__ */ s("div", { className: `ss-dash-btn-group ${c}`, children: ls.map((n) => /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      className: `ss-dash-btn ${r === n.value ? "ss-dash-active" : ""}`,
+      onClick: () => i(n.value),
+      children: n.label
+    },
+    n.value
+  )) });
+}
+function ts(r, i) {
+  if (r <= 0) return [0];
+  const c = r / i, n = Math.pow(10, Math.floor(Math.log10(c))), u = c / n;
+  let o;
+  u <= 1 ? o = n : u <= 2 ? o = 2 * n : u <= 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;
+}
+function O(r) {
+  try {
+    return new Date(r).toLocaleTimeString("en-US", {
+      hour12: !1,
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return "";
+  }
+}
+function U(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)}`;
+  }
+  return i;
+}
+function I(r) {
+  const i = as(r);
+  return i === "very-slow" ? "ss-dash-very-slow" : i === "slow" ? "ss-dash-slow" : "";
+}
+function ds({ chartPoints: r }) {
+  const i = { top: 12, right: 12, bottom: 28, left: 38 }, c = 220, n = X(null), [u, o] = E(0);
+  P(() => {
+    const d = n.current;
+    if (!d) return;
+    o(d.clientWidth);
+    const t = new ResizeObserver((w) => {
+      for (const C of w)
+        o(C.contentRect.width);
+    });
+    return t.observe(d), () => t.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) => {
+    const t = d;
+    return (d.requestCount ?? 0) + (Number(t.request_count) || 0) || d.total || 0;
+  }), y = r.map((d) => {
+    const t = d;
+    return (d.errorCount ?? 0) + (Number(t.error_count) || 0);
+  }), T = Math.max(...b, 1), g = Math.ceil(T * 1.1), N = y.some((d) => d > 0), k = ts(g, 4), M = k.length > 0 ? k[k.length - 1] : g, R = (d) => i.left + d / Math.max(r.length - 1, 1) * v, q = (d) => i.top + f - d / (M || 1) * f, l = r.map((d, t) => ({ x: R(t), y: q(b[t]) })), h = r.map((d, t) => ({ x: R(t), y: q(y[t]) })), m = U(l), L = N ? U(h) : "", F = l.length > 1 ? `${m} L${l[l.length - 1].x.toFixed(1)},${x} L${l[0].x.toFixed(1)},${x} Z` : "", j = N && h.length > 1 ? `${L} L${h[h.length - 1].x.toFixed(1)},${x} L${h[0].x.toFixed(1)},${x} Z` : "", G = Math.min(10, r.length), K = Math.max(1, Math.ceil(r.length / G)), [p, Q] = E({ visible: !1, x: 0, idx: -1 }), V = z(
+    (d) => {
+      const t = l[d].x;
+      Q({ visible: !0, x: t, idx: d });
+    },
+    [l]
+  ), Y = z(() => {
+    Q({ visible: !1, x: 0, idx: -1 });
+  }, []), _ = 120, Z = 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: [
+      /* @__PURE__ */ e("defs", { children: [
+        /* @__PURE__ */ e("linearGradient", { id: "ss-cg-total", 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__ */ 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 })
+        ] })
+      ] }),
+      k.map((d) => {
+        const t = q(d);
+        return /* @__PURE__ */ e("g", { children: [
+          /* @__PURE__ */ s(
+            "line",
+            {
+              x1: i.left,
+              y1: t,
+              x2: a - i.right,
+              y2: t,
+              stroke: "var(--ss-border-faint)",
+              strokeWidth: 0.5,
+              strokeDasharray: "3,3"
+            }
+          ),
+          /* @__PURE__ */ s(
+            "text",
+            {
+              x: i.left - 6,
+              y: t,
+              textAnchor: "end",
+              fill: "var(--ss-dim)",
+              fontSize: 9,
+              dominantBaseline: "middle",
+              children: d
+            }
+          )
+        ] }, `ytick-${d}`);
+      }),
+      F && /* @__PURE__ */ s("path", { d: F, fill: "url(#ss-cg-total)" }),
+      m && /* @__PURE__ */ s(
+        "path",
+        {
+          d: m,
+          fill: "none",
+          stroke: "var(--ss-accent)",
+          strokeWidth: 1.5,
+          strokeLinejoin: "round",
+          strokeLinecap: "round"
+        }
+      ),
+      j && /* @__PURE__ */ s("path", { d: j, fill: "url(#ss-cg-error)" }),
+      L && /* @__PURE__ */ s(
+        "path",
+        {
+          d: L,
+          fill: "none",
+          stroke: "var(--ss-red-fg)",
+          strokeWidth: 1.5,
+          strokeLinejoin: "round",
+          strokeLinecap: "round",
+          strokeDasharray: "4,2"
+        }
+      ),
+      r.map((d, t) => {
+        const w = b[t], C = y[t], D = l[t].x, J = l[t].y, A = v / (r.length || 1), W = p.visible && p.idx === t, H = p.visible && p.idx !== t;
+        return /* @__PURE__ */ e("g", { children: [
+          /* @__PURE__ */ s(
+            "rect",
+            {
+              x: D - A / 2,
+              y: i.top,
+              width: A,
+              height: f,
+              fill: "transparent",
+              className: "ss-dash-chart-hover-zone",
+              "data-idx": t,
+              onMouseEnter: () => V(t),
+              onMouseLeave: Y
+            }
+          ),
+          w > 0 && /* @__PURE__ */ s(
+            "circle",
+            {
+              cx: D,
+              cy: J,
+              r: W ? 4 : 2.5,
+              fill: "var(--ss-accent)",
+              stroke: "var(--ss-surface)",
+              strokeWidth: 1,
+              className: "ss-dash-chart-dot",
+              "data-idx": t,
+              opacity: H ? 0.3 : 1
+            }
+          ),
+          C > 0 && /* @__PURE__ */ s(
+            "circle",
+            {
+              cx: D,
+              cy: h[t].y,
+              r: W ? 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: H ? 0.3 : 1
+            }
+          )
+        ] }, t);
+      }),
+      r.map((d, t) => {
+        if (t % K !== 0 && t !== r.length - 1) return null;
+        const w = O(d.bucket);
+        return w ? /* @__PURE__ */ s(
+          "text",
+          {
+            x: R(t),
+            y: c - 6,
+            textAnchor: "middle",
+            fill: "var(--ss-dim)",
+            fontSize: 9,
+            children: w
+          },
+          `xlabel-${t}`
+        ) : null;
+      })
+    ] }),
+    p.visible && p.idx >= 0 && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "ss-dash-chart-tooltip",
+        style: {
+          left: Z,
+          top: i.top - 4,
+          transform: "translate(-50%, -100%)"
+        },
+        children: [
+          /* @__PURE__ */ s("div", { children: O(r[p.idx].bucket) }),
+          /* @__PURE__ */ e("div", { children: [
+            "Requests: ",
+            b[p.idx]
+          ] }),
+          y[p.idx] > 0 && /* @__PURE__ */ e("div", { style: { color: "var(--ss-red-fg)" }, children: [
+            "Errors: ",
+            y[p.idx]
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function hs({ options: r = {} }) {
+  const [i, c] = E("1h"), { data: n, isLoading: u } = B("overview", r), { data: o } = B("overview/chart", {
+    ...r,
+    timeRange: i
+  });
+  if (u && !n)
+    return /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading overview..." });
+  const a = n || {
+    avgResponseTime: 0,
+    p95ResponseTime: 0,
+    requestsPerMinute: 0,
+    errorRate: 0,
+    totalRequests: 0,
+    slowestEndpoints: [],
+    queryStats: { total: 0, avgDuration: 0, perRequest: 0 },
+    recentErrors: [],
+    topEvents: [],
+    emailActivity: { sent: 0, queued: 0, failed: 0 },
+    logLevelBreakdown: { error: 0, warn: 0, info: 0, debug: 0 },
+    cacheStats: null,
+    jobQueueStatus: null,
+    statusDistribution: { "2xx": 0, "3xx": 0, "4xx": 0, "5xx": 0 },
+    slowestQueries: []
+  }, v = a, f = a.avgResponseTime || Number(v.avg_response_time) || 0, x = a.p95ResponseTime || Number(v.p95_response_time) || 0, b = a.requestsPerMinute || Number(v.requests_per_minute) || 0, y = a.errorRate || Number(v.error_rate) || 0, g = (a.totalRequests || Number(v.total_requests) || 0) > 0, N = o?.buckets || [], k = a.sparklines?.avgResponseTime ?? N.map((l) => l.avgDuration ?? 0), M = a.sparklines?.p95ResponseTime ?? N.map((l) => l.p95Duration ?? 0), R = a.sparklines?.requestsPerMinute ?? N.map((l) => l.requestCount ?? 0), q = a.sparklines?.errorRate ?? N.map((l) => l.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: [
+        /* @__PURE__ */ s("div", { className: "ss-dash-card-title", children: "Avg Response Time" }),
+        /* @__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 ? $(f) : "-"
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(S, { data: k, 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 ? $(x) : "-"
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(S, { data: M, 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(S, { data: R, 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 ? y > 5 ? "ss-dash-red" : y > 1 ? "ss-dash-amber" : "ss-dash-accent" : "ss-dash-dim"}`,
+            children: g ? `${y.toFixed(1)}%` : "-"
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "ss-dash-sparkline", children: /* @__PURE__ */ s(S, { data: q, 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(rs, { value: i, onChange: c })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ss-dash-chart", id: "ss-dash-chart-area", children: N.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", style: { minHeight: "120px" }, children: "No data for this range" }) : /* @__PURE__ */ s(ds, { chartPoints: N }) }),
+      /* @__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"
+        ] }),
+        N.some((l) => (l.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"
+        ] })
+      ] })
+    ] }),
+    /* @__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 || "-";
+          return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
+            "a",
+            {
+              href: `#requests?url=${encodeURIComponent(m)}`,
+              className: "ss-dash-widget-row-link",
+              children: [
+                /* @__PURE__ */ s("span", { title: m, children: m }),
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    className: `ss-dash-secondary-list-value ss-dash-duration ${I(l.avgDuration)}`,
+                    children: $(l.avgDuration)
+                  }
+                )
+              ]
+            }
+          ) }, h);
+        }) })
+      ] }),
+      /* @__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: "Query Stats" }) }),
+        /* @__PURE__ */ e("ul", { className: "ss-dash-secondary-list", children: [
+          /* @__PURE__ */ e("li", { children: [
+            /* @__PURE__ */ s("span", { children: "Total Queries" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.queryStats.total })
+          ] }),
+          /* @__PURE__ */ e("li", { children: [
+            /* @__PURE__ */ s("span", { children: "Avg Duration" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: $(a.queryStats.avgDuration) })
+          ] }),
+          /* @__PURE__ */ e("li", { children: [
+            /* @__PURE__ */ s("span", { children: "Queries / Request" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.queryStats.perRequest.toFixed(1) })
+          ] })
+        ] })
+      ] }),
+      /* @__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(
+            "span",
+            {
+              className: "ss-dash-secondary-list-value",
+              style: { color: "var(--ss-dim)" },
+              title: es(l.timestamp),
+              children: ss(l.timestamp)
+            }
+          )
+        ] }) }, h)) })
+      ] }),
+      /* @__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 = l.name || l.eventName || l.event_name || l.event || "";
+          return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
+            "a",
+            {
+              href: `#events?event_name=${encodeURIComponent(m)}`,
+              className: "ss-dash-widget-row-link",
+              children: [
+                /* @__PURE__ */ s("span", { children: m }),
+                /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: l.count })
+              ]
+            }
+          ) }, h);
+        }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
+        /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#emails", className: "ss-dash-widget-link", children: "Email Activity" }) }),
+        /* @__PURE__ */ e("ul", { className: "ss-dash-secondary-list", children: [
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#emails?status=sent", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Sent" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.emailActivity.sent })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#emails?status=queued", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Queued" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.emailActivity.queued })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#emails?status=failed", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Failed" }),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: "ss-dash-secondary-list-value",
+                style: a.emailActivity.failed > 0 ? { color: "var(--ss-red-fg)" } : void 0,
+                children: a.emailActivity.failed
+              }
+            )
+          ] }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
+        /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#logs", className: "ss-dash-widget-link", children: "Log Levels" }) }),
+        /* @__PURE__ */ e("ul", { className: "ss-dash-secondary-list", children: [
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#logs?level=error", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-red-fg)" }, children: "Error" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.logLevelBreakdown.error })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#logs?level=warn", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-amber-fg)" }, children: "Warn" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.logLevelBreakdown.warn })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#logs?level=info", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-green-fg)" }, children: "Info" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.logLevelBreakdown.info })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#logs?level=debug", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-dim)" }, children: "Debug" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.logLevelBreakdown.debug })
+          ] }) })
+        ] })
+      ] }),
+      a.cacheStats && a.cacheStats.available && /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
+        /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#cache", className: "ss-dash-widget-link", children: "Cache" }) }),
+        /* @__PURE__ */ e("ul", { className: "ss-dash-secondary-list", children: [
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#cache", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Keys" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.cacheStats.totalKeys })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#cache", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Hit Rate" }),
+            /* @__PURE__ */ e("span", { className: "ss-dash-secondary-list-value", children: [
+              a.cacheStats.hitRate.toFixed(1),
+              "%"
+            ] })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#cache", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Memory" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.cacheStats.memoryUsedHuman })
+          ] }) })
+        ] })
+      ] }),
+      a.jobQueueStatus && a.jobQueueStatus.available && /* @__PURE__ */ e("div", { className: "ss-dash-secondary-card", children: [
+        /* @__PURE__ */ s("div", { className: "ss-dash-secondary-card-title", children: /* @__PURE__ */ s("a", { href: "#jobs", className: "ss-dash-widget-link", children: "Job Queue" }) }),
+        /* @__PURE__ */ e("ul", { className: "ss-dash-secondary-list", children: [
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#jobs?status=active", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Active" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.jobQueueStatus.active })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#jobs?status=waiting", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Waiting" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.jobQueueStatus.waiting })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#jobs?status=failed", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Failed" }),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: "ss-dash-secondary-list-value",
+                style: a.jobQueueStatus.failed > 0 ? { color: "var(--ss-red-fg)" } : void 0,
+                children: a.jobQueueStatus.failed
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#jobs?status=completed", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { children: "Completed" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.jobQueueStatus.completed })
+          ] }) })
+        ] })
+      ] }),
+      /* @__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: "Response Status" }) }),
+        /* @__PURE__ */ e("ul", { className: "ss-dash-secondary-list", children: [
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#requests?status=2xx", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-green-fg)" }, children: "2xx" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.statusDistribution["2xx"] })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#requests?status=3xx", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-blue-fg)" }, children: "3xx" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.statusDistribution["3xx"] })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#requests?status=4xx", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-amber-fg)" }, children: "4xx" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.statusDistribution["4xx"] })
+          ] }) }),
+          /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e("a", { href: "#requests?status=5xx", className: "ss-dash-widget-row-link", children: [
+            /* @__PURE__ */ s("span", { style: { color: "var(--ss-red-fg)" }, children: "5xx" }),
+            /* @__PURE__ */ s("span", { className: "ss-dash-secondary-list-value", children: a.statusDistribution["5xx"] })
+          ] }) })
+        ] })
+      ] }),
+      /* @__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 = l.sqlNormalized || l.normalizedSql || l.sql_normalized || l.sql || "-";
+          return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ e(
+            "a",
+            {
+              href: `#queries?pattern=${encodeURIComponent(m)}`,
+              className: "ss-dash-widget-row-link",
+              children: [
+                /* @__PURE__ */ s("span", { title: m, children: m }),
+                /* @__PURE__ */ s(
+                  "span",
+                  {
+                    className: `ss-dash-secondary-list-value ss-dash-duration ${I(l.avgDuration)}`,
+                    children: $(l.avgDuration)
+                  }
+                )
+              ]
+            }
+          ) }, h);
+        }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  hs as OverviewSection,
+  hs as default
+};

package/dist/react/Pagination-BkmzUDY8.js ADDED Viewed

@@ -0,0 +1,64 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useMemo as h, useCallback as c } from "react";
+import { getPageNumbers as u } from "adonisjs-server-stats/core";
+function v({
+  page: s,
+  lastPage: i,
+  total: d,
+  onPageChange: t,
+  className: r = ""
+}) {
+  const e = h(() => u(s, i), [s, i]), a = c(() => {
+    s > 1 && t(s - 1);
+  }, [s, t]), m = c(() => {
+    s < i && t(s + 1);
+  }, [s, i, t]);
+  return i <= 1 ? null : /* @__PURE__ */ o("div", { className: `ss-dash-pagination ${r}`, children: [
+    /* @__PURE__ */ o("span", { className: "ss-dash-page-info", children: [
+      "Page ",
+      s,
+      " of ",
+      i,
+      " (",
+      d,
+      " total)"
+    ] }),
+    /* @__PURE__ */ o("div", { className: "ss-dash-pagination-controls", children: [
+      /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          className: "ss-dash-page-btn",
+          onClick: a,
+          disabled: s <= 1,
+          children: "« Prev"
+        }
+      ),
+      e.map(
+        (n, b) => n === "..." ? /* @__PURE__ */ l("span", { className: "ss-dash-page-ellipsis", children: "..." }, `ellipsis-${b}`) : /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: `ss-dash-page-btn ${n === s ? "ss-dash-active" : ""}`,
+            onClick: () => t(n),
+            children: n
+          },
+          n
+        )
+      ),
+      /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          className: "ss-dash-page-btn",
+          onClick: m,
+          disabled: s >= i,
+          children: "Next »"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  v as P
+};