adonisjs-server-stats 1.9.0 → 1.10.3

package/dist/react/CacheTab-2cw_rMzj.js

@@ -0,0 +1,117 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useState as b, useMemo as z, useCallback as B } from "react";
+import { formatTtl as K, formatCacheSize as S } from "adonisjs-server-stats/core";
+import { u as F } from "./useDashboardApiBase-Bi36pJ2L.js";
+import { u as L, J as $ } from "./index-CsImORX6.js";
+import { u as j } from "./useResizableTable-CNJmACdt.js";
+import { F as A } from "./FilterBar-CQ7bD669.js";
+function O({ options: d, dashboardPath: f }) {
+  const { dashApiBase: u, resolvedOptions: y } = F(f, d), { data: t, isLoading: v, error: p } = L("cache", y), [i, k] = b(""), [r, h] = b(null), [g, o] = b(null), n = z(() => {
+    const s = t?.keys || [];
+    if (!i) return s;
+    const m = i.toLowerCase();
+    return s.filter((l) => l.key.toLowerCase().includes(m));
+  }, [t, i]), C = B(
+    async (s) => {
+      if (r === s) {
+        h(null), o(null);
+        return;
+      }
+      h(s);
+      try {
+        const { baseUrl: m = "", authToken: l } = d || {}, x = u || d?.debugEndpoint || "/admin/api/debug", R = `${m}${x}/cache/${encodeURIComponent(s)}`, N = { Accept: "application/json" };
+        l && (N.Authorization = `Bearer ${l}`);
+        const T = await (await fetch(R, {
+          headers: N,
+          credentials: l ? "omit" : "same-origin"
+        })).json();
+        o(T);
+      } catch {
+        o({ error: "Failed to fetch key value" });
+      }
+    },
+    [r, d, u]
+  ), w = j([n]);
+  if (v && !t)
+    return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading cache data..." });
+  if (p)
+    return /* @__PURE__ */ a("div", { className: "ss-dbg-empty", children: [
+      "Error: ",
+      p.message
+    ] });
+  if (!t)
+    return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Cache inspector not available" });
+  const c = t.stats || t;
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stats", children: [
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-label", children: "Hit Rate:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dbg-cache-stat-value", children: [
+          c.hitRate !== null && c.hitRate !== void 0 ? c.hitRate.toFixed(1) : "0",
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-label", children: "Hits:" }),
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-value", children: c.totalHits ?? 0 })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-label", children: "Misses:" }),
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-value", children: c.totalMisses ?? 0 })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "ss-dbg-cache-stat", children: [
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-label", children: "Keys:" }),
+        /* @__PURE__ */ e("span", { className: "ss-dbg-cache-stat-value", children: c.keyCount ?? "-" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      A,
+      {
+        search: i,
+        onSearchChange: k,
+        placeholder: "Filter keys...",
+        summary: `${n.length} keys`
+      }
+    ),
+    r && !!g && /* @__PURE__ */ a("div", { className: "ss-dbg-cache-detail", children: [
+      /* @__PURE__ */ e("strong", { children: r }),
+      /* @__PURE__ */ a("button", { type: "button", className: "ss-dbg-btn-clear", onClick: () => h(null), children: [
+        "←",
+        " Back"
+      ] }),
+      /* @__PURE__ */ e($, { data: g, classPrefix: "ss-dbg" })
+    ] }),
+    n.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No cache keys found" }) : /* @__PURE__ */ a("table", { ref: w, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ a("colgroup", { children: [
+        /* @__PURE__ */ e("col", {}),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } })
+      ] }),
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Key" }),
+        /* @__PURE__ */ e("th", { children: "Type" }),
+        /* @__PURE__ */ e("th", { children: "TTL" }),
+        /* @__PURE__ */ e("th", { children: "Size" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: n.map((s) => /* @__PURE__ */ a(
+        "tr",
+        {
+          className: "ss-dbg-email-row",
+          onClick: () => C(s.key),
+          children: [
+            /* @__PURE__ */ e("td", { className: "ss-dbg-c-sql", children: s.key }),
+            /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: s.type }),
+            /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: s.ttl > 0 ? K(s.ttl) : "-" }),
+            /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", children: s.size > 0 ? S(s.size) : "-" })
+          ]
+        },
+        s.key
+      )) })
+    ] })
+  ] });
+}
+export {
+  O as CacheTab,
+  O as default
+};

