adonisjs-server-stats 1.8.0 → 1.10.0

package/dist/core/index.js

@@ -136,7 +136,7 @@ function H(e) {
     }
   } };
 }
-function N(e) {
+function q(e) {
   let t = !1;
   const r = H({
     baseUrl: e.baseUrl,
@@ -164,12 +164,12 @@ function U() {
   const e = localStorage.getItem(v);
   return e === "dark" || e === "light" ? e : window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function q(e) {
+function N(e) {
   typeof window > "u" || (localStorage.setItem(v, e), window.dispatchEvent(new CustomEvent(M, { detail: e })));
 }
 function Ae() {
   const t = U() === "dark" ? "light" : "dark";
-  return q(t), t;
+  return N(t), t;
 }
 function Le(e) {
   if (typeof window > "u") return () => {
@@ -234,8 +234,8 @@ function De(e, t) {
   if (e.length < 2) return null;
   const r = K(t), n = V(e), i = n.max - n.min || 1, s = r.width - r.padding * 2, o = r.height - r.padding * 2, l = r.padding, a = e.length, h = Array.from({ length: a });
   for (let u = 0; u < a; u++) {
-    const E = l + u / (a - 1) * s, I = l + o - (e[u] - n.min) / i * o;
-    h[u] = `${E.toFixed(1)},${I.toFixed(1)}`;
+    const E = l + u / (a - 1) * s, O = l + o - (e[u] - n.min) / i * o;
+    h[u] = `${E.toFixed(1)},${O.toFixed(1)}`;
   }
   const m = h.join(" "), d = (l + s).toFixed(1), f = (l + o).toFixed(1), p = l.toFixed(1), x = `M${h[0]} ` + h.slice(1).map((u) => `L${u}`).join(" ") + ` L${d},${f} L${p},${f} Z`;
   return {
@@ -268,7 +268,7 @@ function Fe(e) {
 function D(e) {
   return /([+-]\d{2}:?\d{2}|Z)\s*$/.test(e) ? e : e + "Z";
 }
-function Oe(e) {
+function Ie(e) {
   if (!e) return "-";
   const t = typeof e == "string" ? new Date(D(e)) : new Date(e);
   return Number.isNaN(t.getTime()) ? "-" : t.toLocaleTimeString("en-US", {
@@ -278,7 +278,7 @@ function Oe(e) {
     second: "2-digit"
   }) + "." + String(t.getMilliseconds()).padStart(3, "0");
 }
-function Ie(e) {
+function Oe(e) {
   if (!e) return "-";
   const t = typeof e == "string" ? new Date(D(e)).getTime() : e, r = Math.floor((Date.now() - t) / 1e3);
   return r < 0 ? "just now" : r < 60 ? `${r}s ago` : r < 3600 ? `${Math.floor(r / 60)}m ago` : r < 86400 ? `${Math.floor(r / 3600)}h ago` : `${Math.floor(r / 86400)}d ago`;
@@ -324,10 +324,10 @@ const te = {
   amber: "--ss-amber-fg",
   red: "--ss-red-fg"
 };
-function Ne(e) {
+function qe(e) {
   return e >= 500 ? "red" : e >= 400 ? "amber" : "green";
 }
-function qe(e) {
+function Ne(e) {
   return e > X ? "very-slow" : e > Q ? "slow" : "normal";
 }
 function Ke(e) {
@@ -428,7 +428,7 @@ function Ye(e, t, r = 2) {
     n.push(o);
   return s < t - 1 && n.push("..."), t > 1 && n.push(t), n;
 }
-const O = "/admin/api/debug", ne = {
+const I = "/admin/api/debug", ne = {
   tracing: !1,
   process: !1,
   system: !1,
@@ -460,12 +460,12 @@ function se(e) {
     customPanes: e.customPanes ?? []
   };
 }
-async function ie(e, t = O) {
+async function ie(e, t = I) {
   const r = `${t.replace(/\/+$/, "")}/config`;
   return e.fetch(r);
 }
 async function Ze(e) {
-  const { baseUrl: t = "", debugEndpoint: r = O, authToken: n } = e, i = new T({ baseUrl: t, authToken: n });
+  const { baseUrl: t = "", debugEndpoint: r = I, authToken: n } = e, i = new T({ baseUrl: t, authToken: n });
   try {
     const s = await ie(i, r);
     return se(s);
@@ -911,7 +911,7 @@ class st {
     this.stopped = !1;
     let t = !1;
     try {
-      const r = N({
+      const r = q({
         baseUrl: this.baseUrl,
         channelName: this.channelName,
         authToken: this.authToken,
@@ -1756,7 +1756,9 @@ function Tt(e) {
     totalDuration: C(e, "total_duration", "totalDuration") || e.duration || 0,
     spanCount: C(e, "span_count", "spanCount"),
     spans: ye(e.spans),
-    warnings: be(e.warnings)
+    warnings: be(e.warnings),
+    logs: e.logs || [],
+    httpRequestId: e.httpRequestId || e.http_request_id || void 0
   };
 }
 const xe = ["password", "secret", "token", "key", "credential", "auth"];
@@ -1892,7 +1894,7 @@ function $e(e) {
 function Ft(e) {
   return $e(e).some((r) => ke.has(r.toLowerCase()));
 }
-const Ot = new RegExp("secret|password|pass(?:word)?|pwd|token|(?:^|[._-])key(?:[._-]|$)|(?<=[a-z])Key|apikey|api_key|auth|credential|private|encryption", "i");
+const It = new RegExp("secret|password|pass(?:word)?|pwd|token|(?:^|[._-])key(?:[._-]|$)|(?<=[a-z])Key|apikey|api_key|auth|credential|private|encryption", "i");
 export {
   T as ApiClient,
   _ as ApiError,
@@ -1912,7 +1914,7 @@ export {
   k as METRIC_DEFINITIONS,
   Ee as OK_STATUSES,
   j as OVERVIEW_REFRESH_MS,
-  Ot as REDACT_PATTERN,
+  It as REDACT_PATTERN,
   G as SECTION_REFRESH_MS,
   Q as SLOW_DURATION_MS,
   le as STALE_MS,
@@ -1943,7 +1945,7 @@ export {
   H as createTransmitSubscription,
   Ze as detectFeatures,
   tt as detectMetricGroupsFromStats,
-  qe as durationSeverity,
+  Ne as durationSeverity,
   vt as extractJobStats,
   St as extractJobs,
   ie as fetchFeatures,
@@ -1960,7 +1962,7 @@ export {
   Lt as formatFlatValue,
   $ as formatMb,
   _e as formatStatNum,
-  Oe as formatTime,
+  Ie as formatTime,
   ze as formatTtl,
   Y as formatUptime,
   W as generateGradientId,
@@ -1997,11 +1999,11 @@ export {
   dt as resolveLogRequestId,
   ut as resolveLogTimestamp,
   C as resolveTraceField,
-  q as setTheme,
+  N as setTheme,
   Ke as shortReqId,
   Ft as shouldRedact,
-  Ne as statusColor,
-  N as subscribeToChannel,
-  Ie as timeAgo,
+  qe as statusColor,
+  q as subscribeToChannel,
+  Oe as timeAgo,
   Ae as toggleTheme
 };

package/dist/core/log-utils.d.ts

@@ -31,3 +31,17 @@ export declare function getLogLevelCssClass(level: string, prefix?: string): str
  * The `'error'` filter also includes `'fatal'` entries (matching React behaviour).
  */
 export declare function filterLogsByLevel(logs: LogEntry[], level: string): LogEntry[];
+/**
+ * Standard Pino / framework keys that should NOT be surfaced as "structured data".
+ */
+export declare const STANDARD_LOG_KEYS: Set<string>;
+/**
+ * Extract non-standard structured data from a log entry.
+ *
+ * Handles two data shapes:
+ * - **Debug panel** (raw Pino): extra fields live at the top level
+ * - **Dashboard** (SQLite): extra fields live inside the `data` JSON blob
+ *
+ * Returns `null` when there is no structured data to show.
+ */
+export declare function getStructuredData(entry: LogEntry): Record<string, unknown> | null;

package/dist/core/split-pane.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared split-pane drag logic (framework-agnostic, DOM-based).
+ *
+ * Sets up vertical resizing between a top pane and bottom pane inside a
+ * flex-column container.  Uses pointer events with setPointerCapture
+ * (same pattern as resizable-columns.ts).
+ *
+ * Persists the split ratio to localStorage so it survives page reloads.
+ */
+export interface SplitPaneOptions {
+    container: HTMLElement;
+    handle: HTMLElement;
+    topPane: HTMLElement;
+    bottomPane: HTMLElement;
+    storageKey?: string;
+    minHeight?: number;
+}
+export declare function initSplitPane(opts: SplitPaneOptions): () => void;

package/dist/core/trace-utils.d.ts

@@ -1,3 +1,4 @@
+import { LogEntry } from './log-utils.js';
 /**
  * Raw trace detail as returned by the dashboard API.
  *
@@ -17,6 +18,8 @@ export interface TraceDetail {
     span_count?: number;
     spans: unknown[] | string;
     warnings: string[] | string;
+    logs?: LogEntry[];
+    httpRequestId?: string;
 }
 /**
  * Normalized trace with consistent camelCase field names and parsed arrays.
@@ -29,6 +32,8 @@ export interface NormalizedTrace {
     spanCount: number;
     spans: unknown[];
     warnings: string[];
+    logs: LogEntry[];
+    httpRequestId?: string;
 }
 /**
  * Parse raw span data that may be a JSON string, an array, or undefined.

package/dist/core/types.d.ts

@@ -256,7 +256,7 @@ export type DebugTab = 'timeline' | 'queries' | 'events' | 'routes' | 'logs' | '
  *
  * Known sections are provided for autocomplete; any custom string is also accepted.
  */
-export type DashboardSection = 'overview' | 'requests' | 'queries' | 'events' | 'routes' | 'logs' | 'emails' | 'timeline' | 'cache' | 'jobs' | 'config' | (string & {});
+export type DashboardSection = 'overview' | 'requests' | 'queries' | 'events' | 'routes' | 'logs' | 'emails' | 'cache' | 'jobs' | 'config' | (string & {});
 /**
  * Pre-defined time range options for dashboard queries.
  */

package/dist/react/{CacheSection-D5J5moz7.js → CacheSection-UCMptWyn.js}

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { useState as i, useCallback as f } from "react";
 import { formatCacheSize as x, formatTtl as D } from "adonisjs-server-stats/core";
-import { a as S, J as V } from "./index-DDzo1bZk.js";
+import { a as S, J as V } from "./index-Cflz9Ebj.js";
 import { D as F } from "./DataTable-YyShr5B-.js";
 import { F as L } from "./FilterBar-DQRXpWrb.js";
 function H({ options: k = {} }) {

package/dist/react/{CacheTab-F1MkWSZl.js → CacheTab-CA8LB1J5.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as a } from "react/jsx-runtime";
 import { useState as b, useMemo as z, useCallback as K } from "react";
 import { formatTtl as B, formatCacheSize as L } from "adonisjs-server-stats/core";
 import { u as S } from "./useDashboardApiBase-Bi36pJ2L.js";
-import { u as j, J as A } from "./index-DDzo1bZk.js";
+import { u as j, J as A } from "./index-Cflz9Ebj.js";
 import { u as $ } from "./useResizableTable-CNJmACdt.js";
 function q({ options: d, dashboardPath: y }) {
   const { dashApiBase: u, resolvedOptions: f } = S(y, d), { data: t, isLoading: v, error: g } = j("cache", f), [i, k] = b(""), [r, h] = b(null), [p, o] = b(null), n = z(() => {

package/dist/react/{ConfigSection-DerLBu4o.js → ConfigSection-DfFd-WRq.js}

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as i } from "./index-DDzo1bZk.js";
+import { a as i } from "./index-Cflz9Ebj.js";
 import { C as n } from "./ConfigContent-CnsEI4j3.js";
 function m({ options: o = {} }) {
   const { data: a, isLoading: s } = i("config", o);

package/dist/react/{ConfigTab-Bsj7v9JW.js → ConfigTab-Bdg8YMer.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { u as f } from "./useDashboardApiBase-Bi36pJ2L.js";
-import { u as m } from "./index-DDzo1bZk.js";
+import { u as m } from "./index-Cflz9Ebj.js";
 import { C as d } from "./ConfigContent-CnsEI4j3.js";
 function b({ options: r, dashboardPath: o }) {
   const { resolvedOptions: a } = f(o, r), { data: e, isLoading: t, error: s } = m("config", a);

package/dist/react/{CustomPaneTab-gzdtDEvz.js → CustomPaneTab-Bxtv_8Rw.js}

@@ -1,7 +1,7 @@
 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-DDzo1bZk.js";
+import { u as D } from "./index-Cflz9Ebj.js";
 import { u as M } from "./useResizableTable-CNJmACdt.js";
 function E({ pane: r, options: g }) {
   ({

package/dist/react/{EmailsSection-ndH3cvJk.js → EmailsSection-CM7stSyh.js}

@@ -1,7 +1,7 @@
 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-DDzo1bZk.js";
+import { a as T } from "./index-Cflz9Ebj.js";
 import { D as j } from "./DataTable-YyShr5B-.js";
 import { F as $ } from "./FilterBar-DQRXpWrb.js";
 import { P as F } from "./Pagination-BkmzUDY8.js";

package/dist/react/{EmailsTab-DVPHRx0L.js → EmailsTab-BDhEiomM.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useState as n, useMemo as f, useCallback as v } from "react";
 import { timeAgo as k, formatTime as S } from "adonisjs-server-stats/core";
-import { u as A } from "./index-DDzo1bZk.js";
+import { u as A } from "./index-Cflz9Ebj.js";
 import { u as P } from "./useResizableTable-CNJmACdt.js";
 function M({ options: i }) {
   const { data: o, isLoading: N, error: u } = A("emails", i), [c, y] = n(""), [g, b] = n(null), [p, h] = n(null), [x, m] = n(!1), r = f(() => {

package/dist/react/{EventsSection-ClIByDSk.js → EventsSection-ByQ-9blq.js}

@@ -1,7 +1,7 @@
 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-DDzo1bZk.js";
+import { a as b, J as N } from "./index-Cflz9Ebj.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";

package/dist/react/{EventsTab-CCzWEKrk.js → EventsTab-CMfY98Rl.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { useState as g, useMemo as u } from "react";
 import { timeAgo as b, formatTime as p } from "adonisjs-server-stats/core";
-import { u as v, J as f } from "./index-DDzo1bZk.js";
+import { u as v, J as f } from "./index-Cflz9Ebj.js";
 import { u as N } from "./useResizableTable-CNJmACdt.js";
 function T({ options: c }) {
   const { data: n, isLoading: o, error: i } = v("events", c), [r, m] = g(""), d = u(() => {

package/dist/react/{JobsSection-CVMyAs7O.js → JobsSection-DF3qEv9O.js}

@@ -1,7 +1,7 @@
 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-DDzo1bZk.js";
+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";

package/dist/react/{JobsTab-CATUyb9V.js → JobsTab-BbrBWIOb.js}

@@ -2,7 +2,7 @@ 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-DDzo1bZk.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(() => {

package/dist/react/LogsSection-DcFTZY7b.js

@@ -0,0 +1,227 @@
+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
+};