adonisjs-server-stats 1.10.0 → 1.11.0

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-DfFd-WRq.js → ConfigSection-B9EHh4Rp.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as i } from "./index-Cflz9Ebj.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-Bdg8YMer.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-Cflz9Ebj.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
+};

package/dist/react/EmailsTab-Ch8jp10B.js

@@ -0,0 +1,110 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useState as c, useMemo as f, useCallback as w } from "react";
+import { resolveTimestamp as k } from "adonisjs-server-stats/core";
+import { T as E } from "./TimeAgoCell-o3KigGfM.js";
+import { u as S } from "./index-DwDK-4oX.js";
+import { u as j } from "./useResizableTable-CNJmACdt.js";
+import { F as q } from "./FilterBar-CQ7bD669.js";
+import { E as $ } from "./EmailPreviewOverlay-BmXOAvqG.js";
+function R({ options: l }) {
+  const { data: n, isLoading: y, error: h } = S("emails", l), [d, v] = c(""), [u, g] = c(null), [N, o] = c(null), [C, m] = c(!1), a = f(() => {
+    const s = n?.emails || [];
+    if (!d) return s;
+    const i = d.toLowerCase();
+    return s.filter(
+      (t) => (t.subject || "").toLowerCase().includes(i) || (t.to || "").toLowerCase().includes(i) || (t.from || "").toLowerCase().includes(i) || (t.mailer || "").toLowerCase().includes(i)
+    );
+  }, [n, d]), b = f(() => a.find((s) => s.id === u), [a, u]), x = w(
+    async (s) => {
+      if (g(s.id), o(s.html || null), !s.html && s.id) {
+        m(!0);
+        try {
+          const i = l?.debugEndpoint || "/admin/api/debug", t = {};
+          l?.authToken && (t.Authorization = `Bearer ${l.authToken}`);
+          const p = await fetch(`${i}/emails/${s.id}/preview`, {
+            headers: t,
+            credentials: l?.authToken ? "omit" : "include"
+          });
+          p.ok && o(await p.text());
+        } catch {
+        } finally {
+          m(!1);
+        }
+      }
+    },
+    [l]
+  ), T = w(() => {
+    g(null), o(null), m(!1);
+  }, []), L = {
+    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"
+  }, P = j([a]);
+  return y && !n ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading emails..." }) : h ? /* @__PURE__ */ r("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    h.message
+  ] }) : b ? /* @__PURE__ */ e(
+    $,
+    {
+      email: b,
+      previewHtml: N,
+      isLoading: C,
+      onClose: T,
+      className: "ss-dbg-email-preview"
+    }
+  ) : /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ e(
+      q,
+      {
+        search: d,
+        onSearchChange: v,
+        placeholder: "Filter emails...",
+        summary: `${a.length} emails`
+      }
+    ),
+    a.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No emails captured" }) : /* @__PURE__ */ r("table", { ref: P, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ r("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__ */ r("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((s) => /* @__PURE__ */ r("tr", { className: "ss-dbg-email-row", onClick: () => x(s), children: [
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: s.id }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-secondary", title: s.from, children: s.from }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-secondary", title: s.to, children: s.to }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-sql", children: s.subject }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-email-status ${L[s.status] || ""}`, children: s.status }) }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", children: s.mailer }),
+        /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { textAlign: "center" }, children: s.attachmentCount > 0 ? s.attachmentCount : "-" }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          E,
+          {
+            ts: k(s),
+            className: "ss-dbg-event-time"
+          }
+        ) })
+      ] }, s.id)) })
+    ] })
+  ] });
+}
+export {
+  R as EmailsTab,
+  R as default
+};