adonisjs-server-stats 1.10.0 → 1.11.0

package/dist/react/JobsSection-DWF4i1t_.js

@@ -0,0 +1,167 @@
+import { jsxs as y, jsx as t, Fragment as T } from "react/jsx-runtime";
+import { useState as l, useCallback as C } from "react";
+import { extractJobs as D, extractJobStats as F, JOB_STATUS_FILTERS as j, getJobStatusBadgeColor as B, formatDuration as A, resolveJobTimestamp as L } from "adonisjs-server-stats/core";
+import { a as R, B as _, J as $ } from "./index-DwDK-4oX.js";
+import { J as M } from "./JobStatsBar-C7RslAFE.js";
+import { T as O } from "./TimeAgoCell-o3KigGfM.js";
+import { D as U } from "./DataTable-YyShr5B-.js";
+import { F as E } from "./FilterBar-CQ7bD669.js";
+import { P as K } from "./Pagination-BkmzUDY8.js";
+function Z({ options: g = {} }) {
+  const [f, c] = l(1), [m, x] = l(""), [i, S] = l("all"), [k, n] = l(
+    {}
+  ), p = {};
+  i !== "all" && (p.status = i);
+  const { data: d, meta: r, isLoading: w, error: J, refresh: h, mutate: u } = R("jobs", {
+    ...g,
+    page: f,
+    search: m,
+    filters: p
+  }), b = D(d), v = F(d), N = C(
+    async (e) => {
+      n((a) => ({ ...a, [e]: "pending" }));
+      try {
+        await u(`jobs/${e}/retry`), n((a) => ({ ...a, [e]: "success" })), setTimeout(() => {
+          n((a) => {
+            const s = { ...a };
+            return delete s[e], s;
+          }), h();
+        }, 1e3);
+      } catch {
+        n((a) => {
+          const s = { ...a };
+          return delete s[e], s;
+        });
+      }
+    },
+    [u, h]
+  );
+  return /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ t(M, { stats: v, classPrefix: "ss-dash" }),
+    /* @__PURE__ */ t(
+      E,
+      {
+        search: m,
+        onSearchChange: x,
+        placeholder: "Filter jobs...",
+        summary: `${r?.total ?? b.length} jobs`,
+        children: /* @__PURE__ */ t("div", { className: "ss-dash-btn-group", children: j.map((e) => /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: `ss-dash-btn ${i === e ? "ss-dash-active" : ""}`,
+            onClick: () => {
+              S(e), c(1);
+            },
+            children: e.charAt(0).toUpperCase() + e.slice(1)
+          },
+          e
+        )) })
+      }
+    ),
+    w && !d ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading jobs..." }) : J ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Jobs/Queue not available" }) : /* @__PURE__ */ y(T, { children: [
+      /* @__PURE__ */ t("div", { className: "ss-dash-table-wrap", children: /* @__PURE__ */ t(
+        U,
+        {
+          columns: [
+            {
+              key: "id",
+              label: "ID",
+              width: "40px",
+              render: (e) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-dim)" }, children: e })
+            },
+            {
+              key: "name",
+              label: "Name",
+              render: (e) => /* @__PURE__ */ t("span", { style: { color: "var(--ss-text)" }, title: e, children: e })
+            },
+            {
+              key: "status",
+              label: "Status",
+              width: "90px",
+              render: (e) => /* @__PURE__ */ t(_, { color: B(e), children: e })
+            },
+            {
+              key: "payload",
+              label: "Payload",
+              render: (e, a) => /* @__PURE__ */ t($, { data: e || a?.data, maxPreviewLength: 60 })
+            },
+            {
+              key: "attempts",
+              label: "Tries",
+              width: "50px",
+              render: (e, a) => /* @__PURE__ */ t(
+                "span",
+                {
+                  style: {
+                    color: "var(--ss-muted)",
+                    textAlign: "center",
+                    display: "block"
+                  },
+                  children: e || a.attemptsMade || 0
+                }
+              )
+            },
+            {
+              key: "duration",
+              label: "Duration",
+              width: "75px",
+              render: (e) => /* @__PURE__ */ t("span", { className: "ss-dash-duration", children: e !== null ? A(e) : "-" })
+            },
+            {
+              key: "timestamp",
+              label: "Time",
+              width: "70px",
+              render: (e, a) => {
+                const s = e || L(a);
+                return /* @__PURE__ */ t(
+                  O,
+                  {
+                    ts: s,
+                    className: "ss-dash-event-time",
+                    style: { whiteSpace: "nowrap" }
+                  }
+                );
+              }
+            },
+            {
+              key: "_actions",
+              label: "",
+              width: "50px",
+              render: (e, a) => {
+                const s = a.id, o = k[s];
+                return a.status !== "failed" ? null : /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ss-dash-retry-btn",
+                    disabled: o === "pending" || o === "success",
+                    onClick: (P) => {
+                      P.stopPropagation(), N(s);
+                    },
+                    children: o === "pending" ? "..." : o === "success" ? "OK" : "Retry"
+                  }
+                );
+              }
+            }
+          ],
+          data: b,
+          emptyMessage: "No jobs found"
+        }
+      ) }),
+      r && /* @__PURE__ */ t(
+        K,
+        {
+          page: r.page,
+          lastPage: r.lastPage,
+          total: r.total,
+          onPageChange: c
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  Z as JobsSection,
+  Z as default
+};

package/dist/react/JobsTab-DqnifQXV.js

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

package/dist/react/LogEntryRow-CMMkqA9M.js

@@ -0,0 +1,43 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import g from "react";
+import { T as v } from "./TimeAgoCell-o3KigGfM.js";
+import { resolveLogLevel as u, resolveLogMessage as f, resolveLogTimestamp as h, resolveLogRequestId as L, getStructuredData as x, getLogLevelCssClass as N } from "adonisjs-server-stats/core";
+import { J as y } from "./index-DwDK-4oX.js";
+function $({ log: o, index: c, expanded: l, onToggleExpand: m, onReqIdClick: e }) {
+  const n = u(o), d = f(o), p = h(o), a = L(o), t = x(o);
+  return /* @__PURE__ */ i(g.Fragment, { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: `ss-log-entry${t ? " ss-log-entry-expandable" : ""}`,
+        onClick: () => t && m(c),
+        children: [
+          /* @__PURE__ */ s("span", { className: `ss-log-level ${N(n, "ss-log-level")}`, children: n.toUpperCase() }),
+          /* @__PURE__ */ s(v, { ts: p, className: "ss-log-time" }),
+          a ? /* @__PURE__ */ s(
+            "span",
+            {
+              className: "ss-log-reqid",
+              title: a,
+              onClick: e ? (r) => {
+                r.stopPropagation(), e(a);
+              } : void 0,
+              role: e ? "button" : void 0,
+              tabIndex: e ? 0 : void 0,
+              onKeyDown: e ? (r) => {
+                r.key === "Enter" && (r.stopPropagation(), e(a));
+              } : void 0,
+              children: a.slice(0, 8)
+            }
+          ) : /* @__PURE__ */ s("span", { className: "ss-log-reqid-empty", children: "--" }),
+          t ? /* @__PURE__ */ s("span", { className: `ss-log-expand-icon${l ? " ss-log-expand-icon-open" : ""}`, children: "▶" }) : /* @__PURE__ */ s("span", { style: { width: 14 } }),
+          /* @__PURE__ */ s("span", { className: "ss-log-msg", children: d })
+        ]
+      }
+    ),
+    l && t && /* @__PURE__ */ s("div", { className: "ss-log-detail", children: /* @__PURE__ */ s(y, { data: t, classPrefix: "ss-dbg", defaultExpanded: !0 }) })
+  ] });
+}
+export {
+  $ as L
+};