package/dist/react/{ConfigSection-D8BO1Ry9.js → ConfigSection-DGgqjAal.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as i } from "./index-CecA4IdQ.js";
+import { a as i } from "./index-CsImORX6.js";
 import { C as n } from "./ConfigContent-CnsEI4j3.js";
 function m({ options: o = {} }) {
   const { data: a, isLoading: s } = i("config", o);

package/dist/react/{ConfigTab-CcN-tfjv.js → ConfigTab-H3OnYqmK.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { u as f } from "./useDashboardApiBase-Bi36pJ2L.js";
-import { u as m } from "./index-CecA4IdQ.js";
+import { u as m } from "./index-CsImORX6.js";
 import { C as d } from "./ConfigContent-CnsEI4j3.js";
 function b({ options: r, dashboardPath: o }) {
   const { resolvedOptions: a } = f(o, r), { data: e, isLoading: t, error: s } = m("config", a);

package/dist/react/CustomPaneTab-B6r7ha0u.js

@@ -0,0 +1,98 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { useState as L, useMemo as b } from "react";
+import { compactPreview as x, formatDuration as A, durationSeverity as f, timeAgo as u, formatTime as p } from "adonisjs-server-stats/core";
+import { u as D } from "./index-CsImORX6.js";
+import { u as M } from "./useResizableTable-CNJmACdt.js";
+import { F as $ } from "./FilterBar-CQ7bD669.js";
+function P({ pane: t, options: g }) {
+  ({
+    ...g
+  });
+  const { data: o, isLoading: y, error: h, clearData: N } = D(
+    t.endpoint.replace(/^\//, ""),
+    {
+      ...g,
+      debugEndpoint: ""
+      // Use endpoint directly
+    }
+  ), [i, S] = L(""), c = b(() => {
+    if (!o) return [];
+    const e = t.dataKey || t.id;
+    let s = o;
+    for (const n of e.split("."))
+      s = s?.[n];
+    return Array.isArray(s) ? s : [];
+  }, [o, t.dataKey, t.id]), d = b(() => {
+    if (!i) return c;
+    const e = i.toLowerCase(), s = t.columns.filter((n) => n.searchable).map((n) => n.key);
+    return s.length === 0 ? c : c.filter(
+      (n) => s.some((a) => {
+        const m = n[a];
+        return m !== null && String(m).toLowerCase().includes(e);
+      })
+    );
+  }, [c, i, t.columns]), w = (e, s) => {
+    if (e == null)
+      return /* @__PURE__ */ r("span", { className: "ss-dbg-c-dim", children: "-" });
+    switch (s.format || "text") {
+      case "time":
+        return /* @__PURE__ */ r("span", { className: "ss-dbg-event-time", title: p(e), children: typeof e == "number" ? u(e) : String(e) });
+      case "timeAgo":
+        return /* @__PURE__ */ r("span", { className: "ss-dbg-event-time", title: p(e), children: u(e) });
+      case "duration": {
+        const a = typeof e == "number" ? e : parseFloat(String(e));
+        return isNaN(a) ? String(e) : /* @__PURE__ */ r(
+          "span",
+          {
+            className: `ss-dbg-duration ${f(a) === "very-slow" ? "ss-dbg-very-slow" : f(a) === "slow" ? "ss-dbg-slow" : ""}`,
+            children: A(a)
+          }
+        );
+      }
+      case "method":
+        return /* @__PURE__ */ r("span", { className: `ss-dbg-method ss-dbg-method-${String(e).toLowerCase()}`, children: String(e) });
+      case "json": {
+        let a = e;
+        if (typeof e == "string")
+          try {
+            a = JSON.parse(e);
+          } catch {
+          }
+        return x(a, 80);
+      }
+      case "badge": {
+        const a = String(e).toLowerCase(), k = (s.badgeColorMap || {})[a] || "muted";
+        return /* @__PURE__ */ r("span", { className: `ss-dbg-badge ss-dbg-badge-${k}`, children: String(e) });
+      }
+      default:
+        return String(e);
+    }
+  }, C = M([d]);
+  return y && !o ? /* @__PURE__ */ l("div", { className: "ss-dbg-empty", children: [
+    "Loading ",
+    t.label,
+    "..."
+  ] }) : h ? /* @__PURE__ */ l("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    h.message
+  ] }) : /* @__PURE__ */ l("div", { children: [
+    t.search && /* @__PURE__ */ r(
+      $,
+      {
+        search: i,
+        onSearchChange: S,
+        placeholder: t.search.placeholder,
+        summary: `${d.length} items`,
+        children: t.clearable && /* @__PURE__ */ r("button", { type: "button", className: "ss-dbg-btn-clear", onClick: N, children: "Clear" })
+      }
+    ),
+    d.length === 0 ? /* @__PURE__ */ r("div", { className: "ss-dbg-empty", children: "No data" }) : /* @__PURE__ */ l("table", { ref: C, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: t.columns.map((e) => /* @__PURE__ */ r("th", { children: e.label }, e.key)) }) }),
+      /* @__PURE__ */ r("tbody", { children: d.map((e, s) => /* @__PURE__ */ r("tr", { children: t.columns.map((n) => /* @__PURE__ */ r("td", { children: w(e[n.key], n) }, n.key)) }, e.id ?? s)) })
+    ] })
+  ] });
+}
+export {
+  P as CustomPaneTab,
+  P as default
+};

