adonisjs-server-stats 1.10.3 → 1.11.1

package/dist/react/{TimelineTab-DjLR35Ce.js → TimelineTab-Ue9tUD_n.js}

@@ -1,33 +1,13 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useState as g, useMemo as j, useEffect as M, useCallback as E, useRef as v } from "react";
-import { formatDuration as w, durationSeverity as T, timeAgo as U, formatTime as W, initSplitPane as _ } from "adonisjs-server-stats/core";
-import { u as z } from "./useApiClient-BVtNCmnL.js";
-import { u as G } from "./index-CsImORX6.js";
-import { u as V } from "./useResizableTable-CNJmACdt.js";
-import { F as H } from "./FilterBar-CQ7bD669.js";
-import { R as J } from "./RelatedLogs-3A8RuGKH.js";
-function K({
-  children: o,
-  classPrefix: i = "ss-dbg",
-  storageKey: u
-}) {
-  const m = v(null), d = v(null), h = v(null), c = v(null);
-  return M(() => {
-    if (m.current && d.current && h.current && c.current)
-      return _({
-        container: m.current,
-        handle: d.current,
-        topPane: h.current,
-        bottomPane: c.current,
-        storageKey: u
-      });
-  }, [u]), /* @__PURE__ */ t("div", { ref: m, className: `${i}-split-container`, children: [
-    /* @__PURE__ */ e("div", { ref: h, className: `${i}-split-top`, children: o[0] }),
-    /* @__PURE__ */ e("div", { ref: d, className: `${i}-split-handle` }),
-    /* @__PURE__ */ e("div", { ref: c, className: `${i}-split-bottom`, children: o[1] })
-  ] });
-}
-const k = {
+import { useState as i, useMemo as q, useEffect as I, useCallback as O } from "react";
+import { formatDuration as m, durationClassName as j } from "adonisjs-server-stats/core";
+import { u as U } from "./useApiClient-BVtNCmnL.js";
+import { u as W, M as D, S as L } from "./index-DwDK-4oX.js";
+import { T as _ } from "./TimeAgoCell-o3KigGfM.js";
+import { u as z } from "./useResizableTable-CNJmACdt.js";
+import { F as G } from "./FilterBar-CQ7bD669.js";
+import { S as K, R as V } from "./SplitPaneWrapper-BiIgT4ND.js";
+const S = {
   request: "#1e3a5f",
   middleware: "rgba(30, 58, 95, 0.7)",
   db: "#6d28d9",
@@ -35,7 +15,7 @@ const k = {
   mail: "#059669",
   event: "#b45309",
   custom: "#525252"
-}, Q = [
+}, H = [
   { label: "Request", color: "#1e3a5f" },
   { label: "Middleware", color: "rgba(30, 58, 95, 0.7)" },
   { label: "Database", color: "#6d28d9" },
@@ -43,67 +23,67 @@ const k = {
   { label: "Mail", color: "#059669" },
   { label: "Event", color: "#b45309" }
 ];
-function re({ options: o }) {
-  const { baseUrl: i = "", debugEndpoint: u = "/admin/api/debug", authToken: m } = o || {}, { data: d, isLoading: h, error: c } = G("timeline", o), [b, A] = g(""), [p, y] = g(null), [a, L] = g(null), [B, C] = g(!1), [$, x] = g(null), f = j(() => {
-    const s = d?.traces || [];
-    if (!b) return s;
-    const n = b.toLowerCase();
+function ae({ options: f }) {
+  const { baseUrl: E = "", debugEndpoint: N = "/admin/api/debug", authToken: T } = f || {}, { data: g, isLoading: k, error: v } = W("timeline", f), [n, $] = i(""), [c, u] = i(null), [d, w] = i(null), [M, b] = i(!1), [y, p] = i(null), o = q(() => {
+    const s = g?.traces || [];
+    if (!n) return s;
+    const r = n.toLowerCase();
     return s.filter(
-      (r) => r.url.toLowerCase().includes(n) || r.method.toLowerCase().includes(n) || String(r.statusCode).includes(n)
+      (a) => a.url.toLowerCase().includes(r) || a.method.toLowerCase().includes(r) || String(a.statusCode).includes(r)
     );
-  }, [d, b]), D = z(i, m);
-  M(() => {
-    if (p === null) {
-      L(null), x(null);
+  }, [g, n]), C = U(E, T);
+  I(() => {
+    if (c === null) {
+      w(null), p(null);
       return;
     }
     let s = !1;
-    return C(!0), x(null), D().get(`${u}/traces/${p}`).then((r) => {
-      s || (L(r), C(!1));
-    }).catch((r) => {
-      s || (x(r instanceof Error ? r.message : "Failed to load trace"), C(!1));
+    return b(!0), p(null), C().get(`${N}/traces/${c}`).then((a) => {
+      s || (w(a), b(!1));
+    }).catch((a) => {
+      s || (p(a instanceof Error ? a.message : "Failed to load trace"), b(!1));
     }), () => {
       s = !0;
     };
-  }, [p, u, D]);
-  const F = E((s) => {
-    y((n) => n === s ? null : s);
-  }, []), S = E((s) => s >= 500 ? "ss-dbg-status-5xx" : s >= 400 ? "ss-dbg-status-4xx" : s >= 300 ? "ss-dbg-status-3xx" : "ss-dbg-status-2xx", []), q = V([f]);
-  if (h && !d)
+  }, [c, N, C]);
+  const R = O((s) => {
+    u((r) => r === s ? null : s);
+  }, []), B = z([o]);
+  if (k && !g)
     return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading traces..." });
-  if (c)
+  if (v)
     return /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
       "Error: ",
-      c.message
+      v.message
     ] });
-  if (p !== null) {
-    if (B)
+  if (c !== null) {
+    if (M)
       return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading trace detail..." });
-    if ($)
+    if (y)
       return /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ e("div", { className: "ss-dbg-tl-detail-header", children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
             className: "ss-dbg-btn-clear",
-            onClick: () => y(null),
+            onClick: () => u(null),
             children: "← Back"
           }
         ) }),
         /* @__PURE__ */ t("div", { className: "ss-dbg-empty", children: [
           "Error: ",
-          $
+          y
         ] })
       ] });
-    if (!a)
+    if (!d)
       return /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "Loading trace detail..." });
