adonisjs-server-stats 1.5.4 → 1.6.2

package/dist/react/JobsSection-CLAin5vU.js

@@ -0,0 +1,187 @@
+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-UdTfSvtO.js";
+import { D as O } from "./DataTable-YyShr5B-.js";
+import { F as U } from "./FilterBar-DQRXpWrb.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(
+    {}
+  ), b = {};
+  o !== "all" && (b.status = o);
+  const { data: h, meta: n, isLoading: S, error: k, refresh: u, mutate: y } = R("jobs", {
+    ...N,
+    page: v,
+    search: p,
+    filters: b
+  }), g = F(h), r = J(h), w = D(
+    async (s) => {
+      d((e) => ({ ...e, [s]: "pending" }));
+      try {
+        await y(`jobs/${s}/retry`), d((e) => ({ ...e, [s]: "success" })), setTimeout(() => {
+          d((e) => {
+            const t = { ...e };
+            return delete t[s], t;
+          }), u();
+        }, 1e3);
+      } catch {
+        d((e) => {
+          const t = { ...e };
+          return delete t[s], t;
+        });
+      }
+    },
+    [y, u]
+  );
+  return /* @__PURE__ */ l("div", { children: [
+    r && /* @__PURE__ */ l("div", { className: "ss-dash-job-stats", children: [
+      /* @__PURE__ */ l("div", { className: "ss-dash-job-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-label", children: "Active:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-value", children: r.active ?? 0 })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-job-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-label", children: "Waiting:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-value", children: r.waiting ?? 0 })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-job-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-label", children: "Delayed:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-value", children: r.delayed ?? 0 })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-job-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-label", children: "Completed:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-value", children: r.completed ?? 0 })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "ss-dash-job-stat", children: [
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-label", children: "Failed:" }),
+        /* @__PURE__ */ a("span", { className: "ss-dash-job-stat-value", style: { color: "var(--ss-red-fg)" }, children: r.failed ?? 0 })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(
+      U,
+      {
+        search: p,
+        onSearchChange: j,
+        placeholder: "Filter jobs...",
+        summary: `${n?.total ?? g.length} jobs`,
+        children: /* @__PURE__ */ a("div", { className: "ss-dash-btn-group", children: T.map((s) => /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: `ss-dash-btn ${o === s ? "ss-dash-active" : ""}`,
+            onClick: () => {
+              f(s), m(1);
+            },
+            children: s.charAt(0).toUpperCase() + s.slice(1)
+          },
+          s
+        )) })
+      }
+    ),
+    S && !h ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Loading jobs..." }) : k ? /* @__PURE__ */ a("div", { className: "ss-dash-empty", children: "Jobs/Queue not available" }) : /* @__PURE__ */ l(C, { children: [
+      /* @__PURE__ */ a("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ a(
+        O,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "ID",
+              width: "40px",
+              render: (s) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-dim)" }, children: s })
+            },
+            {
+              key: "name",
+              label: "Name",
+              render: (s) => /* @__PURE__ */ a("span", { style: { color: "var(--ss-text)" }, title: s, children: s })
+            },
+            {
+              key: "status",
+              label: "Status",
+              width: "90px",
+              render: (s) => /* @__PURE__ */ a($, { color: A(s), children: s })
+            },
+            {
+              key: "payload",
+              label: "Payload",
+              render: (s, e) => /* @__PURE__ */ a(M, { data: s || e?.data, maxPreviewLength: 60 })
+            },
+            {
+              key: "attempts",
+              label: "Tries",
+              width: "50px",
+              render: (s, e) => /* @__PURE__ */ a(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-muted)",
+                    textAlign: "center",
+                    display: "block"
+                  },
+                  children: s || e.attemptsMade || 0
+                }
+              )
+            },
+            {
+              key: "duration",
+              label: "Duration",
+              width: "75px",
+              render: (s) => /* @__PURE__ */ a("span", { className: "ss-dash-duration", children: s !== null ? B(s) : "-" })
+            },
+            {
+              key: "timestamp",
+              label: "Time",
+              width: "70px",
+              render: (s, e) => {
+                const t = s || e?.createdAt || e?.processedAt || e?.created_at;
+                return /* @__PURE__ */ a(
+                  "span",
+                  {
+                    className: "ss-dash-event-time",
+                    style: { whiteSpace: "nowrap" },
+                    title: L(t),
+                    children: _(t)
+                  }
+                );
+              }
+            },
+            {
+              key: "_actions",
+              label: "",
+              width: "50px",
+              render: (s, e) => {
+                const t = e.id, i = x[t];
+                return e.status !== "failed" ? null : /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ss-dash-retry-btn",
+                    disabled: i === "pending" || i === "success",
+                    onClick: (P) => {
+                      P.stopPropagation(), w(t);
+                    },
+                    children: i === "pending" ? "..." : i === "success" ? "OK" : "Retry"
+                  }
+                );
+              }
+            }
+          ],
+          data: g,
+          emptyMessage: "No jobs found"
+        }
+      ) }),
+      n && /* @__PURE__ */ a(
+        E,
+        {
+          page: n.page,
+          lastPage: n.lastPage,
+          total: n.total,
+          onPageChange: m
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  H as JobsSection,
+  H as default
+};

package/dist/react/JobsTab-Dl5nrj2z.js

@@ -0,0 +1,141 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { useState as u, useMemo as T, useCallback as S } from "react";
+import { extractJobs as j, extractJobStats as D, JOB_STATUS_FILTERS as J, getJobStatusCssClass as C, formatDuration as R, timeAgo as $, formatTime as B } from "adonisjs-server-stats/core";
+import { u as k } from "./useDashboardApiBase-Bi36pJ2L.js";
+import { u as F, J as L } from "./index-UdTfSvtO.js";
+import { u as P } from "./useResizableTable-CNJmACdt.js";
+function U({ options: i, dashboardPath: p }) {
+  const { dashApiBase: c, resolvedOptions: N } = k(p, i), { data: d, isLoading: y, error: m } = F("jobs", N), [r, f] = u("all"), [h, b] = u(null), n = T(() => {
+    const e = j(d);
+    return r === "all" ? e : e.filter((a) => a.status === r);
+  }, [d, r]), v = S(
+    async (e) => {
+      b(e);
+      try {
+        const { baseUrl: a = "", authToken: o } = i || {}, A = c || i?.debugEndpoint || "/admin/api/debug", w = `${a}${A}/jobs/${e}/retry`, g = { Accept: "application/json" };
+        o && (g.Authorization = `Bearer ${o}`), await fetch(w, {
+          method: "POST",
+          headers: g,
+          credentials: o ? "omit" : "same-origin"
+        });
+      } catch {
+      }
+      b(null);
+    },
+    [i, c]
+  ), x = P([n]);
+  if (!c)
+    return /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Queue inspector not available (no dashboard configured)" });
+  if (y && !d)
+    return /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading jobs..." });
+  if (m)
+    return /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
+      "Error: ",
+      m.message
+    ] });
+  if (!d)
+    return /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Queue inspector not available" });
+  const l = D(d);
+  return /* @__PURE__ */ t("div", { children: [
+    /* @__PURE__ */ t("div", { className: "ss-dbg-job-stats-area", children: [
+      /* @__PURE__ */ t("div", { className: "ss-dbg-job-stats", children: [
+        /* @__PURE__ */ t("div", { className: "ss-dbg-job-stat", children: [
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-label", children: "Active:" }),
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-value", children: l?.active ?? 0 })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-dbg-job-stat", children: [
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-label", children: "Waiting:" }),
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-value", children: l?.waiting ?? 0 })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-dbg-job-stat", children: [
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-label", children: "Delayed:" }),
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-value", children: l?.delayed ?? 0 })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-dbg-job-stat", children: [
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-label", children: "Completed:" }),
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-value", children: l?.completed ?? 0 })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "ss-dbg-job-stat", children: [
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-label", children: "Failed:" }),
+          /* @__PURE__ */ s("span", { className: "ss-dbg-job-stat-value ss-dbg-c-red", children: l?.failed ?? 0 })
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "ss-dbg-log-filters", children: J.map((e) => /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: `ss-dbg-job-filter ${r === e ? "ss-dbg-active" : ""}`,
+          onClick: () => f(e),
+          children: e
+        },
+        e
+      )) })
+    ] }),
+    n.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "No jobs found" }) : /* @__PURE__ */ t("table", { ref: x, className: "ss-dbg-table", children: [
+      /* @__PURE__ */ t("colgroup", { children: [
+        /* @__PURE__ */ s("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ s("col", { style: { width: "15%" } }),
+        /* @__PURE__ */ s("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ s("col", {}),
+        /* @__PURE__ */ s("col", { style: { width: "50px" } }),
+        /* @__PURE__ */ s("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ s("col", { style: { width: "80px" } }),
+        /* @__PURE__ */ s("col", { style: { width: "60px" } })
+      ] }),
+      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ s("th", { children: "ID" }),
+        /* @__PURE__ */ s("th", { children: "Name" }),
+        /* @__PURE__ */ s("th", { children: "Status" }),
+        /* @__PURE__ */ s("th", { children: "Payload" }),
+        /* @__PURE__ */ s("th", { children: "Tries" }),
+        /* @__PURE__ */ s("th", { children: "Duration" }),
+        /* @__PURE__ */ s("th", { children: "Time" }),
+        /* @__PURE__ */ s("th", {})
+      ] }) }),
+      /* @__PURE__ */ s("tbody", { children: n.map((e) => {
+        const a = e;
+        return /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ s("td", { className: "ss-dbg-c-dim", children: e.id }),
+          /* @__PURE__ */ s("td", { className: "ss-dbg-c-sql", title: e.name, children: e.name }),
+          /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s("span", { className: `ss-dbg-badge ${C(e.status)}`, children: e.status }) }),
+          /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(
+            L,
+            {
+              data: e.payload || e.data,
+              maxPreviewLength: 60,
+              classPrefix: "ss-dbg"
+            }
+          ) }),
+          /* @__PURE__ */ s("td", { className: "ss-dbg-c-muted", style: { textAlign: "center" }, children: e.attempts || a.attemptsMade || 0 }),
+          /* @__PURE__ */ s("td", { className: "ss-dbg-duration", children: e.duration !== null ? R(e.duration) : "-" }),
+          /* @__PURE__ */ s(
+            "td",
+            {
+              className: "ss-dbg-event-time",
+              title: B(
+                e.timestamp || e.createdAt || a.processedAt || a.created_at
+              ),
+              children: $(
+                e.timestamp || e.createdAt || a.processedAt || a.created_at
+              )
+            }
+          ),
+          /* @__PURE__ */ s("td", { children: e.status === "failed" && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: "ss-dbg-retry-btn",
+              onClick: () => v(e.id),
+              disabled: h === e.id,
+              children: h === e.id ? "..." : "Retry"
+            }
+          ) })
+        ] }, e.id);
+      }) })
+    ] })
+  ] });
+}
+export {
+  U as JobsTab,
+  U as default
+};