package/dist/react/LogsSection-C1xC5aP4.js

@@ -0,0 +1,198 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as a, useCallback as c } from "react";
+import { LOG_LEVELS as B } from "adonisjs-server-stats/core";
+import { a as G } from "./index-DwDK-4oX.js";
+import { F as T } from "./FilterBar-CQ7bD669.js";
+import { L as z } from "./LogEntryRow-CMMkqA9M.js";
+import { P as H } from "./Pagination-BkmzUDY8.js";
+function Z({ options: L = {} }) {
+  const [E, i] = a(1), [b, x] = a(""), [r, q] = a("all"), [n, h] = a(""), [u, p] = a(""), [m, y] = a([]), [v, R] = a("level"), [g, $] = a("equals"), [f, C] = a(""), [F, P] = a(null), o = {};
+  r !== "all" && (o.level = r), n && (o.request_id = n), m.forEach((e, s) => {
+    o[`filter_field_${s}`] = e.field, o[`filter_op_${s}`] = e.operator, o[`filter_value_${s}`] = e.value;
+  });
+  const { data: I, meta: d, isLoading: w } = G("logs", {
+    ...L,
+    page: E,
+    search: b,
+    filters: o
+  }), S = I || [], D = c((e) => {
+    h(e), p(e), i(1);
+  }, []), V = c(() => {
+    const e = u.trim();
+    h(e), i(1);
+  }, [u]), _ = c(() => {
+    h(""), p(""), i(1);
+  }, []), O = c(() => {
+    q("all"), i(1);
+  }, []), k = c(() => {
+    const e = f.trim();
+    e && (y((s) => [
+      ...s,
+      { field: v, operator: g, value: e }
+    ]), C(""));
+  }, [v, g, f]), j = c((e) => {
+    y((s) => s.filter((N, K) => K !== e));
+  }, []), A = r !== "all" || n !== "" || m.length > 0;
+  return /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ t(
+      T,
+      {
+        search: b,
+        onSearchChange: x,
+        placeholder: "Search logs...",
+        summary: `${d?.total ?? 0} logs`,
+        children: /* @__PURE__ */ l("div", { className: "ss-dash-log-filters", children: [
+          B.map((e) => /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: `ss-dash-log-filter ${r === e ? "ss-dash-active" : ""}`,
+              onClick: () => {
+                q(e), i(1);
+              },
+              children: e
+            },
+            e
+          )),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              className: "ss-dash-filter-input ss-dash-reqid-input",
+              placeholder: "Filter by request ID...",
+              value: u,
+              onChange: (e) => p(e.target.value),
+              onKeyDown: (e) => e.key === "Enter" && V()
+            }
+          ),
+          (u || n) && /* @__PURE__ */ t(
+            "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: v,
+          onChange: (e) => R(e.target.value),
+          children: [
+            /* @__PURE__ */ t("option", { value: "level", children: "level" }),
+            /* @__PURE__ */ t("option", { value: "message", children: "message" }),
+            /* @__PURE__ */ t("option", { value: "request_id", children: "request_id" }),
+            /* @__PURE__ */ t("option", { value: "userId", children: "userId" }),
+            /* @__PURE__ */ t("option", { value: "email", children: "email" }),
+            /* @__PURE__ */ t("option", { value: "path", children: "path" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "select",
+        {
+          className: "ss-dash-filter-select",
+          value: g,
+          onChange: (e) => $(e.target.value),
+          children: [
+            /* @__PURE__ */ t("option", { value: "equals", children: "equals" }),
+            /* @__PURE__ */ t("option", { value: "contains", children: "contains" }),
+            /* @__PURE__ */ t("option", { value: "starts_with", children: "starts with" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          className: "ss-dash-filter-input",
+          placeholder: "Value...",
+          value: f,
+          onChange: (e) => C(e.target.value),
+          onKeyDown: (e) => e.key === "Enter" && k()
+        }
+      ),
+      /* @__PURE__ */ t("button", { type: "button", className: "ss-dash-btn", onClick: k, children: "Add" })
+    ] }),
+    A && /* @__PURE__ */ l("div", { className: "ss-dash-filter-chips", children: [
+      r !== "all" && /* @__PURE__ */ l("span", { className: "ss-dash-filter-chip", children: [
+        "level: ",
+        r,
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-filter-chip-remove",
+            onClick: O,
+            children: "×"
+          }
+        )
+      ] }),
+      n && /* @__PURE__ */ l("span", { className: "ss-dash-filter-chip", children: [
+        "requestId: ",
+        n.slice(0, 8),
+        "...",
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-filter-chip-remove",
+            onClick: _,
+            children: "×"
+          }
+        )
+      ] }),
+      m.map((e, s) => /* @__PURE__ */ l("span", { className: "ss-dash-filter-chip", children: [
+        e.field,
+        " ",
+        e.operator,
+        ' "',
+        e.value,
+        '"',
+        /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            className: "ss-dash-filter-chip-remove",
+            onClick: () => j(s),
+            children: "×"
+          }
+        )
+      ] }, s))
+    ] }),
+    w && !I ? /* @__PURE__ */ t("div", { className: "ss-dash-empty", children: "Loading logs..." }) : S.length === 0 ? /* @__PURE__ */ l("div", { className: "ss-dash-empty", children: [
+      "No log entries",
+      n ? ` matching request ${n}` : r !== "all" ? ` for ${r}` : ""
+    ] }) : /* @__PURE__ */ t("div", { className: "ss-dash-log-entries", children: S.map((e, s) => /* @__PURE__ */ t(
+      z,
+      {
+        log: e,
+        index: s,
+        expanded: F === s,
+        onToggleExpand: (N) => P(F === N ? null : N),
+        onReqIdClick: D
+      },
+      e.id || s
+    )) }),
+    d && /* @__PURE__ */ t(
+      H,
+      {
+        page: d.page,
+        lastPage: d.lastPage,
+        total: d.total,
+        onPageChange: i
+      }
+    )
+  ] });
+}
+export {
+  Z as LogsSection,
+  Z as default
+};