-    const s = a.spans || [], n = a.warnings || [], r = a.logs || [], I = r.length > 0, R = /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend", children: Q.map((l) => /* @__PURE__ */ t("div", { className: "ss-dbg-tl-legend-item", children: [
+    const s = d.spans || [], r = d.warnings || [], a = d.logs || [], P = a.length > 0, x = /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend", children: H.map((l) => /* @__PURE__ */ t("div", { className: "ss-dbg-tl-legend-item", children: [
         /* @__PURE__ */ e("div", { className: "ss-dbg-tl-legend-dot", style: { background: l.color } }),
         /* @__PURE__ */ e("span", { children: l.label })
       ] }, l.label)) }),
       /* @__PURE__ */ e("div", { style: { padding: "8px 12px", overflow: "auto" }, children: s.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No spans captured for this request" }) : s.map((l) => {
-        const N = a.totalDuration || 1, O = l.startOffset / N * 100, P = Math.max(l.duration / N * 100, 0.5);
+        const h = d.totalDuration || 1, A = l.startOffset / h * 100, F = Math.max(l.duration / h * 100, 0.5);
         return /* @__PURE__ */ t("div", { className: "ss-dbg-tl-row", children: [
           /* @__PURE__ */ e("div", { className: "ss-dbg-tl-label", title: l.label, children: l.label }),
           /* @__PURE__ */ e("div", { className: "ss-dbg-tl-track", children: /* @__PURE__ */ e(
@@ -111,19 +91,19 @@ function re({ options: o }) {
             {
               className: `ss-dbg-tl-bar ss-dbg-tl-bar-${l.category}`,
               style: {
-                left: `${O}%`,
-                width: `${P}%`,
-                background: k[l.category] || k.custom
+                left: `${A}%`,
+                width: `${F}%`,
+                background: S[l.category] || S.custom
               },
-              title: `${l.label}: ${w(l.duration)}`
+              title: `${l.label}: ${m(l.duration)}`
             }
           ) }),
-          /* @__PURE__ */ e("span", { className: "ss-dbg-tl-dur", children: w(l.duration) })
+          /* @__PURE__ */ e("span", { className: "ss-dbg-tl-dur", children: m(l.duration) })
         ] }, l.id);
       }) }),