package/dist/react/{EmailsSection-BzlsTdPs.js → EmailsSection-C-UZISG-.js}

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as a, Fragment as i } from "react/jsx-runtime";
 import { useState as n, useEffect as N, useCallback as C } from "react";
 import { timeAgo as P, formatTime as A } from "adonisjs-server-stats/core";
-import { a as T } from "./index-CecA4IdQ.js";
+import { a as T } from "./index-CsImORX6.js";
 import { D as j } from "./DataTable-YyShr5B-.js";
-import { F as $ } from "./FilterBar-DQRXpWrb.js";
+import { F as $ } from "./FilterBar-CQ7bD669.js";
 import { P as F } from "./Pagination-BkmzUDY8.js";
 function q({ options: d = {} }) {
   const [y, h] = n(1), [o, g] = n(""), [p, c] = n(null), [u, m] = n(null), { data: v, meta: l, isLoading: x } = T("emails", { ...d, page: y, search: o }), w = v || [];

package/dist/react/EmailsTab-DbK4Eobn.js

@@ -0,0 +1,139 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useState as n, useMemo as f, useCallback as v } from "react";
+import { timeAgo as j, formatTime as k } from "adonisjs-server-stats/core";
+import { u as A } from "./index-CsImORX6.js";
+import { u as P } from "./useResizableTable-CNJmACdt.js";
+import { F as q } from "./FilterBar-CQ7bD669.js";
+function B({ options: d }) {
+  const { data: o, isLoading: y, error: u } = A("emails", d), [c, N] = n(""), [g, b] = n(null), [p, h] = n(null), [x, m] = n(!1), a = f(() => {
+    const t = o?.emails || [];
+    if (!c) return t;
+    const l = c.toLowerCase();
+    return t.filter(
+      (r) => (r.subject || "").toLowerCase().includes(l) || (r.to || "").toLowerCase().includes(l) || (r.from || "").toLowerCase().includes(l) || (r.mailer || "").toLowerCase().includes(l)
+    );
+  }, [o, c]), i = f(() => a.find((t) => t.id === g), [a, g]), C = v(
+    async (t) => {
+      if (b(t.id), h(t.html || null), !t.html && t.id) {
+        m(!0);
+        try {
+          const l = d?.debugEndpoint || "/admin/api/debug", r = {};
+          d?.authToken && (r.Authorization = `Bearer ${d.authToken}`);
+          const w = await fetch(`${l}/emails/${t.id}/preview`, {
+            headers: r,
+            credentials: d?.authToken ? "omit" : "include"
+          });
+          w.ok && h(await w.text());
+        } catch {
+        } finally {
+          m(!1);
+        }
+      }
+    },
+    [d]
+  ), L = v(() => {
+    b(null), h(null), m(!1);
+  }, []), T = {
+    sent: "ss-dbg-email-status-sent",
+    sending: "ss-dbg-email-status-sending",
+    queueing: "ss-dbg-email-status-queued",
+    queued: "ss-dbg-email-status-queued",
+    failed: "ss-dbg-email-status-failed"
+  }, S = P([a]);
+  return y && !o ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading emails..." }) : u ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    u.message
+  ] }) : i ? /* @__PURE__ */ s("div", { className: "ss-dbg-email-preview", children: [
+    /* @__PURE__ */ s("div", { className: "ss-dbg-email-preview-header", children: [
+      /* @__PURE__ */ s("div", { className: "ss-dbg-email-preview-meta", children: [
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "Subject:" }),
+          " ",
+          i.subject
+        ] }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "From:" }),
+          " ",
+          i.from
+        ] }),
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "To:" }),
+          " ",
+          i.to
+        ] }),
+        i.cc && /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "CC:" }),
+          " ",
+          i.cc
+        ] })
+      ] }),
+      /* @__PURE__ */ e("button", { className: "ss-dbg-btn-clear", onClick: L, type: "button", children: "×" })
+    ] }),
+    x ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading preview..." }) : p ? /* @__PURE__ */ e(
+      "iframe",
+      {
+        className: "ss-dbg-email-iframe",
+        srcDoc: p,
+        title: "Email preview",
+        sandbox: ""
+      }
+    ) : /* @__PURE__ */ e("div", { style: { padding: "12px", whiteSpace: "pre-wrap" }, children: i.text || "No content" })
+  ] }) : /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ e(
+      q,
+      {
+        search: c,
+        onSearchChange: N,
+        placeholder: "Filter emails...",
+        summary: `${a.length} emails`
+      }
+    ),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No emails captured" }) : /* @__PURE__ */ s("table", { ref: S, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ s("colgroup", { children: [
+        /* @__PURE__ */ e("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "140px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "140px" } }),
+        /* @__PURE__ */ e("col", {}),
+        /* @__PURE__ */ e("col", { style: { width: "70px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "40px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } })
+      ] }),
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "#" }),
+        /* @__PURE__ */ e("th", { children: "From" }),
+        /* @__PURE__ */ e("th", { children: "To" }),
+        /* @__PURE__ */ e("th", { children: "Subject" }),
+        /* @__PURE__ */ e("th", { children: "Status" }),
+        /* @__PURE__ */ e("th", { children: "Mailer" }),
+        /* @__PURE__ */ e("th", { title: "Attachments", children: "📎" }),
+        /* @__PURE__ */ e("th", { children: "Time" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: a.map((t) => /* @__PURE__ */ s("tr", { className: "ss-dbg-email-row", onClick: () => C(t), children: [
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: t.id }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-secondary", title: t.from, children: t.from }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-secondary", title: t.to, children: t.to }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-sql", children: t.subject }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-email-status ${T[t.status] || ""}`, children: t.status }) }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: t.mailer }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { textAlign: "center" }, children: t.attachmentCount > 0 ? t.attachmentCount : "-" }),
+        /* @__PURE__ */ e(
+          "td",
+          {
+            className: "ss-dbg-event-time",
+            title: k(
+              t.timestamp || t.created_at || t.createdAt
+            ),
+            children: j(
+              t.timestamp || t.created_at || t.createdAt
+            )
+          }
+        )
+      ] }, t.id)) })
+    ] })
+  ] });
+}
+export {
+  B as EmailsTab,
+  B as default
+};

