adonisjs-server-stats 1.10.3 → 1.11.1

package/dist/react/CacheSection-BYN53kYO.js

@@ -0,0 +1,135 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as c, useCallback as k } from "react";
+import { formatCacheSize as x, formatTtl as D } from "adonisjs-server-stats/core";
+import { a as N, J as V } from "./index-DwDK-4oX.js";
+import { C as L } from "./CacheStatsBar-CRodCOeP.js";
+import { D as F } from "./DataTable-YyShr5B-.js";
+import { F as T } from "./FilterBar-CQ7bD669.js";
+function _({ options: v = {} }) {
+  const [d, b] = c(""), [l, i] = c(null), [w, n] = c(null), [C, h] = c(!1), [y, r] = c(null), { data: u, isLoading: g, mutate: m, getApi: p } = N("cache", {
+    ...v,
+    search: d
+  }), a = u, K = k(
+    async (e) => {
+      if (confirm(`Delete cache key "${e}"?`))
+        try {
+          await m(`cache/${encodeURIComponent(e)}`, "delete"), l === e && (i(null), n(null), r(null));
+        } catch {
+        }
+    },
+    [m, l]
+  ), S = k(
+    async (e) => {
+      if (l === e) {
+        i(null), n(null), r(null);
+        return;
+      }
+      i(e), n(null), r(null), h(!0);
+      try {
+        const s = await p().fetchCacheKey(e);
+        n(
+          s.value !== void 0 ? s.value : s.data !== void 0 ? s.data : s
+        ), r(null);
+      } catch {
+        n(null), r("Failed to fetch key value");
+      } finally {
+        h(!1);
+      }
+    },
+    [l, p]
+  );
+  return /* @__PURE__ */ o("div", { children: [
+    a?.available && a?.stats && /* @__PURE__ */ t(
+      L,
+      {
+        hitRate: a.stats.hitRate ?? 0,
+        hits: a.stats.hits ?? 0,
+        misses: a.stats.misses ?? 0,
+        keys: a.stats.totalKeys || a.stats.keyCount || a.keys?.length || 0
+      }
+    ),
+    /* @__PURE__ */ t(
+      T,
+      {
+        search: d,
+        onSearchChange: b,
+        placeholder: "Filter cache keys...",
+        summary: `${(a?.keys || a?.data || []).length} keys`
+      }
+    ),
+    g && !u ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading cache..." }) : !a || !a.available ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Cache inspector not available" }) : /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+      F,
+      {
+        columns: [
+          {
+            key: "key",
+            label: "Key",
+            render: (e) => /* @__PURE__ */ t(
+              "span",
+              {
+                title: e,
+                style: {
+                  color: "var(--ss-sql-color)",
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  display: "block"
+                },
+                children: e
+              }
+            )
+          },
+          {
+            key: "type",
+            label: "Type",
+            width: "70px",
+            render: (e) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-muted)" }, children: e })
+          },
+          {
+            key: "size",
+            label: "Size",
+            width: "60px",
+            render: (e) => e != null && e > 0 ? x(e) : "-"
+          },
+          {
+            key: "ttl",
+            label: "TTL",
+            width: "70px",
+            render: (e) => e > 0 ? D(e) : "-"
+          },
+          {
+            key: "_actions",
+            label: "",
+            width: "60px",
+            render: (e, f) => /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "ss-dash-retry-btn",
+                onClick: (s) => {
+                  s.stopPropagation(), K(f.key);
+                },
+                children: "Delete"
+              }
+            )
+          }
+        ],
+        data: a.keys || a.data || [],
+        keyField: "key",
+        onRowClick: (e) => S(e.key),
+        emptyMessage: "No cache keys found"
+      }
+    ) }),
+    l && /* @__PURE__ */ o("div", { className: "ss-dash-cache-detail", children: [
+      /* @__PURE__ */ o("h4", { children: [
+        "Key: ",
+        l
+      ] }),
+      C ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading value..." }) : y ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", style: { color: "var(--ss-red-fg)" }, children: y }) : /* @__PURE__ */ t(V, { data: w })
+    ] })
+  ] });
+}
+export {
+  _ as CacheSection,
+  _ as default
+};