package/dist/react/LogsSection-C1p81fXO.js

@@ -0,0 +1,212 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { useState as a, useCallback as c } from "react";
+import { LOG_LEVELS as B, resolveLogLevel as G, resolveLogMessage as M, resolveLogRequestId as U, resolveLogTimestamp as z, getLogLevelCssClass as H, timeAgo as J, formatTime as Q } from "adonisjs-server-stats/core";
+import { a as W } from "./index-UdTfSvtO.js";
+import { F as X } from "./FilterBar-DQRXpWrb.js";
+import { P as Y } from "./Pagination-BkmzUDY8.js";
+function re({ options: E = {} }) {
+  const [P, n] = a(1), [C, R] = a(""), [r, F] = a("all"), [i, p] = a(""), [u, v] = a(""), [g, I] = a([]), [f, w] = a("level"), [N, V] = a("equals"), [q, L] = a(""), o = {};
+  r !== "all" && (o.level = r), i && (o.request_id = i), g.forEach((e, t) => {
+    o[`filter_field_${t}`] = e.field, o[`filter_op_${t}`] = e.operator, o[`filter_value_${t}`] = e.value;
+  });
+  const { data: S, meta: d, isLoading: A } = W("logs", {
+    ...E,
+    page: P,
+    search: C,
+    filters: o
+  }), k = S || [], _ = c((e) => {
+    p(e), v(e), n(1);
+  }, []), K = c(() => {
+    const e = u.trim();
+    p(e), n(1);
+  }, [u]), $ = c(() => {
+    p(""), v(""), n(1);
+  }, []), O = c(() => {
+    F("all"), n(1);
+  }, []), D = c(() => {
+    const e = q.trim();
+    e && (I((t) => [
+      ...t,
+      { field: f, operator: N, value: e }
+    ]), L(""));
+  }, [f, N, q]), j = c((e) => {
+    I((t) => t.filter((b, y) => y !== e));
+  }, []), x = r !== "all" || i !== "" || g.length > 0;
+  return /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ s(
+      X,
+      {
+        search: C,
+        onSearchChange: R,
+        placeholder: "Search logs...",
+        summary: `${d?.total ?? 0} logs`,
+        children: /* @__PURE__ */ l("div", { className: "ss-dash-log-filters", children: [
+          B.map((e) => /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: `ss-dash-log-filter ${r === e ? "ss-dash-active" : ""}`,
+              onClick: () => {
+                F(e), n(1);
+              },
+              children: e
+            },
+            e
+          )),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              type: "text",
+              className: "ss-dash-filter-input ss-dash-reqid-input",
+              placeholder: "Filter by request ID...",
+              value: u,
+              onChange: (e) => v(e.target.value),
+              onKeyDown: (e) => e.key === "Enter" && K()
+            }
+          ),
+          (u || i) && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: "ss-dash-btn ss-dash-reqid-clear",
+              onClick: () => {
+                $();
+              },
+              children: "Clear"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "ss-dash-structured-search", children: [
+      /* @__PURE__ */ l(
+        "select",
+        {
+          className: "ss-dash-filter-select",
+          value: f,
+          onChange: (e) => w(e.target.value),
+          children: [
+            /* @__PURE__ */ s("option", { value: "level", children: "level" }),
+            /* @__PURE__ */ s("option", { value: "message", children: "message" }),
+            /* @__PURE__ */ s("option", { value: "request_id", children: "request_id" }),
+            /* @__PURE__ */ s("option", { value: "userId", children: "userId" }),
+            /* @__PURE__ */ s("option", { value: "email", children: "email" }),
+            /* @__PURE__ */ s("option", { value: "path", children: "path" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "select",
+        {
+          className: "ss-dash-filter-select",
+          value: N,
+          onChange: (e) => V(e.target.value),
+          children: [
+            /* @__PURE__ */ s("option", { value: "equals", children: "equals" }),
+            /* @__PURE__ */ s("option", { value: "contains", children: "contains" }),
+            /* @__PURE__ */ s("option", { value: "starts_with", children: "starts with" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ s(
+        "input",
+        {
+          className: "ss-dash-filter-input",
+          placeholder: "Value...",
+          value: q,
+          onChange: (e) => L(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && D()
+        }
+      ),
+      /* @__PURE__ */ s("button", { type: "button", className: "ss-dash-btn", onClick: D, children: "Add" })
+    ] }),
+    x && /* @__PURE__ */ l("div", { className: "ss-dash-filter-chips", children: [
+      r !== "all" && /* @__PURE__ */ l("span", { className: "ss-dash-filter-chip", children: [
+        "level: ",
+        r,
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-filter-chip-remove",
+            onClick: O,
+            children: "×"
+          }
+        )
+      ] }),
+      i && /* @__PURE__ */ l("span", { className: "ss-dash-filter-chip", children: [
+        "requestId: ",
+        i.slice(0, 8),
+        "...",
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-filter-chip-remove",
+            onClick: $,
+            children: "×"
+          }
+        )
+      ] }),
+      g.map((e, t) => /* @__PURE__ */ l("span", { className: "ss-dash-filter-chip", children: [
+        e.field,
+        " ",
+        e.operator,
+        ' "',
+        e.value,
+        '"',
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-filter-chip-remove",
+            onClick: () => j(t),
+            children: "×"
+          }
+        )
+      ] }, t))
+    ] }),
+    A && !S ? /* @__PURE__ */ s("div", { className: "ss-dash-empty", children: "Loading logs..." }) : k.length === 0 ? /* @__PURE__ */ l("div", { className: "ss-dash-empty", children: [
+      "No log entries",
+      i ? ` matching request ${i}` : r !== "all" ? ` for ${r}` : ""
+    ] }) : /* @__PURE__ */ s("div", { className: "ss-dash-log-entries", children: k.map((e, t) => {
+      const b = G(e), y = M(e), h = U(e), m = z(e);
+      return /* @__PURE__ */ l("div", { className: "ss-dash-log-entry", children: [
+        /* @__PURE__ */ s(
+          "span",
+          {
+            className: `ss-dash-log-level ${H(b, "ss-dash-log-level")}`,
+            children: b.toUpperCase()
+          }
+        ),
+        /* @__PURE__ */ s("span", { className: "ss-dash-log-time", title: m ? Q(m) : "", children: m ? J(m) : "-" }),
+        h ? /* @__PURE__ */ s(
+          "span",
+          {
+            className: "ss-dash-log-reqid",
+            title: h,
+            onClick: () => _(h),
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: (T) => T.key === "Enter" && _(h),
+            children: h.slice(0, 8)
+          }
+        ) : /* @__PURE__ */ s("span", { className: "ss-dash-log-reqid-empty", children: "--" }),
+        /* @__PURE__ */ s("span", { className: "ss-dash-log-msg", children: y })
+      ] }, e.id || t);
+    }) }),
+    d && /* @__PURE__ */ s(
+      Y,
+      {
+        page: d.page,
+        lastPage: d.lastPage,
+        total: d.total,
+        onPageChange: n
+      }
+    )
+  ] });
+}
+export {
+  re as LogsSection,
+  re as default
+};

