adonisjs-server-stats 1.10.0 → 1.11.0

package/dist/react/JobsSection-DF3qEv9O.js

@@ -1,187 +0,0 @@
-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-Cflz9Ebj.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-BbrBWIOb.js

@@ -1,141 +0,0 @@
-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-Cflz9Ebj.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-DcFTZY7b.js

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

package/dist/react/LogsTab-CicucmVk.js

@@ -1,103 +0,0 @@
-import { jsx as s, jsxs as a } from "react/jsx-runtime";
-import I, { useState as m, useMemo as E, useCallback as F } from "react";
-import { filterLogsByLevel as D, resolveLogRequestId as y, resolveLogMessage as N, LOG_LEVELS as R, resolveLogLevel as S, resolveLogTimestamp as $, getStructuredData as A, getLogLevelCssClass as P, timeAgo as T, formatTime as j } from "adonisjs-server-stats/core";
-import { u as J, J as M } from "./index-Cflz9Ebj.js";
-function O({ options: x }) {
-  const { data: l, isLoading: C, error: h } = J("logs", x), [p, w] = m("all"), [d, k] = m(""), [n, f] = m(""), [u, q] = m(null), b = E(() => {
-    let e = Array.isArray(l) ? l : l?.logs || l?.entries || [];
-    if (e = D(e, p), n) {
-      const t = n.toLowerCase();
-      e = e.filter((r) => y(r).toLowerCase().includes(t));
-    }
-    if (d) {
-      const t = d.toLowerCase();
-      e = e.filter((r) => N(r).toLowerCase().includes(t));
-    }
-    return e;
-  }, [l, p, d, n]), v = F((e) => {
-    f((t) => t === e ? "" : e);
-  }, []);
-  return C && !l ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "Loading logs..." }) : h ? /* @__PURE__ */ a("div", { className: "ss-dbg-empty", children: [
-    "Error: ",
-    h.message
-  ] }) : /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ a("div", { className: "ss-dbg-log-filters", children: [
-      R.map((e) => /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          className: `ss-dbg-log-filter ${p === e ? "ss-dbg-active" : ""}`,
-          onClick: () => w(e),
-          children: e
-        },
-        e
-      )),
-      n && /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: "ss-dbg-log-filter ss-dbg-active",
-          onClick: () => f(""),
-          children: [
-            "req: ",
-            n.slice(0, 8),
-            " x"
-          ]
-        }
-      ),
-      /* @__PURE__ */ a("span", { className: "ss-dbg-summary", style: { marginLeft: "auto" }, children: [
-        b.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: d,
-        onChange: (e) => k(e.target.value)
-      }
-    ) }),
-    /* @__PURE__ */ s("div", { style: { overflow: "auto", flex: 1 }, children: b.length === 0 ? /* @__PURE__ */ s("div", { className: "ss-dbg-empty", children: "No log entries" }) : b.slice(0, 200).map((e, t) => {
-      const r = S(e), L = N(e), c = $(e), o = y(e), i = A(e);
-      return /* @__PURE__ */ a(I.Fragment, { children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: `ss-dbg-log-entry${i ? " ss-dbg-log-entry-expandable" : ""}`,
-            onClick: () => i && q(u === t ? null : t),
-            children: [
-              /* @__PURE__ */ s("span", { className: `ss-dbg-log-level ${P(r)}`, children: r.toUpperCase() }),
-              /* @__PURE__ */ s("span", { className: "ss-dbg-log-time", title: c ? j(c) : "", children: c ? T(c) : "-" }),
-              o ? /* @__PURE__ */ s(
-                "span",
-                {
-                  className: "ss-dbg-log-reqid",
-                  onClick: (g) => {
-                    g.stopPropagation(), v(o);
-                  },
-                  role: "button",
-                  tabIndex: 0,
-                  title: o,
-                  onKeyDown: (g) => {
-                    g.key === "Enter" && (g.stopPropagation(), v(o));
-                  },
-                  children: o.slice(0, 8)
-                }
-              ) : /* @__PURE__ */ s("span", { className: "ss-dbg-log-reqid-empty", children: "-" }),
-              i ? /* @__PURE__ */ s("span", { className: `ss-dbg-log-expand-icon${u === t ? " ss-dbg-log-expand-icon-open" : ""}`, children: "▶" }) : /* @__PURE__ */ s("span", { style: { width: 14 } }),
-              /* @__PURE__ */ s("span", { className: "ss-dbg-log-msg", children: L })
-            ]
-          }
-        ),
-        u === t && i && /* @__PURE__ */ s("div", { className: "ss-dbg-log-detail", children: /* @__PURE__ */ s(M, { data: i, classPrefix: "ss-dbg", defaultExpanded: !0 }) })
-      ] }, t);
-    }) })
-  ] });
-}
-export {
-  O as LogsTab,
-  O as default
-};