package/dist/react/CacheStatsBar-CRodCOeP.js

@@ -0,0 +1,27 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+function i({ hitRate: c, hits: e, misses: l, keys: t }) {
+  return /* @__PURE__ */ a("div", { className: "ss-cache-stats", children: [
+    /* @__PURE__ */ a("div", { className: "ss-cache-stat", children: [
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-label", children: "Hit Rate:" }),
+      /* @__PURE__ */ a("span", { className: "ss-cache-stat-value", children: [
+        c.toFixed(1),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ss-cache-stat", children: [
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-label", children: "Hits:" }),
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-value", children: e })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ss-cache-stat", children: [
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-label", children: "Misses:" }),
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-value", children: l })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ss-cache-stat", children: [
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-label", children: "Keys:" }),
+      /* @__PURE__ */ s("span", { className: "ss-cache-stat-value", children: t })
+    ] })
+  ] });
+}
+export {
+  i as C
+};

package/dist/react/CacheTab-DOhuK05d.js

@@ -0,0 +1,106 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useState as u, useMemo as T, useCallback as z } from "react";
+import { formatTtl as K, formatCacheSize as L } from "adonisjs-server-stats/core";
+import { u as R } from "./useDashboardApiBase-Bi36pJ2L.js";
+import { u as $, J as j } from "./index-DwDK-4oX.js";
+import { u as A } from "./useResizableTable-CNJmACdt.js";
+import { C as F } from "./CacheStatsBar-CRodCOeP.js";
+import { F as D } from "./FilterBar-CQ7bD669.js";
+function G({ options: l, dashboardPath: y }) {
+  const { dashApiBase: p, resolvedOptions: k } = R(y, l), { data: a, isLoading: C, error: b } = $("cache", k), [r, N] = u(""), [i, n] = u(null), [f, h] = u(null), o = T(() => {
+    const s = a?.keys || [];
+    if (!r) return s;
+    const m = r.toLowerCase();
+    return s.filter((c) => c.key.toLowerCase().includes(m));
+  }, [a, r]), v = z(
+    async (s) => {
+      if (i === s) {
+        n(null), h(null);
+        return;
+      }
+      n(s);
+      try {
+        const { baseUrl: m = "", authToken: c } = l || {}, x = p || l?.debugEndpoint || "/admin/api/debug", B = `${m}${x}/cache/${encodeURIComponent(s)}`, g = { Accept: "application/json" };
+        c && (g.Authorization = `Bearer ${c}`);
+        const S = await (await fetch(B, {
+          headers: g,
+          credentials: c ? "omit" : "same-origin"
+        })).json();
+        h(S);
+      } catch {
+        h({ error: "Failed to fetch key value" });
+      }
+    },
+    [i, l, p]
+  ), w = A([o]);
+  if (C && !a)
+    return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading cache data..." });
+  if (b)
+    return /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+      "Error: ",
+      b.message
+    ] });
+  if (!a)
+    return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Cache inspector not available" });
+  const d = a.stats || a;
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ e(
+      F,
+      {
+        hitRate: d.hitRate ?? 0,
+        hits: d.totalHits ?? 0,
+        misses: d.totalMisses ?? 0,
+        keys: d.keyCount ?? 0
+      }
+    ),
+    /* @__PURE__ */ e(
+      D,
+      {
+        search: r,
+        onSearchChange: N,
+        placeholder: "Filter keys...",
+        summary: `${o.length} keys`
+      }
+    ),
+    i && !!f && /* @__PURE__ */ t("div", { className: "ss-dbg-cache-detail", children: [
+      /* @__PURE__ */ e("strong", { children: i }),
+      /* @__PURE__ */ t("button", { type: "button", className: "ss-dbg-btn-clear", onClick: () => n(null), children: [
+        "←",
+        " Back"
+      ] }),
+      /* @__PURE__ */ e(j, { data: f, classPrefix: "ss-dbg" })
+    ] }),
+    o.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No cache keys found" }) : /* @__PURE__ */ t("table", { ref: w, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ t("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__ */ t("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: o.map((s) => /* @__PURE__ */ t(
+        "tr",
+        {
+          className: "ss-dbg-email-row",
+          onClick: () => v(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 ? L(s.size) : "-" })
+          ]
+        },
+        s.key
+      )) })
+    ] })
+  ] });
+}
+export {
+  G as CacheTab,
+  G as default
+};

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as i } from "./index-CsImORX6.js";
+import { a as i } from "./index-DwDK-4oX.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-H3OnYqmK.js → ConfigTab-C8kriE2b.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-CsImORX6.js";
+import { u as m } from "./index-DwDK-4oX.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-CvzQS_Wh.js

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