package/dist/react/{EventsSection-CGQWiIdV.js → EventsSection-C7RQW_LY.js}

@@ -1,9 +1,9 @@
 import { jsxs as o, jsx as e, Fragment as g } from "react/jsx-runtime";
 import { useState as d, useEffect as f } from "react";
 import { timeAgo as y, formatTime as u } from "adonisjs-server-stats/core";
-import { a as b, J as N } from "./index-CecA4IdQ.js";
+import { a as b, J as N } from "./index-CsImORX6.js";
 import { D as x } from "./DataTable-YyShr5B-.js";
-import { F as P } from "./FilterBar-DQRXpWrb.js";
+import { F as P } from "./FilterBar-CQ7bD669.js";
 import { P as k } from "./Pagination-BkmzUDY8.js";
 function L({ options: m = {} }) {
   const [c, i] = d(1), [r, p] = d(""), { data: l, meta: t, isLoading: h } = b("events", { ...m, page: c, search: r }), v = l || [];

package/dist/react/EventsTab-CfVr7AiM.js

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { useState as u, useMemo as g } from "react";
+import { timeAgo as p, formatTime as b } from "adonisjs-server-stats/core";
+import { u as f, J as v } from "./index-CsImORX6.js";
+import { u as w } from "./useResizableTable-CNJmACdt.js";
+import { F as y } from "./FilterBar-CQ7bD669.js";
+function D({ options: c }) {
+  const { data: i, isLoading: o, error: d } = f("events", c), [a, m] = u(""), n = g(() => {
+    const t = i?.events || [];
+    if (!a) return t;
+    const r = a.toLowerCase();
+    return t.filter(
+      (l) => (l.event || "").toLowerCase().includes(r) || (l.data || "").toLowerCase().includes(r)
+    );
+  }, [i, a]), h = w([n]);
+  return o && !i ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading events..." }) : d ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    d.message
+  ] }) : /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ e(
+      y,
+      {
+        search: a,
+        onSearchChange: m,
+        placeholder: "Filter events...",
+        summary: `${n.length} events`
+      }
+    ),
+    n.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No events captured" }) : /* @__PURE__ */ s("table", { ref: h, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ s("colgroup", { children: [
+        /* @__PURE__ */ e("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ e("col", { style: { width: "20%" } }),
+        /* @__PURE__ */ e("col", {}),
+        /* @__PURE__ */ e("col", { style: { width: "80px" } })
+      ] }),
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "#" }),
+        /* @__PURE__ */ e("th", { children: "Event" }),
+        /* @__PURE__ */ e("th", { children: "Data" }),
+        /* @__PURE__ */ e("th", { children: "Time" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: n.map((t) => {
+        const r = t.timestamp || t.created_at || t.createdAt;
+        return /* @__PURE__ */ s("tr", { children: [
+          /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: t.id }),
+          /* @__PURE__ */ e("td", { className: "ss-dbg-event-name", children: t.event }),
+          /* @__PURE__ */ e("td", { className: "ss-dbg-event-data", children: /* @__PURE__ */ e(v, { data: t.data, maxPreviewLength: 80, classPrefix: "ss-dbg" }) }),
+          /* @__PURE__ */ e("td", { className: "ss-dbg-event-time", title: b(r), children: p(r) })
+        ] }, t.id);
+      }) })
+    ] })
+  ] });
+}
+export {
+  D as EventsTab,
+  D as default
+};

