adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/react/ConfigTab-BSWq_o2p.js

@@ -0,0 +1,15 @@
+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-UdTfSvtO.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);
+  return s ? /* @__PURE__ */ i("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    s.message
+  ] }) : /* @__PURE__ */ n(d, { data: e, isLoading: t, classPrefix: "ss-dbg" });
+}
+export {
+  b as ConfigTab,
+  b as default
+};

package/dist/react/CustomPaneTab-xjkYwTvH.js

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

package/dist/react/DataTable-YyShr5B-.js

@@ -0,0 +1,55 @@
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import g, { useCallback as N } from "react";
+import { u as $ } from "./useResizableTable-CNJmACdt.js";
+function z({
+  columns: t,
+  data: d,
+  keyField: b = "id",
+  sort: m,
+  sortDir: p,
+  onSort: r,
+  onRowClick: l,
+  rowClassName: i,
+  emptyMessage: y = "No data",
+  className: k = "",
+  renderAfterRow: n
+}) {
+  const f = N(
+    (e) => {
+      r && r(e);
+    },
+    [r]
+  ), u = $([d, t]);
+  return d.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: y }) : /* @__PURE__ */ h("table", { ref: u, className: `ss-dash-table ${k}`, children: [
+    /* @__PURE__ */ s("colgroup", { children: t.map((e) => /* @__PURE__ */ s("col", { style: e.width ? { width: e.width } : void 0 }, e.key)) }),
+    /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: t.map((e) => /* @__PURE__ */ h(
+      "th",
+      {
+        onClick: e.sortable ? () => f(e.key) : void 0,
+        className: e.sortable ? "ss-dash-sortable" : "",
+        children: [
+          e.label,
+          m === e.key && /* @__PURE__ */ s("span", { className: "ss-dash-sort-arrow", children: p === "asc" ? " ▲" : " ▼" })
+        ]
+      },
+      e.key
+    )) }) }),
+    /* @__PURE__ */ s("tbody", { children: d.map((e, c) => {
+      const v = i ? typeof i == "function" ? i(e) : i : "", x = l ? "ss-dash-clickable" : "";
+      return /* @__PURE__ */ h(g.Fragment, { children: [
+        /* @__PURE__ */ s(
+          "tr",
+          {
+            onClick: l ? () => l(e) : void 0,
+            className: `${x} ${v}`.trim(),
+            children: t.map((a) => /* @__PURE__ */ s("td", { children: a.render ? a.render(e[a.key], e) : e[a.key] ?? "-" }, a.key))
+          }
+        ),
+        n ? n(e, c) : null
+      ] }, e[b] ?? c);
+    }) })
+  ] });
+}
+export {
+  z as D
+};

package/dist/react/EmailsSection-CSyTg1aX.js