package/dist/react/EmailPreviewOverlay-BmXOAvqG.js

@@ -0,0 +1,58 @@
+import { jsxs as r, jsx as e, Fragment as d } from "react/jsx-runtime";
+function a({
+  email: s,
+  previewHtml: n,
+  isLoading: t = !1,
+  onClose: i,
+  className: c
+}) {
+  return /* @__PURE__ */ r("div", { className: c || "ss-email-preview", children: [
+    /* @__PURE__ */ r("div", { className: "ss-email-preview-header", children: [
+      /* @__PURE__ */ e("div", { className: "ss-email-preview-meta", children: s && /* @__PURE__ */ r(d, { children: [
+        s.subject != null && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "Subject:" }),
+          " ",
+          s.subject
+        ] }),
+        s.from != null && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "From:" }),
+          " ",
+          s.from
+        ] }),
+        s.to != null && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "To:" }),
+          " ",
+          s.to
+        ] }),
+        s.cc && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "CC:" }),
+          " ",
+          s.cc
+        ] }),
+        s.status && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "Status:" }),
+          " ",
+          /* @__PURE__ */ e("span", { className: `ss-email-status ss-email-status-${s.status}`, children: s.status })
+        ] }),
+        s.mailer && /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "Mailer:" }),
+          " ",
+          s.mailer
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e("button", { className: "ss-dbg-btn-clear", onClick: i, type: "button", children: "×" })
+    ] }),
+    t ? /* @__PURE__ */ e("div", { className: "ss-empty", children: "Loading preview..." }) : n ? /* @__PURE__ */ e(
+      "iframe",
+      {
+        className: "ss-email-iframe",
+        srcDoc: n,
+        title: "Email preview",
+        sandbox: ""
+      }
+    ) : /* @__PURE__ */ e("div", { style: { padding: "12px", whiteSpace: "pre-wrap" }, children: s?.text || "No content" })
+  ] });
+}
+export {
+  a as E
+};

package/dist/react/EmailsSection-BJyFJf7A.js