package/dist/react/{FilterBar-DQRXpWrb.js → FilterBar-CQ7bD669.js}

@@ -1,24 +1,24 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useCallback as h } from "react";
+import { useCallback as m } from "react";
 import { TAB_ICONS as o } from "adonisjs-server-stats/core";
-function v({
-  search: r,
+function p({
+  search: t,
   onSearchChange: e,
   placeholder: i = "Search...",
-  summary: a,
-  children: t,
+  summary: r,
+  children: a,
   className: n = ""
 }) {
-  const c = h(() => {
+  const c = m(() => {
     e("");
   }, [e]);
-  return /* @__PURE__ */ l("div", { className: `ss-dash-filter-bar ${n}`, children: [
-    a != null && /* @__PURE__ */ s("span", { className: "ss-dash-summary", children: a }),
-    /* @__PURE__ */ l("div", { className: "ss-dash-search-wrapper", children: [
+  return /* @__PURE__ */ l("div", { className: `ss-dbg-filter-bar ${n}`, children: [
+    r != null && /* @__PURE__ */ s("span", { className: "ss-dbg-summary", children: r }),
+    /* @__PURE__ */ l("div", { className: "ss-dbg-search-wrapper", children: [
       /* @__PURE__ */ s(
         "svg",
         {
-          className: "ss-dash-search-icon",
+          className: "ss-dbg-search-icon",
           width: "14",
           height: "14",
           viewBox: o.search.viewBox,
@@ -34,17 +34,17 @@ function v({
         "input",
         {
           type: "text",
-          className: "ss-dash-search",
+          className: "ss-dbg-search",
           placeholder: i,
-          value: r,
+          value: t,
           onChange: (d) => e(d.target.value)
         }
       ),
-      r && /* @__PURE__ */ s("button", { type: "button", className: "ss-dash-search-clear", onClick: c, children: "×" })
+      t && /* @__PURE__ */ s("button", { type: "button", className: "ss-dbg-search-clear", onClick: c, children: "×" })
     ] }),
-    t && /* @__PURE__ */ s("div", { className: "ss-dash-filter-controls", children: t })
+    a && /* @__PURE__ */ s("div", { className: "ss-dbg-filter-controls", children: a })
   ] });
 }
 export {
-  v as F
+  p as F
 };

package/dist/react/{JobsSection-D7AHQmZi.js → JobsSection-CQHNK_Ls.js}

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as a, Fragment as C } from "react/jsx-runtime";
 import { useState as c, useCallback as D } from "react";
 import { extractJobs as F, extractJobStats as J, JOB_STATUS_FILTERS as T, getJobStatusBadgeColor as A, formatDuration as B, timeAgo as _, formatTime as L } from "adonisjs-server-stats/core";
-import { a as R, B as $, J as M } from "./index-CecA4IdQ.js";
+import { a as R, B as $, J as M } from "./index-CsImORX6.js";
 import { D as O } from "./DataTable-YyShr5B-.js";
-import { F as U } from "./FilterBar-DQRXpWrb.js";
+import { F as U } from "./FilterBar-CQ7bD669.js";
 import { P as E } from "./Pagination-BkmzUDY8.js";
 function H({ options: N = {} }) {
   const [v, m] = c(1), [p, j] = c(""), [o, f] = c("all"), [x, d] = c(