@@ -0,0 +1,262 @@
+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-UdTfSvtO.js";
+import { D as j } from "./DataTable-YyShr5B-.js";
+import { F as $ } from "./FilterBar-DQRXpWrb.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 || [];
+  N(() => h(1), [o]);
+  const k = C(
+    async (e) => {
+      if (e.html) {
+        c(e.id), m(e.html);
+        return;
+      }
+      try {
+        const { baseUrl: s = "", dashboardEndpoint: t = "/__stats/api", authToken: f } = d, _ = `${s}${t}/emails/${e.id}/preview`, b = { Accept: "text/html" };
+        f && (b.Authorization = `Bearer ${f}`);
+        const S = await (await fetch(_, { headers: b, credentials: "same-origin" })).text();
+        c(e.id), m(S);
+      } catch {
+      }
+    },
+    [d]
+  );
+  if (p && u) {
+    const e = w.find((s) => s.id === p);
+    return /* @__PURE__ */ r("div", { className: "ss-dash-email-preview", id: "ss-dash-email-preview", children: [
+      /* @__PURE__ */ r("div", { className: "ss-dash-email-preview-header", children: [
+        /* @__PURE__ */ a("div", { className: "ss-dash-email-preview-meta", id: "ss-dash-email-preview-meta", children: e && /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ a("strong", { children: "Subject:" }),
+          " ",
+          e.subject,
+          "  |  ",
+          /* @__PURE__ */ a("strong", { children: "From:" }),
+          " ",
+          e.from_addr || e.from,
+          "  |  ",
+          /* @__PURE__ */ a("strong", { children: "To:" }),
+          " ",
+          e.to_addr || e.to,
+          (e.cc || e.cc_addr) && /* @__PURE__ */ r(i, { children: [
+            "  |  ",
+            /* @__PURE__ */ a("strong", { children: "CC:" }),
+            " ",
+            e.cc || e.cc_addr
+          ] }),
+          "  |  ",
+          /* @__PURE__ */ a("strong", { children: "Status:" }),
+          " ",
+          /* @__PURE__ */ a("span", { className: `ss-dash-badge ss-dash-email-status-${e.status}`, children: e.status }),
+          e.mailer && /* @__PURE__ */ r(i, { children: [
+            "  |  ",
+            /* @__PURE__ */ a("strong", { children: "Mailer:" }),
+            " ",
+            e.mailer
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-btn",
+            id: "ss-dash-email-preview-close",
+            onClick: () => {
+              c(null), m(null);
+            },
+            children: "Close"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "iframe",
+        {
+          className: "ss-dash-email-iframe",
+          id: "ss-dash-email-iframe",
+          srcDoc: u,
+          title: "Email preview",
+          sandbox: ""
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ a(
+      $,
+      {
+        search: o,
+        onSearchChange: g,
+        placeholder: "Filter emails...",
+        summary: `${l?.total ?? 0} emails`
+      }
+    ),
+    x && !v ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading emails..." }) : /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ a("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ a(
+        j,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (e) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-dim)" }, children: e })
+            },
+            {
+              key: "from",
+              label: "From",
+              width: "150px",
+              render: (e, s) => {
+                const t = s.from_addr || s.from || "";
+                return /* @__PURE__ */ a(
+                  "span",
+                  {
+                    title: t,
+                    style: {
+                      color: "var(--ss-text-secondary)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: t
+                  }
+                );
+              }
+            },
+            {
+              key: "to",
+              label: "To",
+              width: "150px",
+              render: (e, s) => {
+                const t = s.to_addr || s.to || "";
+                return /* @__PURE__ */ a(
+                  "span",
+                  {
+                    title: t,
+                    style: {
+                      color: "var(--ss-text-secondary)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: t
+                  }
+                );
+              }
+            },
+            {
+              key: "subject",
+              label: "Subject",
+              render: (e) => {
+                const s = e || "";
+                return /* @__PURE__ */ a(
+                  "span",
+                  {
+                    title: s,
+                    style: {
+                      color: "var(--ss-sql-color)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: s
+                  }
+                );
+              }
+            },
+            {
+              key: "status",
+              label: "Status",
+              width: "80px",
+              render: (e) => {
+                const s = e || "";
+                return /* @__PURE__ */ a("span", { className: `ss-dash-badge ss-dash-email-status-${s}`, children: s });
+              }
+            },
+            {
+              key: "attachmentCount",
+              label: "ATT",
+              width: "40px",
+              render: (e, s) => {
+                const t = s.attachment_count || s.attachmentCount || 0;
+                return t > 0 ? /* @__PURE__ */ a(
+                  "span",
+                  {
+                    style: { color: "var(--ss-dim)", textAlign: "center", display: "block" },
+                    children: t
+                  }
+                ) : /* @__PURE__ */ a(
+                  "span",
+                  {
+                    style: { color: "var(--ss-dim)", textAlign: "center", display: "block" },
+                    children: "-"
+                  }
+                );
+              }
+            },
+            {
+              key: "mailer",
+              label: "Mailer",
+              width: "70px",
+              render: (e) => {
+                const s = e || "";
+                return /* @__PURE__ */ a(
+                  "span",
+                  {
+                    title: s,
+                    style: {
+                      color: "var(--ss-muted)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: s
+                  }
+                );
+              }
+            },
+            {
+              key: "createdAt",
+              label: "Time",
+              width: "80px",
+              render: (e, s) => {
+                const t = s.createdAt || s.created_at || s.timestamp;
+                return /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: "ss-dash-event-time",
+                    style: { whiteSpace: "nowrap" },
+                    title: A(t),
+                    children: P(t)
+                  }
+                );
+              }
+            }
+          ],
+          data: w,
+          onRowClick: k,
+          rowClassName: "ss-dash-email-row",
+          emptyMessage: "No emails captured yet"
+        }
+      ) }),
+      l && /* @__PURE__ */ a(
+        F,
+        {
+          page: l.page,
+          lastPage: l.lastPage,
+          total: l.total,
+          onPageChange: h
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  q as EmailsSection,
+  q as default
+};

package/dist/react/EmailsTab-Dh2YSa_f.js

@@ -0,0 +1,131 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useState as m, useMemo as u, useCallback as N } from "react";
+import { timeAgo as y, formatTime as x } from "adonisjs-server-stats/core";
+import { u as C } from "./index-UdTfSvtO.js";
+import { u as j } from "./useResizableTable-CNJmACdt.js";
+function k({ options: b }) {
+  const { data: i, isLoading: g, error: n } = C("emails", b), [c, p] = m(""), [o, h] = m(null), r = u(() => {
+    const s = i?.emails || [];
+    if (!c) return s;
+    const l = c.toLowerCase();
+    return s.filter(
+      (a) => (a.subject || "").toLowerCase().includes(l) || (a.to || "").toLowerCase().includes(l) || (a.from || "").toLowerCase().includes(l) || (a.mailer || "").toLowerCase().includes(l)
+    );
+  }, [i, c]), d = u(() => r.find((s) => s.id === o), [r, o]), w = N(() => h(null), []), f = {
+    sent: "ss-dbg-email-status-sent",
+    sending: "ss-dbg-email-status-sending",
+    queued: "ss-dbg-email-status-queued",
+    failed: "ss-dbg-email-status-failed"
+  }, v = j([r]);
+  return g && !i ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading emails..." }) : n ? /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    n.message
+  ] }) : d ? /* @__PURE__ */ t("div", { className: "ss-dbg-email-preview", children: [
+    /* @__PURE__ */ t("div", { className: "ss-dbg-email-preview-header", children: [
+      /* @__PURE__ */ t("div", { className: "ss-dbg-email-preview-meta", children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "Subject:" }),
+          " ",
+          d.subject
+        ] }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "From:" }),
+          " ",
+          d.from
+        ] }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "To:" }),
+          " ",
+          d.to
+        ] }),
+        d.cc && /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("strong", { children: "CC:" }),
+          " ",
+          d.cc
+        ] })
+      ] }),
+      /* @__PURE__ */ e("button", { className: "ss-dbg-btn-clear", onClick: w, type: "button", children: "×" })
+    ] }),
+    d.html ? /* @__PURE__ */ e(
+      "iframe",
+      {
+        className: "ss-dbg-email-iframe",
+        srcDoc: d.html,
+        title: "Email preview",
+        sandbox: ""
+      }
+    ) : /* @__PURE__ */ e("div", { style: { padding: "12px", whiteSpace: "pre-wrap" }, children: d.text || "No content" })
+  ] }) : /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ t("div", { className: "ss-dbg-search-bar", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          className: "ss-dbg-search",
+          placeholder: "Filter emails...",
+          value: c,
+          onChange: (s) => p(s.target.value)
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: "ss-dbg-summary", children: [
+        r.length,
+        " emails"
+      ] })
+    ] }),
+    r.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No emails captured" }) : /* @__PURE__ */ t("table", { ref: v, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ t("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__ */ t("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: r.map((s) => /* @__PURE__ */ t(
+        "tr",
+        {
+          className: "ss-dbg-email-row",
+          onClick: () => h(s.id),
+          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 ${f[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",
+              {
+                className: "ss-dbg-event-time",
+                title: x(
+                  s.timestamp || s.created_at || s.createdAt
+                ),
+                children: y(
+                  s.timestamp || s.created_at || s.createdAt
+                )
+              }
+            )
+          ]
+        },
+        s.id
+      )) })
+    ] })
+  ] });
+}
+export {
+  k as EmailsTab,
+  k as default
+};