@@ -0,0 +1,226 @@
+import { jsx as s, jsxs as y, Fragment as P } from "react/jsx-runtime";
+import { useState as l, useEffect as T, useCallback as j } from "react";
+import { resolveCcAddr as N, resolveToAddr as f, resolveFromAddr as b, resolveAttachmentCount as F, resolveTimestamp as _ } from "adonisjs-server-stats/core";
+import { T as $ } from "./TimeAgoCell-o3KigGfM.js";
+import { a as D } from "./index-DwDK-4oX.js";
+import { D as E } from "./DataTable-YyShr5B-.js";
+import { F as O } from "./FilterBar-CQ7bD669.js";
+import { E as B } from "./EmailPreviewOverlay-BmXOAvqG.js";
+import { P as H } from "./Pagination-BkmzUDY8.js";
+function Q({ options: o = {} }) {
+  const [x, d] = l(1), [i, g] = l(""), [m, n] = l(null), [p, c] = l(null), { data: h, meta: r, isLoading: k } = D("emails", { ...o, page: x, search: i }), u = h || [];
+  T(() => d(1), [i]);
+  const A = j(
+    async (e) => {
+      if (e.html) {
+        n(e.id), c(e.html);
+        return;
+      }
+      try {
+        const { baseUrl: t = "", dashboardEndpoint: a = "/__stats/api", authToken: w } = o, S = `${t}${a}/emails/${e.id}/preview`, v = { Accept: "text/html" };
+        w && (v.Authorization = `Bearer ${w}`);
+        const C = await (await fetch(S, { headers: v, credentials: "same-origin" })).text();
+        n(e.id), c(C);
+      } catch {
+      }
+    },
+    [o]
+  );
+  if (m && p) {
+    const e = u.find((a) => a.id === m), t = e ? {
+      subject: e.subject,
+      from: b(e),
+      to: f(e),
+      cc: N(e) || null,
+      status: e.status,
+      mailer: e.mailer
+    } : null;
+    return /* @__PURE__ */ s(
+      B,
+      {
+        email: t,
+        previewHtml: p,
+        onClose: () => {
+          n(null), c(null);
+        },
+        className: "ss-dash-email-preview"
+      }
+    );
+  }
+  return /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ s(
+      O,
+      {
+        search: i,
+        onSearchChange: g,
+        placeholder: "Filter emails...",
+        summary: `${r?.total ?? 0} emails`
+      }
+    ),
+    k && !h ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading emails..." }) : /* @__PURE__ */ y(P, { children: [
+      /* @__PURE__ */ s("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ s(
+        E,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (e) => /* @__PURE__ */ s("span", { style: { color: "var(--ss-dim)" }, children: e })
+            },
+            {
+              key: "from",
+              label: "From",
+              width: "150px",
+              render: (e, t) => {
+                const a = b(t);
+                return /* @__PURE__ */ s(
+                  "span",
+                  {
+                    title: a,
+                    style: {
+                      color: "var(--ss-text-secondary)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: a
+                  }
+                );
+              }
+            },
+            {
+              key: "to",
+              label: "To",
+              width: "150px",
+              render: (e, t) => {
+                const a = f(t);
+                return /* @__PURE__ */ s(
+                  "span",
+                  {
+                    title: a,
+                    style: {
+                      color: "var(--ss-text-secondary)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: a
+                  }
+                );
+              }
+            },
+            {
+              key: "subject",
+              label: "Subject",
+              render: (e) => {
+                const t = e || "";
+                return /* @__PURE__ */ s(
+                  "span",
+                  {
+                    title: t,
+                    style: {
+                      color: "var(--ss-sql-color)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: t
+                  }
+                );
+              }
+            },
+            {
+              key: "status",
+              label: "Status",
+              width: "80px",
+              render: (e) => {
+                const t = e || "";
+                return /* @__PURE__ */ s("span", { className: `ss-dash-badge ss-dash-email-status-${t}`, children: t });
+              }
+            },
+            {
+              key: "attachmentCount",
+              label: "ATT",
+              width: "40px",
+              render: (e, t) => {
+                const a = F(t);
+                return a > 0 ? /* @__PURE__ */ s(
+                  "span",
+                  {
+                    style: { color: "var(--ss-dim)", textAlign: "center", display: "block" },
+                    children: a
+                  }
+                ) : /* @__PURE__ */ s(
+                  "span",
+                  {
+                    style: { color: "var(--ss-dim)", textAlign: "center", display: "block" },
+                    children: "-"
+                  }
+                );
+              }
+            },
+            {
+              key: "mailer",
+              label: "Mailer",
+              width: "70px",
+              render: (e) => {
+                const t = e || "";
+                return /* @__PURE__ */ s(
+                  "span",
+                  {
+                    title: t,
+                    style: {
+                      color: "var(--ss-muted)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: t
+                  }
+                );
+              }
+            },
+            {
+              key: "createdAt",
+              label: "Time",
+              width: "80px",
+              render: (e, t) => {
+                const a = _(t);
+                return /* @__PURE__ */ s(
+                  $,
+                  {
+                    ts: a,
+                    className: "ss-dash-event-time",
+                    style: { whiteSpace: "nowrap" }
+                  }
+                );
+              }
+            }
+          ],
+          data: u,
+          onRowClick: A,
+          rowClassName: "ss-dash-email-row",
+          emptyMessage: "No emails captured yet"
+        }
+      ) }),
+      r && /* @__PURE__ */ s(
+        H,
+        {
+          page: r.page,
+          lastPage: r.lastPage,
+          total: r.total,
+          onPageChange: d
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Q as EmailsSection,
+  Q as default
+};