package/dist/react/LogsTab-CS4sLfLw.js

@@ -0,0 +1,79 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useState as i, useMemo as v, useCallback as x } from "react";
+import { filterLogsByLevel as C, resolveLogRequestId as N, resolveLogMessage as F, LOG_LEVELS as w } from "adonisjs-server-stats/core";
+import { u as E } from "./index-DwDK-4oX.js";
+import { F as I } from "./FilterBar-CQ7bD669.js";
+import { L as k } from "./LogEntryRow-CMMkqA9M.js";
+function M({ options: f }) {
+  const { data: t, isLoading: p, error: g } = E("logs", f), [d, L] = i("all"), [n, h] = i(""), [l, m] = i(""), [u, b] = i(null), c = v(() => {
+    let e = Array.isArray(t) ? t : t?.logs || t?.entries || [];
+    if (e = C(e, d), l) {
+      const s = l.toLowerCase();
+      e = e.filter((r) => N(r).toLowerCase().includes(s));
+    }
+    if (n) {
+      const s = n.toLowerCase();
+      e = e.filter((r) => F(r).toLowerCase().includes(s));
+    }
+    return e;
+  }, [t, d, n, l]), y = x((e) => {
+    m((s) => s === e ? "" : e);
+  }, []);
+  return p && !t ? /* @__PURE__ */ o("div", { className: "ss-dbg-empty", children: "Loading logs..." }) : g ? /* @__PURE__ */ a("div", { className: "ss-dbg-empty", children: [
+    "Error: ",
+    g.message
+  ] }) : /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a("div", { className: "ss-dbg-log-filters", children: [
+      w.map((e) => /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          className: `ss-dbg-log-filter ${d === e ? "ss-dbg-active" : ""}`,
+          onClick: () => L(e),
+          children: e
+        },
+        e
+      )),
+      l && /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "ss-dbg-log-filter ss-dbg-active",
+          onClick: () => m(""),
+          children: [
+            "req: ",
+            l.slice(0, 8),
+            " x"
+          ]
+        }
+      ),
+      /* @__PURE__ */ a("span", { className: "ss-dbg-summary", style: { marginLeft: "auto" }, children: [
+        c.length,
+        " entries"
+      ] })
+    ] }),
+    /* @__PURE__ */ o(
+      I,
+      {
+        search: n,
+        onSearchChange: h,
+        placeholder: "Filter log messages..."
+      }
+    ),
+    /* @__PURE__ */ o("div", { style: { overflow: "auto", flex: 1 }, children: c.length === 0 ? /* @__PURE__ */ o("div", { className: "ss-dbg-empty", children: "No log entries" }) : c.slice(0, 200).map((e, s) => /* @__PURE__ */ o(
+      k,
+      {
+        log: e,
+        index: s,
+        expanded: u === s,
+        onToggleExpand: (r) => b(u === r ? null : r),
+        onReqIdClick: y
+      },
+      s
+    )) })
+  ] });
+}
+export {
+  M as LogsTab,
+  M as default
+};