package/dist/react/LogsTab-D-kR7PjX.js

@@ -0,0 +1,88 @@
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import { useState as m, useMemo as x, useCallback as k } from "react";
+import { filterLogsByLevel as w, resolveLogRequestId as v, resolveLogMessage as f, LOG_LEVELS as F, resolveLogLevel as I, resolveLogTimestamp as E, getLogLevelCssClass as A, timeAgo as D, formatTime as R } from "adonisjs-server-stats/core";
+import { u as S } from "./index-UdTfSvtO.js";
+function B({ options: L }) {
+  const { data: l, isLoading: y, error: u } = S("logs", L), [d, N] = m("all"), [n, C] = m(""), [o, b] = m(""), g = x(() => {
+    let e = Array.isArray(l) ? l : l?.logs || l?.entries || [];
+    if (e = w(e, d), o) {
+      const t = o.toLowerCase();
+      e = e.filter((r) => v(r).toLowerCase().includes(t));
+    }
+    if (n) {
+      const t = n.toLowerCase();
+      e = e.filter((r) => f(r).toLowerCase().includes(t));
+    }
+    return e;
+  }, [l, d, n, o]), h = k((e) => {
+    b((t) => t === e ? "" : e);
+  }, []);
+  return y && !l ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading logs..." }) : u ? /* @__PURE__ */ a("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    u.message
+  ] }) : /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "ss-dbg-log-filters", children: [
+      F.map((e) => /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: `ss-dbg-log-filter ${d === e ? "ss-dbg-active" : ""}`,
+          onClick: () => N(e),
+          children: e
+        },
+        e
+      )),
+      o && /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "ss-dbg-log-filter ss-dbg-active",
+          onClick: () => b(""),
+          children: [
+            "req: ",
+            o.slice(0, 8),
+            " x"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "ss-dbg-summary", style: { marginLeft: "auto" }, children: [
+        g.length,
+        " entries"
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "ss-dbg-search-bar", children: /* @__PURE__ */ s(
+      "input",
+      {
+        type: "text",
+        className: "ss-dbg-search",
+        placeholder: "Filter log messages...",
+        value: n,
+        onChange: (e) => C(e.target.value)
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { style: { overflow: "auto", flex: 1 }, children: g.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "No log entries" }) : g.slice(-200).reverse().map((e, t) => {
+      const r = I(e), p = f(e), c = E(e), i = v(e);
+      return /* @__PURE__ */ a("div", { className: "ss-dbg-log-entry", children: [
+        /* @__PURE__ */ s("span", { className: `ss-dbg-log-level ${A(r)}`, children: r.toUpperCase() }),
+        /* @__PURE__ */ s("span", { className: "ss-dbg-log-time", title: c ? R(c) : "", children: c ? D(c) : "-" }),
+        i ? /* @__PURE__ */ s(
+          "span",
+          {
+            className: "ss-dbg-log-reqid",
+            onClick: () => h(i),
+            role: "button",
+            tabIndex: 0,
+            title: i,
+            onKeyDown: (q) => q.key === "Enter" && h(i),
+            children: i.slice(0, 8)
+          }
+        ) : /* @__PURE__ */ s("span", { className: "ss-dbg-log-reqid-empty", children: "-" }),
+        /* @__PURE__ */ s("span", { className: "ss-dbg-log-msg", children: p })
+      ] }, t);
+    }) })
+  ] });
+}
+export {
+  B as LogsTab,
+  B as default
+};