package/dist/react/EventsSection-C1pbJDfW.js

@@ -0,0 +1,86 @@
+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-UdTfSvtO.js";
+import { D as x } from "./DataTable-YyShr5B-.js";
+import { F as P } from "./FilterBar-DQRXpWrb.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 || [];
+  return f(() => i(1), [r]), /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ e(
+      P,
+      {
+        search: r,
+        onSearchChange: p,
+        placeholder: "Filter events...",
+        summary: `${t?.total ?? 0} events`
+      }
+    ),
+    h && !l ? /* @__PURE__ */ e("div", { className: "ss-dash-empty", children: "Loading events..." }) : /* @__PURE__ */ o(g, { children: [
+      /* @__PURE__ */ e("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ e(
+        x,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "#",
+              width: "40px",
+              render: (s) => /* @__PURE__ */ e("span", { style: { color: "var(--ss-dim)" }, children: s })
+            },
+            {
+              key: "eventName",
+              label: "Event",
+              render: (s, a) => {
+                const n = a.event_name || a.eventName || a.event || "";
+                return /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: "ss-dash-event-name",
+                    title: n,
+                    style: {
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      display: "block"
+                    },
+                    children: n
+                  }
+                );
+              }
+            },
+            {
+              key: "data",
+              label: "Data",
+              render: (s) => /* @__PURE__ */ e(N, { data: s, maxPreviewLength: 80, className: "ss-dash-event-data" })
+            },
+            {
+              key: "createdAt",
+              label: "Time",
+              width: "80px",
+              render: (s, a) => {
+                const n = a.createdAt || a.created_at || a.timestamp;
+                return /* @__PURE__ */ e("span", { className: "ss-dash-event-time", title: u(n), children: y(n) });
+              }
+            }
+          ],
+          data: v,
+          emptyMessage: "No events recorded yet"
+        }
+      ) }),
+      t && /* @__PURE__ */ e(
+        k,
+        {
+          page: t.page,
+          lastPage: t.lastPage,
+          total: t.total,
+          onPageChange: i
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  L as EventsSection,
+  L as default
+};