-      n.length > 0 && /* @__PURE__ */ t("div", { className: "ss-dbg-tl-warnings", children: [
+      r.length > 0 && /* @__PURE__ */ t("div", { className: "ss-dbg-tl-warnings", children: [
         /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warnings-title", children: "Warnings" }),
-        n.map((l, N) => /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warning", children: l }, N))
+        r.map((l, h) => /* @__PURE__ */ e("div", { className: "ss-dbg-tl-warning", children: l }, h))
       ] })
     ] });
     return /* @__PURE__ */ t("div", { className: "ss-dbg-tl-detail-wrapper", children: [
@@ -133,37 +113,37 @@ function re({ options: o }) {
           {
             type: "button",
             className: "ss-dbg-btn-clear",
-            onClick: () => y(null),
+            onClick: () => u(null),
             children: "← Back"
           }
         ),
-        /* @__PURE__ */ e("span", { className: `ss-dbg-method ss-dbg-method-${a.method.toLowerCase()}`, children: a.method }),
-        /* @__PURE__ */ e("span", { className: "ss-dbg-tl-detail-url", children: a.url }),
-        /* @__PURE__ */ e("span", { className: `ss-dbg-status ${S(a.statusCode)}`, children: a.statusCode }),
+        /* @__PURE__ */ e(D, { method: d.method, classPrefix: "ss-dbg" }),
+        /* @__PURE__ */ e("span", { className: "ss-dbg-tl-detail-url", children: d.url }),
+        /* @__PURE__ */ e(L, { code: d.statusCode, classPrefix: "ss-dbg" }),
         /* @__PURE__ */ t("span", { className: "ss-dbg-tl-meta", children: [
-          w(a.totalDuration),
+          m(d.totalDuration),
           " · ",
-          a.spanCount,
+          d.spanCount,
           " spans"
         ] })
       ] }),
-      I ? /* @__PURE__ */ t(K, { classPrefix: "ss-dbg", storageKey: "ss-dbg-timeline-split", children: [
-        R,
-        /* @__PURE__ */ e(J, { logs: r, classPrefix: "ss-dbg" })
-      ] }) : R
+      P ? /* @__PURE__ */ t(K, { storageKey: "ss-dbg-timeline-split", children: [
+        x,
+        /* @__PURE__ */ e(V, { logs: a })
+      ] }) : x
     ] });
   }
   return /* @__PURE__ */ t("div", { children: [
     /* @__PURE__ */ e(
-      H,
+      G,
       {
-        search: b,
-        onSearchChange: A,
+        search: n,
+        onSearchChange: $,
         placeholder: "Filter traces...",
-        summary: `${f.length} traces`
+        summary: `${o.length} traces`
       }
     ),
-    f.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No traces captured. Enable tracing in config." }) : /* @__PURE__ */ t("table", { ref: q, className: "ss-dbg-table", children: [
+    o.length === 0 ? /* @__PURE__ */ e("div", { className: "ss-dbg-empty", children: "No traces captured. Enable tracing in config." }) : /* @__PURE__ */ t("table", { ref: B, className: "ss-dbg-table", children: [
       /* @__PURE__ */ t("colgroup", { children: [
         /* @__PURE__ */ e("col", { style: { width: "50px" } }),
         /* @__PURE__ */ e("col", { style: { width: "70px" } }),
@@ -182,25 +162,25 @@ function re({ options: o }) {
         /* @__PURE__ */ e("th", { children: "Spans" }),
         /* @__PURE__ */ e("th", { children: "Time" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: f.map((s) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("tbody", { children: o.map((s) => /* @__PURE__ */ t(
         "tr",
         {
           className: "ss-dbg-email-row",
-          onClick: () => F(s.id),
+          onClick: () => R(s.id),
           children: [
             /* @__PURE__ */ e("td", { className: "ss-dbg-c-dim", style: { whiteSpace: "nowrap" }, children: s.id }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-method ss-dbg-method-${s.method.toLowerCase()}`, children: s.method }) }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(D, { method: s.method, classPrefix: "ss-dbg" }) }),
             /* @__PURE__ */ e("td", { title: s.url, children: s.url }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { className: `ss-dbg-status ${S(s.statusCode)}`, children: s.statusCode }) }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(L, { code: s.statusCode, classPrefix: "ss-dbg" }) }),
             /* @__PURE__ */ e(
               "td",
               {
-                className: `ss-dbg-duration ${T(s.totalDuration) === "very-slow" ? "ss-dbg-very-slow" : T(s.totalDuration) === "slow" ? "ss-dbg-slow" : ""}`,
-                children: w(s.totalDuration)
+                className: `ss-dbg-duration ${j(s.totalDuration, "ss-dbg")}`,
+                children: m(s.totalDuration)
               }
             ),
             /* @__PURE__ */ e("td", { className: "ss-dbg-c-muted", style: { textAlign: "center" }, children: s.spanCount }),
-            /* @__PURE__ */ e("td", { className: "ss-dbg-event-time", title: W(s.timestamp), children: U(s.timestamp) })
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(_, { ts: s.timestamp, className: "ss-dbg-event-time" }) })
           ]
         },
         s.id
@@ -209,6 +189,6 @@ function re({ options: o }) {
   ] });
 }
 export {
-  re as TimelineTab,
-  re as default
+  ae as TimelineTab,
+  ae as default
 };

package/dist/react/{index-CsImORX6.js → index-DwDK-4oX.js}

@@ -435,7 +435,7 @@ function A({
     }
   );
 }
-const ge = L(() => import("./QueriesTab-BQzcxEiW.js")), me = L(() => import("./EventsTab-CfVr7AiM.js")), ve = L(() => import("./EmailsTab-DbK4Eobn.js")), fe = L(() => import("./RoutesTab-CpYH5lUw.js")), we = L(() => import("./LogsTab-D8unMV5P.js")), ke = L(() => import("./TimelineTab-DjLR35Ce.js")), Ne = L(() => import("./CacheTab-2cw_rMzj.js")), ye = L(() => import("./JobsTab-znzf6jzk.js")), Ce = L(() => import("./ConfigTab-H3OnYqmK.js")), Se = L(() => import("./InternalsTab-Oij0A2fN.js")), Le = L(() => import("./CustomPaneTab-B6r7ha0u.js"));
+const ge = L(() => import("./QueriesTab-x85PjkyS.js")), me = L(() => import("./EventsTab-B-FoehXC.js")), ve = L(() => import("./EmailsTab-Ch8jp10B.js")), fe = L(() => import("./RoutesTab-CbzBOzpc.js")), we = L(() => import("./LogsTab-CS4sLfLw.js")), ke = L(() => import("./TimelineTab-Ue9tUD_n.js")), Ne = L(() => import("./CacheTab-DOhuK05d.js")), ye = L(() => import("./JobsTab-DqnifQXV.js")), Ce = L(() => import("./ConfigTab-C8kriE2b.js")), Se = L(() => import("./InternalsTab-CkEKpRMU.js")), Le = L(() => import("./CustomPaneTab-CvzQS_Wh.js"));
 function Qe(s) {
   const {
     defaultOpen: o = !1,
@@ -724,7 +724,7 @@ const De = [
   "jobs",
   "config",
   "internals"
-], Re = L(() => import("./OverviewSection-ABP9ueBo.js")), Oe = L(() => import("./RequestsSection-kW79_M7k.js")), _e = L(() => import("./QueriesSection-CnmSkznA.js")), je = L(() => import("./EventsSection-C7RQW_LY.js")), Pe = L(() => import("./RoutesSection-BRhxrtjZ.js")), He = L(() => import("./LogsSection-Dmm3rE2B.js")), qe = L(() => import("./EmailsSection-C-UZISG-.js")), Ue = L(() => import("./CacheSection-baMZotSn.js")), Fe = L(() => import("./JobsSection-CQHNK_Ls.js")), Ae = L(() => import("./ConfigSection-DGgqjAal.js")), ze = L(() => import("./InternalsSection-t7ihcWO-.js"));
+], Re = L(() => import("./OverviewSection-CxvfOR0v.js")), Oe = L(() => import("./RequestsSection-DETN9oZb.js")), _e = L(() => import("./QueriesSection-CrMdU5Ax.js")), je = L(() => import("./EventsSection-DJPwHeT8.js")), Pe = L(() => import("./RoutesSection-CmorkJeC.js")), He = L(() => import("./LogsSection-C1xC5aP4.js")), qe = L(() => import("./EmailsSection-BJyFJf7A.js")), Ue = L(() => import("./CacheSection-BYN53kYO.js")), Fe = L(() => import("./JobsSection-DWF4i1t_.js")), Ae = L(() => import("./ConfigSection-B9EHh4Rp.js")), ze = L(() => import("./InternalsSection-B6VlVx5f.js"));
 function Xe(s) {
   const {
     baseUrl: o = "",
@@ -1107,10 +1107,10 @@ export {
   Xe as D,
   ts as J,
   es as M,
-  ue as S,
+  ss as S,
   A as T,
   Be as a,
-  ss as b,
+  ue as b,
   Qe as c,
   Ge as d,
   ns as e,

package/dist/react/index.js

@@ -1,4 +1,4 @@
-import { B as s, D as t, c as r, J as u, M as g, d as o, d, b as D, T as h, e as B, a as S, u as b, f as T, g as l, h as m } from "./index-CsImORX6.js";
+import { B as s, D as t, c as r, J as u, M as g, d as o, d, S as D, T as S, e as h, a as B, u as T, f as b, g as l, h as m } from "./index-DwDK-4oX.js";
 export {
   s as Badge,
   t as DashboardPage,
@@ -8,11 +8,11 @@ export {
   o as ServerStatsBar,
   d as StatsBar,
   D as StatusBadge,
-  h as ThemeToggle,
-  B as Tooltip,
-  S as useDashboardData,
-  b as useDebugData,
-  T as useFeatures,
+  S as ThemeToggle,
+  h as Tooltip,
+  B as useDashboardData,
+  T as useDebugData,
+  b as useFeatures,
   l as useServerStats,
   m as useTheme
 };

package/dist/react/react/components/shared/CacheStatsBar.d.ts

@@ -0,0 +1,13 @@
+export interface CacheStatsBarProps {
+    hitRate: number;
+    hits: number;
+    misses: number;
+    keys: number;
+}
+/**
+ * Shared cache stats bar showing Hit Rate, Hits, Misses, and Keys.
+ * Uses neutral `ss-cache-stats` CSS classes (with backward-compatible
+ * aliases for `ss-dash-` and `ss-dbg-` prefixes in components.css).
+ */
+export declare function CacheStatsBar({ hitRate, hits, misses, keys }: CacheStatsBarProps): import("react/jsx-runtime").JSX.Element;
+export default CacheStatsBar;

package/dist/react/react/components/shared/EmailPreviewOverlay.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Shared email preview overlay used by both Dashboard EmailsSection
+ * and DebugPanel EmailsTab.
+ *
+ * Uses the neutral `ss-email-*` CSS classes from `components.css`.
+ */
+export interface EmailPreviewData {
+    subject?: string | null;
+    from?: string | null;
+    to?: string | null;
+    cc?: string | null;
+    status?: string | null;
+    mailer?: string | null;
+    text?: string | null;
+}
+export interface EmailPreviewOverlayProps {
+    /** Email metadata to display in the header. */
+    email: EmailPreviewData | null;
+    /** The HTML string to render in the preview iframe, or `null`. */
+    previewHtml: string | null;
+    /** Whether the preview HTML is still loading. */
+    isLoading?: boolean;
+    /** Callback to close the preview overlay. */
+    onClose: () => void;
+    /** Optional CSS class name for the root container (allows context-specific overrides). */
+    className?: string;
+}
+export declare function EmailPreviewOverlay({ email, previewHtml, isLoading, onClose, className, }: EmailPreviewOverlayProps): import("react/jsx-runtime").JSX.Element;
+export default EmailPreviewOverlay;

package/dist/react/react/components/shared/JobStatsBar.d.ts

@@ -0,0 +1,12 @@
+import { JobStats } from '../../../core/types.js';
+interface JobStatsBarProps {
+    stats: JobStats | null;
+    /** CSS class prefix: 'ss-dash' for dashboard, 'ss-dbg' for debug panel, or 'ss' for neutral. */
+    classPrefix?: 'ss' | 'ss-dash' | 'ss-dbg';
+}
+/**
+ * Shared stats bar showing Active/Waiting/Delayed/Completed/Failed counts.
+ * Used by both Dashboard JobsSection and DebugPanel JobsTab.
+ */
+export declare function JobStatsBar({ stats, classPrefix }: JobStatsBarProps): import("react/jsx-runtime").JSX.Element | null;
+export default JobStatsBar;

package/dist/react/react/components/shared/LogEntryRow.d.ts

@@ -0,0 +1,9 @@
+import { LogEntry } from '../../../core/log-utils.js';
+export interface LogEntryRowProps {
+    log: LogEntry | Record<string, unknown>;
+    index: number;
+    expanded: boolean;
+    onToggleExpand: (index: number) => void;
+    onReqIdClick?: (reqId: string) => void;
+}
+export declare function LogEntryRow({ log, index, expanded, onToggleExpand, onReqIdClick }: LogEntryRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/react/components/shared/RelatedLogs.d.ts

@@ -1,7 +1,7 @@
 import { LogEntry } from '../../../core/log-utils.js';
 interface RelatedLogsProps {
     logs: LogEntry[];
-    classPrefix?: 'ss-dash' | 'ss-dbg';
+    onReqIdClick?: (reqId: string) => void;
 }
-export declare function RelatedLogs({ logs, classPrefix }: RelatedLogsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RelatedLogs({ logs, onReqIdClick }: RelatedLogsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/react/react/components/shared/SplitPaneWrapper.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SplitPaneWrapperProps {
+    children: [React.ReactNode, React.ReactNode];
+    storageKey?: string;
+}
+export declare function SplitPaneWrapper({ children, storageKey }: SplitPaneWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/react/components/shared/TimeAgoCell.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+interface TimeAgoCellProps {
+    /** Unix timestamp in milliseconds, or an ISO date string. */
+    ts: number | string | null | undefined;
+    /** CSS class name for the wrapper span. */
+    className?: string;
+    /** Optional inline styles. */
+    style?: React.CSSProperties;
+}
+/**
+ * Renders a relative time string (e.g. "3s ago") with a tooltip showing
+ * the formatted absolute time.
+ *
+ * Replaces the repeated `<span title={formatTime(ts)}>{timeAgo(ts)}</span>` pattern.
+ */
+export declare function TimeAgoCell({ ts, className, style }: TimeAgoCellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/react/hooks/useDiagnosticsData.d.ts

@@ -0,0 +1,14 @@
+import { DiagnosticsResponse } from '../../core/types.js';
+interface UseDiagnosticsDataOptions {
+    baseUrl?: string;
+    debugEndpoint?: string;
+    authToken?: string;
+    /** Polling interval in ms. Defaults to 3000. */
+    refreshInterval?: number;
+}
+export declare function useDiagnosticsData(options?: UseDiagnosticsDataOptions): {
+    data: DiagnosticsResponse | null;
+    isLoading: boolean;
+    error: Error | null;
+};
+export {};